@charset "UTF-8";
/*! 
 *  IDS Enterprise Components - v4.94.2
 *  Date: 2024-04-10T17:10:50.550Z
 *  Revision: 6dfbf53930680257b36d281452b9e61ae237655a
 *  
 *  
 *  Apache License
 *  Version 2.0, January 2004
 *  http://www.apache.org/licenses/
 *  
 *  TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
 *  
 *  1. Definitions.
 *  
 *  "License" shall mean the terms and conditions for use, reproduction,
 *  and distribution as defined by Sections 1 through 9 of this document.
 *  
 *  "Licensor" shall mean the copyright owner or entity authorized by
 *  the copyright owner that is granting the License.
 *  
 *  "Legal Entity" shall mean the union of the acting entity and all
 *  other entities that control, are controlled by, or are under common
 *  control with that entity. For the purposes of this definition,
 *  "control" means (i) the power, direct or indirect, to cause the
 *  direction or management of such entity, whether by contract or
 *  otherwise, or (ii) ownership of fifty percent (50%) or more of the
 *  outstanding shares, or (iii) beneficial ownership of such entity.
 *  
 *  "You" (or "Your") shall mean an individual or Legal Entity
 *  exercising permissions granted by this License.
 *  
 *  "Source" form shall mean the preferred form for making modifications,
 *  including but not limited to software source code, documentation
 *  source, and configuration files.
 *  
 *  "Object" form shall mean any form resulting from mechanical
 *  transformation or translation of a Source form, including but
 *  not limited to compiled object code, generated documentation,
 *  and conversions to other media types.
 *  
 *  "Work" shall mean the work of authorship, whether in Source or
 *  Object form, made available under the License, as indicated by a
 *  copyright notice that is included in or attached to the work
 *  (an example is provided in the Appendix below).
 *  
 *  "Derivative Works" shall mean any work, whether in Source or Object
 *  form, that is based on (or derived from) the Work and for which the
 *  editorial revisions, annotations, elaborations, or other modifications
 *  represent, as a whole, an original work of authorship. For the purposes
 *  of this License, Derivative Works shall not include works that remain
 *  separable from, or merely link (or bind by name) to the interfaces of,
 *  the Work and Derivative Works thereof.
 *  
 *  "Contribution" shall mean any work of authorship, including
 *  the original version of the Work and any modifications or additions
 *  to that Work or Derivative Works thereof, that is intentionally
 *  submitted to Licensor for inclusion in the Work by the copyright owner
 *  or by an individual or Legal Entity authorized to submit on behalf of
 *  the copyright owner. For the purposes of this definition, "submitted"
 *  means any form of electronic, verbal, or written communication sent
 *  to the Licensor or its representatives, including but not limited to
 *  communication on electronic mailing lists, source code control systems,
 *  and issue tracking systems that are managed by, or on behalf of, the
 *  Licensor for the purpose of discussing and improving the Work, but
 *  excluding communication that is conspicuously marked or otherwise
 *  designated in writing by the copyright owner as "Not a Contribution."
 *  
 *  "Contributor" shall mean Licensor and any individual or Legal Entity
 *  on behalf of whom a Contribution has been received by Licensor and
 *  subsequently incorporated within the Work.
 *  
 *  2. Grant of Copyright License. Subject to the terms and conditions of
 *  this License, each Contributor hereby grants to You a perpetual,
 *  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 *  copyright license to reproduce, prepare Derivative Works of,
 *  publicly display, publicly perform, sublicense, and distribute the
 *  Work and such Derivative Works in Source or Object form.
 *  
 *  3. Grant of Patent License. Subject to the terms and conditions of
 *  this License, each Contributor hereby grants to You a perpetual,
 *  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 *  (except as stated in this section) patent license to make, have made,
 *  use, offer to sell, sell, import, and otherwise transfer the Work,
 *  where such license applies only to those patent claims licensable
 *  by such Contributor that are necessarily infringed by their
 *  Contribution(s) alone or by combination of their Contribution(s)
 *  with the Work to which such Contribution(s) was submitted. If You
 *  institute patent litigation against any entity (including a
 *  cross-claim or counterclaim in a lawsuit) alleging that the Work
 *  or a Contribution incorporated within the Work constitutes direct
 *  or contributory patent infringement, then any patent licenses
 *  granted to You under this License for that Work shall terminate
 *  as of the date such litigation is filed.
 *  
 *  4. Redistribution. You may reproduce and distribute copies of the
 *  Work or Derivative Works thereof in any medium, with or without
 *  modifications, and in Source or Object form, provided that You
 *  meet the following conditions:
 *  
 *  (a) You must give any other recipients of the Work or
 *  Derivative Works a copy of this License; and
 *  
 *  (b) You must cause any modified files to carry prominent notices
 *  stating that You changed the files; and
 *  
 *  (c) You must retain, in the Source form of any Derivative Works
 *  that You distribute, all copyright, patent, trademark, and
 *  attribution notices from the Source form of the Work,
 *  excluding those notices that do not pertain to any part of
 *  the Derivative Works; and
 *  
 *  (d) If the Work includes a "NOTICE" text file as part of its
 *  distribution, then any Derivative Works that You distribute must
 *  include a readable copy of the attribution notices contained
 *  within such NOTICE file, excluding those notices that do not
 *  pertain to any part of the Derivative Works, in at least one
 *  of the following places: within a NOTICE text file distributed
 *  as part of the Derivative Works; within the Source form or
 *  documentation, if provided along with the Derivative Works; or,
 *  within a display generated by the Derivative Works, if and
 *  wherever such third-party notices normally appear. The contents
 *  of the NOTICE file are for informational purposes only and
 *  do not modify the License. You may add Your own attribution
 *  notices within Derivative Works that You distribute, alongside
 *  or as an addendum to the NOTICE text from the Work, provided
 *  that such additional attribution notices cannot be construed
 *  as modifying the License.
 *  
 *  You may add Your own copyright statement to Your modifications and
 *  may provide additional or different license terms and conditions
 *  for use, reproduction, or distribution of Your modifications, or
 *  for any such Derivative Works as a whole, provided Your use,
 *  reproduction, and distribution of the Work otherwise complies with
 *  the conditions stated in this License.
 *  
 *  5. Submission of Contributions. Unless You explicitly state otherwise,
 *  any Contribution intentionally submitted for inclusion in the Work
 *  by You to the Licensor shall be under the terms and conditions of
 *  this License, without any additional terms or conditions.
 *  Notwithstanding the above, nothing herein shall supersede or modify
 *  the terms of any separate license agreement you may have executed
 *  with Licensor regarding such Contributions.
 *  
 *  6. Trademarks. This License does not grant permission to use the trade
 *  names, trademarks, service marks, or product names of the Licensor,
 *  except as required for reasonable and customary use in describing the
 *  origin of the Work and reproducing the content of the NOTICE file.
 *  
 *  7. Disclaimer of Warranty. Unless required by applicable law or
 *  agreed to in writing, Licensor provides the Work (and each
 *  Contributor provides its Contributions) on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
 *  implied, including, without limitation, any warranties or conditions
 *  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
 *  PARTICULAR PURPOSE. You are solely responsible for determining the
 *  appropriateness of using or redistributing the Work and assume any
 *  risks associated with Your exercise of permissions under this License.
 *  
 *  8. Limitation of Liability. In no event and under no legal theory,
 *  whether in tort (including negligence), contract, or otherwise,
 *  unless required by applicable law (such as deliberate and grossly
 *  negligent acts) or agreed to in writing, shall any Contributor be
 *  liable to You for damages, including any direct, indirect, special,
 *  incidental, or consequential damages of any character arising as a
 *  result of this License or out of the use or inability to use the
 *  Work (including but not limited to damages for loss of goodwill,
 *  work stoppage, computer failure or malfunction, or any and all
 *  other commercial damages or losses), even if such Contributor
 *  has been advised of the possibility of such damages.
 *  
 *  9. Accepting Warranty or Additional Liability. While redistributing
 *  the Work or Derivative Works thereof, You may choose to offer,
 *  and charge a fee for, acceptance of support, warranty, indemnity,
 *  or other liability obligations and/or rights consistent with this
 *  License. However, in accepting such obligations, You may act only
 *  on Your own behalf and on Your sole responsibility, not on behalf
 *  of any other Contributor, and only if You agree to indemnify,
 *  defend, and hold each Contributor harmless for any liability
 *  incurred by, or claims asserted against, such Contributor by reason
 *  of your accepting any such warranty or additional liability.
 *  
 *  END OF TERMS AND CONDITIONS
 *  
 *  APPENDIX: How to apply the Apache License to your work.
 *  
 *  To apply the Apache License to your work, attach the following
 *  boilerplate notice, with the fields enclosed by brackets "[]"
 *  replaced with your own identifying information. (Don't include
 *  the brackets!)  The text should be enclosed in the appropriate
 *  comment syntax for the file format. We also recommend that a
 *  file or class name and description of purpose be included on the
 *  same "printed page" as the copyright notice for easier
 *  identification within third-party archives.
 *  
 *  Copyright 2018  Infor, Inc.
 *  
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *  
 */
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,
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:not(.ie):not(.is-safari) {
  -webkit-text-fill-color: unset; }

/* stylelint-disable scss/at-else-empty-line-before */
/* stylelint-disable scss/at-if-closing-brace-newline-after */
/* stylelint-disable scss/at-if-closing-brace-space-after */
.text-center {
  text-align: center !important; }

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

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

.text-uppercase {
  text-transform: uppercase !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-wrap {
  word-break: break-all !important; }

.d-flex, .flex-center, .card.is-empty .widget-content,
.card.is-empty .card-content,
.small-widget.is-empty .widget-content,
.small-widget.is-empty .card-content,
.widget.is-empty .widget-content,
.widget.is-empty .card-content {
  display: flex !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.unset-overflow {
  overflow: unset !important;
  text-overflow: unset !important;
  white-space: unset !important; }

.rounded {
  border-radius: 4px; }

.rounded-lg {
  border-radius: 8px; }

.align-items-center, .flex-center, .card.is-empty .widget-content,
.card.is-empty .card-content,
.small-widget.is-empty .widget-content,
.small-widget.is-empty .card-content,
.widget.is-empty .widget-content,
.widget.is-empty .card-content {
  align-items: center !important; }

.no-shadow {
  box-shadow: none !important; }

.justify-content-center, .flex-center, .card.is-empty .widget-content,
.card.is-empty .card-content,
.small-widget.is-empty .widget-content,
.small-widget.is-empty .card-content,
.widget.is-empty .widget-content,
.widget.is-empty .card-content {
  justify-content: center !important; }

.justify-content-space-between {
  justify-content: space-between !important; }

.justify-content-start {
  justify-content: start !important; }

.justify-content-flex-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: end !important; }

.justify-content-flex-end {
  justify-content: flex-end !important; }

.justify-content-space-evenly {
  justify-content: space-evenly !important; }

.justify-content-space-around {
  justify-content: space-around !important; }

.d-block {
  display: block !important; }

.d-inline {
  display: inline !important; }

.d-i-block {
  display: inline-block !important; }

.d-none {
  display: none !important; }

.f-left {
  float: left !important; }

.f-right {
  float: right !important; }

.f-none {
  float: none !important; }

.flex-center, .card.is-empty .widget-content,
.card.is-empty .card-content,
.small-widget.is-empty .widget-content,
.small-widget.is-empty .card-content,
.widget.is-empty .widget-content,
.widget.is-empty .card-content {
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column; }

.p-bottom-0 {
  padding-bottom: 0px !important; }

.p-top-0 {
  padding-top: 0px !important; }

.p-left-0 {
  padding-left: 0px !important; }

.p-right-0 {
  padding-right: 0px !important; }

.m-bottom-0 {
  margin-bottom: 0px !important; }

.m-top-0 {
  margin-top: 0px !important; }

.m-left-0 {
  margin-left: 0px !important; }

.m-right-0 {
  margin-right: 0px !important; }

.padding-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.padding-y-0 {
  padding-bottom: 0px !important;
  padding-top: 0px !important; }

.p-bottom-1 {
  padding-bottom: 1px !important; }

.p-top-1 {
  padding-top: 1px !important; }

.p-left-1 {
  padding-left: 1px !important; }

.p-right-1 {
  padding-right: 1px !important; }

.m-bottom-1 {
  margin-bottom: 1px !important; }

.m-top-1 {
  margin-top: 1px !important; }

.m-left-1 {
  margin-left: 1px !important; }

.m-right-1 {
  margin-right: 1px !important; }

.padding-x-1 {
  padding-left: 1px !important;
  padding-right: 1px !important; }

.padding-y-1 {
  padding-bottom: 1px !important;
  padding-top: 1px !important; }

.p-bottom-2 {
  padding-bottom: 2px !important; }

.p-top-2 {
  padding-top: 2px !important; }

.p-left-2 {
  padding-left: 2px !important; }

.p-right-2 {
  padding-right: 2px !important; }

.m-bottom-2 {
  margin-bottom: 2px !important; }

.m-top-2 {
  margin-top: 2px !important; }

.m-left-2 {
  margin-left: 2px !important; }

.m-right-2 {
  margin-right: 2px !important; }

.padding-x-2 {
  padding-left: 2px !important;
  padding-right: 2px !important; }

.padding-y-2 {
  padding-bottom: 2px !important;
  padding-top: 2px !important; }

.p-bottom-3 {
  padding-bottom: 3px !important; }

.p-top-3 {
  padding-top: 3px !important; }

.p-left-3 {
  padding-left: 3px !important; }

.p-right-3 {
  padding-right: 3px !important; }

.m-bottom-3 {
  margin-bottom: 3px !important; }

.m-top-3 {
  margin-top: 3px !important; }

.m-left-3 {
  margin-left: 3px !important; }

.m-right-3 {
  margin-right: 3px !important; }

.padding-x-3 {
  padding-left: 3px !important;
  padding-right: 3px !important; }

.padding-y-3 {
  padding-bottom: 3px !important;
  padding-top: 3px !important; }

.p-bottom-4 {
  padding-bottom: 4px !important; }

.p-top-4 {
  padding-top: 4px !important; }

.p-left-4 {
  padding-left: 4px !important; }

.p-right-4 {
  padding-right: 4px !important; }

.m-bottom-4 {
  margin-bottom: 4px !important; }

.m-top-4 {
  margin-top: 4px !important; }

.m-left-4 {
  margin-left: 4px !important; }

.m-right-4 {
  margin-right: 4px !important; }

.padding-x-4 {
  padding-left: 4px !important;
  padding-right: 4px !important; }

.padding-y-4 {
  padding-bottom: 4px !important;
  padding-top: 4px !important; }

.p-bottom-5 {
  padding-bottom: 5px !important; }

.p-top-5 {
  padding-top: 5px !important; }

.p-left-5 {
  padding-left: 5px !important; }

.p-right-5 {
  padding-right: 5px !important; }

.m-bottom-5 {
  margin-bottom: 5px !important; }

.m-top-5 {
  margin-top: 5px !important; }

.m-left-5 {
  margin-left: 5px !important; }

.m-right-5 {
  margin-right: 5px !important; }

.padding-x-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.padding-y-5 {
  padding-bottom: 5px !important;
  padding-top: 5px !important; }

.p-bottom-6 {
  padding-bottom: 6px !important; }

.p-top-6 {
  padding-top: 6px !important; }

.p-left-6 {
  padding-left: 6px !important; }

.p-right-6 {
  padding-right: 6px !important; }

.m-bottom-6 {
  margin-bottom: 6px !important; }

.m-top-6 {
  margin-top: 6px !important; }

.m-left-6 {
  margin-left: 6px !important; }

.m-right-6 {
  margin-right: 6px !important; }

.padding-x-6 {
  padding-left: 6px !important;
  padding-right: 6px !important; }

.padding-y-6 {
  padding-bottom: 6px !important;
  padding-top: 6px !important; }

.p-bottom-7 {
  padding-bottom: 7px !important; }

.p-top-7 {
  padding-top: 7px !important; }

.p-left-7 {
  padding-left: 7px !important; }

.p-right-7 {
  padding-right: 7px !important; }

.m-bottom-7 {
  margin-bottom: 7px !important; }

.m-top-7 {
  margin-top: 7px !important; }

.m-left-7 {
  margin-left: 7px !important; }

.m-right-7 {
  margin-right: 7px !important; }

.padding-x-7 {
  padding-left: 7px !important;
  padding-right: 7px !important; }

.padding-y-7 {
  padding-bottom: 7px !important;
  padding-top: 7px !important; }

.p-bottom-8 {
  padding-bottom: 8px !important; }

.p-top-8 {
  padding-top: 8px !important; }

.p-left-8 {
  padding-left: 8px !important; }

.p-right-8 {
  padding-right: 8px !important; }

.m-bottom-8 {
  margin-bottom: 8px !important; }

.m-top-8 {
  margin-top: 8px !important; }

.m-left-8 {
  margin-left: 8px !important; }

.m-right-8 {
  margin-right: 8px !important; }

.padding-x-8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.padding-y-8 {
  padding-bottom: 8px !important;
  padding-top: 8px !important; }

.p-bottom-9 {
  padding-bottom: 9px !important; }

.p-top-9 {
  padding-top: 9px !important; }

.p-left-9 {
  padding-left: 9px !important; }

.p-right-9 {
  padding-right: 9px !important; }

.m-bottom-9 {
  margin-bottom: 9px !important; }

.m-top-9 {
  margin-top: 9px !important; }

.m-left-9 {
  margin-left: 9px !important; }

.m-right-9 {
  margin-right: 9px !important; }

.padding-x-9 {
  padding-left: 9px !important;
  padding-right: 9px !important; }

.padding-y-9 {
  padding-bottom: 9px !important;
  padding-top: 9px !important; }

.p-bottom-10 {
  padding-bottom: 10px !important; }

.p-top-10 {
  padding-top: 10px !important; }

.p-left-10 {
  padding-left: 10px !important; }

.p-right-10 {
  padding-right: 10px !important; }

.m-bottom-10 {
  margin-bottom: 10px !important; }

.m-top-10 {
  margin-top: 10px !important; }

.m-left-10 {
  margin-left: 10px !important; }

.m-right-10 {
  margin-right: 10px !important; }

.padding-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.padding-y-10 {
  padding-bottom: 10px !important;
  padding-top: 10px !important; }

.p-bottom-11 {
  padding-bottom: 11px !important; }

.p-top-11 {
  padding-top: 11px !important; }

.p-left-11 {
  padding-left: 11px !important; }

.p-right-11 {
  padding-right: 11px !important; }

.m-bottom-11 {
  margin-bottom: 11px !important; }

.m-top-11 {
  margin-top: 11px !important; }

.m-left-11 {
  margin-left: 11px !important; }

.m-right-11 {
  margin-right: 11px !important; }

.padding-x-11 {
  padding-left: 11px !important;
  padding-right: 11px !important; }

.padding-y-11 {
  padding-bottom: 11px !important;
  padding-top: 11px !important; }

.p-bottom-12 {
  padding-bottom: 12px !important; }

.p-top-12 {
  padding-top: 12px !important; }

.p-left-12 {
  padding-left: 12px !important; }

.p-right-12 {
  padding-right: 12px !important; }

.m-bottom-12 {
  margin-bottom: 12px !important; }

.m-top-12 {
  margin-top: 12px !important; }

.m-left-12 {
  margin-left: 12px !important; }

.m-right-12 {
  margin-right: 12px !important; }

.padding-x-12 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

.padding-y-12 {
  padding-bottom: 12px !important;
  padding-top: 12px !important; }

.p-bottom-13 {
  padding-bottom: 13px !important; }

.p-top-13 {
  padding-top: 13px !important; }

.p-left-13 {
  padding-left: 13px !important; }

.p-right-13 {
  padding-right: 13px !important; }

.m-bottom-13 {
  margin-bottom: 13px !important; }

.m-top-13 {
  margin-top: 13px !important; }

.m-left-13 {
  margin-left: 13px !important; }

.m-right-13 {
  margin-right: 13px !important; }

.padding-x-13 {
  padding-left: 13px !important;
  padding-right: 13px !important; }

.padding-y-13 {
  padding-bottom: 13px !important;
  padding-top: 13px !important; }

.p-bottom-14 {
  padding-bottom: 14px !important; }

.p-top-14 {
  padding-top: 14px !important; }

.p-left-14 {
  padding-left: 14px !important; }

.p-right-14 {
  padding-right: 14px !important; }

.m-bottom-14 {
  margin-bottom: 14px !important; }

.m-top-14 {
  margin-top: 14px !important; }

.m-left-14 {
  margin-left: 14px !important; }

.m-right-14 {
  margin-right: 14px !important; }

.padding-x-14 {
  padding-left: 14px !important;
  padding-right: 14px !important; }

.padding-y-14 {
  padding-bottom: 14px !important;
  padding-top: 14px !important; }

.p-bottom-15 {
  padding-bottom: 15px !important; }

.p-top-15 {
  padding-top: 15px !important; }

.p-left-15 {
  padding-left: 15px !important; }

.p-right-15 {
  padding-right: 15px !important; }

.m-bottom-15 {
  margin-bottom: 15px !important; }

.m-top-15 {
  margin-top: 15px !important; }

.m-left-15 {
  margin-left: 15px !important; }

.m-right-15 {
  margin-right: 15px !important; }

.padding-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.padding-y-15 {
  padding-bottom: 15px !important;
  padding-top: 15px !important; }

.p-bottom-16 {
  padding-bottom: 16px !important; }

.p-top-16 {
  padding-top: 16px !important; }

.p-left-16 {
  padding-left: 16px !important; }

.p-right-16 {
  padding-right: 16px !important; }

.m-bottom-16 {
  margin-bottom: 16px !important; }

.m-top-16 {
  margin-top: 16px !important; }

.m-left-16 {
  margin-left: 16px !important; }

.m-right-16 {
  margin-right: 16px !important; }

.padding-x-16 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.padding-y-16 {
  padding-bottom: 16px !important;
  padding-top: 16px !important; }

.p-bottom-17 {
  padding-bottom: 17px !important; }

.p-top-17 {
  padding-top: 17px !important; }

.p-left-17 {
  padding-left: 17px !important; }

.p-right-17 {
  padding-right: 17px !important; }

.m-bottom-17 {
  margin-bottom: 17px !important; }

.m-top-17 {
  margin-top: 17px !important; }

.m-left-17 {
  margin-left: 17px !important; }

.m-right-17 {
  margin-right: 17px !important; }

.padding-x-17 {
  padding-left: 17px !important;
  padding-right: 17px !important; }

.padding-y-17 {
  padding-bottom: 17px !important;
  padding-top: 17px !important; }

.p-bottom-18 {
  padding-bottom: 18px !important; }

.p-top-18 {
  padding-top: 18px !important; }

.p-left-18 {
  padding-left: 18px !important; }

.p-right-18 {
  padding-right: 18px !important; }

.m-bottom-18 {
  margin-bottom: 18px !important; }

.m-top-18 {
  margin-top: 18px !important; }

.m-left-18 {
  margin-left: 18px !important; }

.m-right-18 {
  margin-right: 18px !important; }

.padding-x-18 {
  padding-left: 18px !important;
  padding-right: 18px !important; }

.padding-y-18 {
  padding-bottom: 18px !important;
  padding-top: 18px !important; }

.p-bottom-19 {
  padding-bottom: 19px !important; }

.p-top-19 {
  padding-top: 19px !important; }

.p-left-19 {
  padding-left: 19px !important; }

.p-right-19 {
  padding-right: 19px !important; }

.m-bottom-19 {
  margin-bottom: 19px !important; }

.m-top-19 {
  margin-top: 19px !important; }

.m-left-19 {
  margin-left: 19px !important; }

.m-right-19 {
  margin-right: 19px !important; }

.padding-x-19 {
  padding-left: 19px !important;
  padding-right: 19px !important; }

.padding-y-19 {
  padding-bottom: 19px !important;
  padding-top: 19px !important; }

.p-bottom-20 {
  padding-bottom: 20px !important; }

.p-top-20 {
  padding-top: 20px !important; }

.p-left-20 {
  padding-left: 20px !important; }

.p-right-20 {
  padding-right: 20px !important; }

.m-bottom-20 {
  margin-bottom: 20px !important; }

.m-top-20 {
  margin-top: 20px !important; }

.m-left-20 {
  margin-left: 20px !important; }

.m-right-20 {
  margin-right: 20px !important; }

.padding-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.padding-y-20 {
  padding-bottom: 20px !important;
  padding-top: 20px !important; }

.p-bottom-21 {
  padding-bottom: 21px !important; }

.p-top-21 {
  padding-top: 21px !important; }

.p-left-21 {
  padding-left: 21px !important; }

.p-right-21 {
  padding-right: 21px !important; }

.m-bottom-21 {
  margin-bottom: 21px !important; }

.m-top-21 {
  margin-top: 21px !important; }

.m-left-21 {
  margin-left: 21px !important; }

.m-right-21 {
  margin-right: 21px !important; }

.padding-x-21 {
  padding-left: 21px !important;
  padding-right: 21px !important; }

.padding-y-21 {
  padding-bottom: 21px !important;
  padding-top: 21px !important; }

.p-bottom-22 {
  padding-bottom: 22px !important; }

.p-top-22 {
  padding-top: 22px !important; }

.p-left-22 {
  padding-left: 22px !important; }

.p-right-22 {
  padding-right: 22px !important; }

.m-bottom-22 {
  margin-bottom: 22px !important; }

.m-top-22 {
  margin-top: 22px !important; }

.m-left-22 {
  margin-left: 22px !important; }

.m-right-22 {
  margin-right: 22px !important; }

.padding-x-22 {
  padding-left: 22px !important;
  padding-right: 22px !important; }

.padding-y-22 {
  padding-bottom: 22px !important;
  padding-top: 22px !important; }

.p-bottom-23 {
  padding-bottom: 23px !important; }

.p-top-23 {
  padding-top: 23px !important; }

.p-left-23 {
  padding-left: 23px !important; }

.p-right-23 {
  padding-right: 23px !important; }

.m-bottom-23 {
  margin-bottom: 23px !important; }

.m-top-23 {
  margin-top: 23px !important; }

.m-left-23 {
  margin-left: 23px !important; }

.m-right-23 {
  margin-right: 23px !important; }

.padding-x-23 {
  padding-left: 23px !important;
  padding-right: 23px !important; }

.padding-y-23 {
  padding-bottom: 23px !important;
  padding-top: 23px !important; }

.p-bottom-24 {
  padding-bottom: 24px !important; }

.p-top-24 {
  padding-top: 24px !important; }

.p-left-24 {
  padding-left: 24px !important; }

.p-right-24 {
  padding-right: 24px !important; }

.m-bottom-24 {
  margin-bottom: 24px !important; }

.m-top-24 {
  margin-top: 24px !important; }

.m-left-24 {
  margin-left: 24px !important; }

.m-right-24 {
  margin-right: 24px !important; }

.padding-x-24 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.padding-y-24 {
  padding-bottom: 24px !important;
  padding-top: 24px !important; }

.p-bottom-25 {
  padding-bottom: 25px !important; }

.p-top-25 {
  padding-top: 25px !important; }

.p-left-25 {
  padding-left: 25px !important; }

.p-right-25 {
  padding-right: 25px !important; }

.m-bottom-25 {
  margin-bottom: 25px !important; }

.m-top-25 {
  margin-top: 25px !important; }

.m-left-25 {
  margin-left: 25px !important; }

.m-right-25 {
  margin-right: 25px !important; }

.padding-x-25 {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.padding-y-25 {
  padding-bottom: 25px !important;
  padding-top: 25px !important; }

.p-bottom-26 {
  padding-bottom: 26px !important; }

.p-top-26 {
  padding-top: 26px !important; }

.p-left-26 {
  padding-left: 26px !important; }

.p-right-26 {
  padding-right: 26px !important; }

.m-bottom-26 {
  margin-bottom: 26px !important; }

.m-top-26 {
  margin-top: 26px !important; }

.m-left-26 {
  margin-left: 26px !important; }

.m-right-26 {
  margin-right: 26px !important; }

.padding-x-26 {
  padding-left: 26px !important;
  padding-right: 26px !important; }

.padding-y-26 {
  padding-bottom: 26px !important;
  padding-top: 26px !important; }

.p-bottom-27 {
  padding-bottom: 27px !important; }

.p-top-27 {
  padding-top: 27px !important; }

.p-left-27 {
  padding-left: 27px !important; }

.p-right-27 {
  padding-right: 27px !important; }

.m-bottom-27 {
  margin-bottom: 27px !important; }

.m-top-27 {
  margin-top: 27px !important; }

.m-left-27 {
  margin-left: 27px !important; }

.m-right-27 {
  margin-right: 27px !important; }

.padding-x-27 {
  padding-left: 27px !important;
  padding-right: 27px !important; }

.padding-y-27 {
  padding-bottom: 27px !important;
  padding-top: 27px !important; }

.p-bottom-28 {
  padding-bottom: 28px !important; }

.p-top-28 {
  padding-top: 28px !important; }

.p-left-28 {
  padding-left: 28px !important; }

.p-right-28 {
  padding-right: 28px !important; }

.m-bottom-28 {
  margin-bottom: 28px !important; }

.m-top-28 {
  margin-top: 28px !important; }

.m-left-28 {
  margin-left: 28px !important; }

.m-right-28 {
  margin-right: 28px !important; }

.padding-x-28 {
  padding-left: 28px !important;
  padding-right: 28px !important; }

.padding-y-28 {
  padding-bottom: 28px !important;
  padding-top: 28px !important; }

.p-bottom-29 {
  padding-bottom: 29px !important; }

.p-top-29 {
  padding-top: 29px !important; }

.p-left-29 {
  padding-left: 29px !important; }

.p-right-29 {
  padding-right: 29px !important; }

.m-bottom-29 {
  margin-bottom: 29px !important; }

.m-top-29 {
  margin-top: 29px !important; }

.m-left-29 {
  margin-left: 29px !important; }

.m-right-29 {
  margin-right: 29px !important; }

.padding-x-29 {
  padding-left: 29px !important;
  padding-right: 29px !important; }

.padding-y-29 {
  padding-bottom: 29px !important;
  padding-top: 29px !important; }

.p-bottom-30 {
  padding-bottom: 30px !important; }

.p-top-30 {
  padding-top: 30px !important; }

.p-left-30 {
  padding-left: 30px !important; }

.p-right-30 {
  padding-right: 30px !important; }

.m-bottom-30 {
  margin-bottom: 30px !important; }

.m-top-30 {
  margin-top: 30px !important; }

.m-left-30 {
  margin-left: 30px !important; }

.m-right-30 {
  margin-right: 30px !important; }

.padding-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.padding-y-30 {
  padding-bottom: 30px !important;
  padding-top: 30px !important; }

.p-bottom-31 {
  padding-bottom: 31px !important; }

.p-top-31 {
  padding-top: 31px !important; }

.p-left-31 {
  padding-left: 31px !important; }

.p-right-31 {
  padding-right: 31px !important; }

.m-bottom-31 {
  margin-bottom: 31px !important; }

.m-top-31 {
  margin-top: 31px !important; }

.m-left-31 {
  margin-left: 31px !important; }

.m-right-31 {
  margin-right: 31px !important; }

.padding-x-31 {
  padding-left: 31px !important;
  padding-right: 31px !important; }

.padding-y-31 {
  padding-bottom: 31px !important;
  padding-top: 31px !important; }

.p-bottom-32 {
  padding-bottom: 32px !important; }

.p-top-32 {
  padding-top: 32px !important; }

.p-left-32 {
  padding-left: 32px !important; }

.p-right-32 {
  padding-right: 32px !important; }

.m-bottom-32 {
  margin-bottom: 32px !important; }

.m-top-32 {
  margin-top: 32px !important; }

.m-left-32 {
  margin-left: 32px !important; }

.m-right-32 {
  margin-right: 32px !important; }

.padding-x-32 {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.padding-y-32 {
  padding-bottom: 32px !important;
  padding-top: 32px !important; }

.p-bottom-33 {
  padding-bottom: 33px !important; }

.p-top-33 {
  padding-top: 33px !important; }

.p-left-33 {
  padding-left: 33px !important; }

.p-right-33 {
  padding-right: 33px !important; }

.m-bottom-33 {
  margin-bottom: 33px !important; }

.m-top-33 {
  margin-top: 33px !important; }

.m-left-33 {
  margin-left: 33px !important; }

.m-right-33 {
  margin-right: 33px !important; }

.padding-x-33 {
  padding-left: 33px !important;
  padding-right: 33px !important; }

.padding-y-33 {
  padding-bottom: 33px !important;
  padding-top: 33px !important; }

.p-bottom-34 {
  padding-bottom: 34px !important; }

.p-top-34 {
  padding-top: 34px !important; }

.p-left-34 {
  padding-left: 34px !important; }

.p-right-34 {
  padding-right: 34px !important; }

.m-bottom-34 {
  margin-bottom: 34px !important; }

.m-top-34 {
  margin-top: 34px !important; }

.m-left-34 {
  margin-left: 34px !important; }

.m-right-34 {
  margin-right: 34px !important; }

.padding-x-34 {
  padding-left: 34px !important;
  padding-right: 34px !important; }

.padding-y-34 {
  padding-bottom: 34px !important;
  padding-top: 34px !important; }

.p-bottom-35 {
  padding-bottom: 35px !important; }

.p-top-35 {
  padding-top: 35px !important; }

.p-left-35 {
  padding-left: 35px !important; }

.p-right-35 {
  padding-right: 35px !important; }

.m-bottom-35 {
  margin-bottom: 35px !important; }

.m-top-35 {
  margin-top: 35px !important; }

.m-left-35 {
  margin-left: 35px !important; }

.m-right-35 {
  margin-right: 35px !important; }

.padding-x-35 {
  padding-left: 35px !important;
  padding-right: 35px !important; }

.padding-y-35 {
  padding-bottom: 35px !important;
  padding-top: 35px !important; }

.p-bottom-36 {
  padding-bottom: 36px !important; }

.p-top-36 {
  padding-top: 36px !important; }

.p-left-36 {
  padding-left: 36px !important; }

.p-right-36 {
  padding-right: 36px !important; }

.m-bottom-36 {
  margin-bottom: 36px !important; }

.m-top-36 {
  margin-top: 36px !important; }

.m-left-36 {
  margin-left: 36px !important; }

.m-right-36 {
  margin-right: 36px !important; }

.padding-x-36 {
  padding-left: 36px !important;
  padding-right: 36px !important; }

.padding-y-36 {
  padding-bottom: 36px !important;
  padding-top: 36px !important; }

.p-bottom-37 {
  padding-bottom: 37px !important; }

.p-top-37 {
  padding-top: 37px !important; }

.p-left-37 {
  padding-left: 37px !important; }

.p-right-37 {
  padding-right: 37px !important; }

.m-bottom-37 {
  margin-bottom: 37px !important; }

.m-top-37 {
  margin-top: 37px !important; }

.m-left-37 {
  margin-left: 37px !important; }

.m-right-37 {
  margin-right: 37px !important; }

.padding-x-37 {
  padding-left: 37px !important;
  padding-right: 37px !important; }

.padding-y-37 {
  padding-bottom: 37px !important;
  padding-top: 37px !important; }

.p-bottom-38 {
  padding-bottom: 38px !important; }

.p-top-38 {
  padding-top: 38px !important; }

.p-left-38 {
  padding-left: 38px !important; }

.p-right-38 {
  padding-right: 38px !important; }

.m-bottom-38 {
  margin-bottom: 38px !important; }

.m-top-38 {
  margin-top: 38px !important; }

.m-left-38 {
  margin-left: 38px !important; }

.m-right-38 {
  margin-right: 38px !important; }

.padding-x-38 {
  padding-left: 38px !important;
  padding-right: 38px !important; }

.padding-y-38 {
  padding-bottom: 38px !important;
  padding-top: 38px !important; }

.p-bottom-39 {
  padding-bottom: 39px !important; }

.p-top-39 {
  padding-top: 39px !important; }

.p-left-39 {
  padding-left: 39px !important; }

.p-right-39 {
  padding-right: 39px !important; }

.m-bottom-39 {
  margin-bottom: 39px !important; }

.m-top-39 {
  margin-top: 39px !important; }

.m-left-39 {
  margin-left: 39px !important; }

.m-right-39 {
  margin-right: 39px !important; }

.padding-x-39 {
  padding-left: 39px !important;
  padding-right: 39px !important; }

.padding-y-39 {
  padding-bottom: 39px !important;
  padding-top: 39px !important; }

.p-bottom-40 {
  padding-bottom: 40px !important; }

.p-top-40 {
  padding-top: 40px !important; }

.p-left-40 {
  padding-left: 40px !important; }

.p-right-40 {
  padding-right: 40px !important; }

.m-bottom-40 {
  margin-bottom: 40px !important; }

.m-top-40 {
  margin-top: 40px !important; }

.m-left-40 {
  margin-left: 40px !important; }

.m-right-40 {
  margin-right: 40px !important; }

.padding-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.padding-y-40 {
  padding-bottom: 40px !important;
  padding-top: 40px !important; }

.p-bottom-41 {
  padding-bottom: 41px !important; }

.p-top-41 {
  padding-top: 41px !important; }

.p-left-41 {
  padding-left: 41px !important; }

.p-right-41 {
  padding-right: 41px !important; }

.m-bottom-41 {
  margin-bottom: 41px !important; }

.m-top-41 {
  margin-top: 41px !important; }

.m-left-41 {
  margin-left: 41px !important; }

.m-right-41 {
  margin-right: 41px !important; }

.padding-x-41 {
  padding-left: 41px !important;
  padding-right: 41px !important; }

.padding-y-41 {
  padding-bottom: 41px !important;
  padding-top: 41px !important; }

.p-bottom-42 {
  padding-bottom: 42px !important; }

.p-top-42 {
  padding-top: 42px !important; }

.p-left-42 {
  padding-left: 42px !important; }

.p-right-42 {
  padding-right: 42px !important; }

.m-bottom-42 {
  margin-bottom: 42px !important; }

.m-top-42 {
  margin-top: 42px !important; }

.m-left-42 {
  margin-left: 42px !important; }

.m-right-42 {
  margin-right: 42px !important; }

.padding-x-42 {
  padding-left: 42px !important;
  padding-right: 42px !important; }

.padding-y-42 {
  padding-bottom: 42px !important;
  padding-top: 42px !important; }

.p-bottom-43 {
  padding-bottom: 43px !important; }

.p-top-43 {
  padding-top: 43px !important; }

.p-left-43 {
  padding-left: 43px !important; }

.p-right-43 {
  padding-right: 43px !important; }

.m-bottom-43 {
  margin-bottom: 43px !important; }

.m-top-43 {
  margin-top: 43px !important; }

.m-left-43 {
  margin-left: 43px !important; }

.m-right-43 {
  margin-right: 43px !important; }

.padding-x-43 {
  padding-left: 43px !important;
  padding-right: 43px !important; }

.padding-y-43 {
  padding-bottom: 43px !important;
  padding-top: 43px !important; }

.p-bottom-44 {
  padding-bottom: 44px !important; }

.p-top-44 {
  padding-top: 44px !important; }

.p-left-44 {
  padding-left: 44px !important; }

.p-right-44 {
  padding-right: 44px !important; }

.m-bottom-44 {
  margin-bottom: 44px !important; }

.m-top-44 {
  margin-top: 44px !important; }

.m-left-44 {
  margin-left: 44px !important; }

.m-right-44 {
  margin-right: 44px !important; }

.padding-x-44 {
  padding-left: 44px !important;
  padding-right: 44px !important; }

.padding-y-44 {
  padding-bottom: 44px !important;
  padding-top: 44px !important; }

.p-bottom-45 {
  padding-bottom: 45px !important; }

.p-top-45 {
  padding-top: 45px !important; }

.p-left-45 {
  padding-left: 45px !important; }

.p-right-45 {
  padding-right: 45px !important; }

.m-bottom-45 {
  margin-bottom: 45px !important; }

.m-top-45 {
  margin-top: 45px !important; }

.m-left-45 {
  margin-left: 45px !important; }

.m-right-45 {
  margin-right: 45px !important; }

.padding-x-45 {
  padding-left: 45px !important;
  padding-right: 45px !important; }

.padding-y-45 {
  padding-bottom: 45px !important;
  padding-top: 45px !important; }

.p-bottom-46 {
  padding-bottom: 46px !important; }

.p-top-46 {
  padding-top: 46px !important; }

.p-left-46 {
  padding-left: 46px !important; }

.p-right-46 {
  padding-right: 46px !important; }

.m-bottom-46 {
  margin-bottom: 46px !important; }

.m-top-46 {
  margin-top: 46px !important; }

.m-left-46 {
  margin-left: 46px !important; }

.m-right-46 {
  margin-right: 46px !important; }

.padding-x-46 {
  padding-left: 46px !important;
  padding-right: 46px !important; }

.padding-y-46 {
  padding-bottom: 46px !important;
  padding-top: 46px !important; }

.p-bottom-47 {
  padding-bottom: 47px !important; }

.p-top-47 {
  padding-top: 47px !important; }

.p-left-47 {
  padding-left: 47px !important; }

.p-right-47 {
  padding-right: 47px !important; }

.m-bottom-47 {
  margin-bottom: 47px !important; }

.m-top-47 {
  margin-top: 47px !important; }

.m-left-47 {
  margin-left: 47px !important; }

.m-right-47 {
  margin-right: 47px !important; }

.padding-x-47 {
  padding-left: 47px !important;
  padding-right: 47px !important; }

.padding-y-47 {
  padding-bottom: 47px !important;
  padding-top: 47px !important; }

.p-bottom-48 {
  padding-bottom: 48px !important; }

.p-top-48 {
  padding-top: 48px !important; }

.p-left-48 {
  padding-left: 48px !important; }

.p-right-48 {
  padding-right: 48px !important; }

.m-bottom-48 {
  margin-bottom: 48px !important; }

.m-top-48 {
  margin-top: 48px !important; }

.m-left-48 {
  margin-left: 48px !important; }

.m-right-48 {
  margin-right: 48px !important; }

.padding-x-48 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

.padding-y-48 {
  padding-bottom: 48px !important;
  padding-top: 48px !important; }

.p-bottom-49 {
  padding-bottom: 49px !important; }

.p-top-49 {
  padding-top: 49px !important; }

.p-left-49 {
  padding-left: 49px !important; }

.p-right-49 {
  padding-right: 49px !important; }

.m-bottom-49 {
  margin-bottom: 49px !important; }

.m-top-49 {
  margin-top: 49px !important; }

.m-left-49 {
  margin-left: 49px !important; }

.m-right-49 {
  margin-right: 49px !important; }

.padding-x-49 {
  padding-left: 49px !important;
  padding-right: 49px !important; }

.padding-y-49 {
  padding-bottom: 49px !important;
  padding-top: 49px !important; }

.p-bottom-50 {
  padding-bottom: 50px !important; }

.p-top-50 {
  padding-top: 50px !important; }

.p-left-50 {
  padding-left: 50px !important; }

.p-right-50 {
  padding-right: 50px !important; }

.m-bottom-50 {
  margin-bottom: 50px !important; }

.m-top-50 {
  margin-top: 50px !important; }

.m-left-50 {
  margin-left: 50px !important; }

.m-right-50 {
  margin-right: 50px !important; }

.padding-x-50 {
  padding-left: 50px !important;
  padding-right: 50px !important; }

.padding-y-50 {
  padding-bottom: 50px !important;
  padding-top: 50px !important; }

.p-bottom-51 {
  padding-bottom: 51px !important; }

.p-top-51 {
  padding-top: 51px !important; }

.p-left-51 {
  padding-left: 51px !important; }

.p-right-51 {
  padding-right: 51px !important; }

.m-bottom-51 {
  margin-bottom: 51px !important; }

.m-top-51 {
  margin-top: 51px !important; }

.m-left-51 {
  margin-left: 51px !important; }

.m-right-51 {
  margin-right: 51px !important; }

.padding-x-51 {
  padding-left: 51px !important;
  padding-right: 51px !important; }

.padding-y-51 {
  padding-bottom: 51px !important;
  padding-top: 51px !important; }

.p-bottom-52 {
  padding-bottom: 52px !important; }

.p-top-52 {
  padding-top: 52px !important; }

.p-left-52 {
  padding-left: 52px !important; }

.p-right-52 {
  padding-right: 52px !important; }

.m-bottom-52 {
  margin-bottom: 52px !important; }

.m-top-52 {
  margin-top: 52px !important; }

.m-left-52 {
  margin-left: 52px !important; }

.m-right-52 {
  margin-right: 52px !important; }

.padding-x-52 {
  padding-left: 52px !important;
  padding-right: 52px !important; }

.padding-y-52 {
  padding-bottom: 52px !important;
  padding-top: 52px !important; }

.p-bottom-53 {
  padding-bottom: 53px !important; }

.p-top-53 {
  padding-top: 53px !important; }

.p-left-53 {
  padding-left: 53px !important; }

.p-right-53 {
  padding-right: 53px !important; }

.m-bottom-53 {
  margin-bottom: 53px !important; }

.m-top-53 {
  margin-top: 53px !important; }

.m-left-53 {
  margin-left: 53px !important; }

.m-right-53 {
  margin-right: 53px !important; }

.padding-x-53 {
  padding-left: 53px !important;
  padding-right: 53px !important; }

.padding-y-53 {
  padding-bottom: 53px !important;
  padding-top: 53px !important; }

.p-bottom-54 {
  padding-bottom: 54px !important; }

.p-top-54 {
  padding-top: 54px !important; }

.p-left-54 {
  padding-left: 54px !important; }

.p-right-54 {
  padding-right: 54px !important; }

.m-bottom-54 {
  margin-bottom: 54px !important; }

.m-top-54 {
  margin-top: 54px !important; }

.m-left-54 {
  margin-left: 54px !important; }

.m-right-54 {
  margin-right: 54px !important; }

.padding-x-54 {
  padding-left: 54px !important;
  padding-right: 54px !important; }

.padding-y-54 {
  padding-bottom: 54px !important;
  padding-top: 54px !important; }

.p-bottom-55 {
  padding-bottom: 55px !important; }

.p-top-55 {
  padding-top: 55px !important; }

.p-left-55 {
  padding-left: 55px !important; }

.p-right-55 {
  padding-right: 55px !important; }

.m-bottom-55 {
  margin-bottom: 55px !important; }

.m-top-55 {
  margin-top: 55px !important; }

.m-left-55 {
  margin-left: 55px !important; }

.m-right-55 {
  margin-right: 55px !important; }

.padding-x-55 {
  padding-left: 55px !important;
  padding-right: 55px !important; }

.padding-y-55 {
  padding-bottom: 55px !important;
  padding-top: 55px !important; }

.p-bottom-56 {
  padding-bottom: 56px !important; }

.p-top-56 {
  padding-top: 56px !important; }

.p-left-56 {
  padding-left: 56px !important; }

.p-right-56 {
  padding-right: 56px !important; }

.m-bottom-56 {
  margin-bottom: 56px !important; }

.m-top-56 {
  margin-top: 56px !important; }

.m-left-56 {
  margin-left: 56px !important; }

.m-right-56 {
  margin-right: 56px !important; }

.padding-x-56 {
  padding-left: 56px !important;
  padding-right: 56px !important; }

.padding-y-56 {
  padding-bottom: 56px !important;
  padding-top: 56px !important; }

.p-bottom-57 {
  padding-bottom: 57px !important; }

.p-top-57 {
  padding-top: 57px !important; }

.p-left-57 {
  padding-left: 57px !important; }

.p-right-57 {
  padding-right: 57px !important; }

.m-bottom-57 {
  margin-bottom: 57px !important; }

.m-top-57 {
  margin-top: 57px !important; }

.m-left-57 {
  margin-left: 57px !important; }

.m-right-57 {
  margin-right: 57px !important; }

.padding-x-57 {
  padding-left: 57px !important;
  padding-right: 57px !important; }

.padding-y-57 {
  padding-bottom: 57px !important;
  padding-top: 57px !important; }

.p-bottom-58 {
  padding-bottom: 58px !important; }

.p-top-58 {
  padding-top: 58px !important; }

.p-left-58 {
  padding-left: 58px !important; }

.p-right-58 {
  padding-right: 58px !important; }

.m-bottom-58 {
  margin-bottom: 58px !important; }

.m-top-58 {
  margin-top: 58px !important; }

.m-left-58 {
  margin-left: 58px !important; }

.m-right-58 {
  margin-right: 58px !important; }

.padding-x-58 {
  padding-left: 58px !important;
  padding-right: 58px !important; }

.padding-y-58 {
  padding-bottom: 58px !important;
  padding-top: 58px !important; }

.p-bottom-59 {
  padding-bottom: 59px !important; }

.p-top-59 {
  padding-top: 59px !important; }

.p-left-59 {
  padding-left: 59px !important; }

.p-right-59 {
  padding-right: 59px !important; }

.m-bottom-59 {
  margin-bottom: 59px !important; }

.m-top-59 {
  margin-top: 59px !important; }

.m-left-59 {
  margin-left: 59px !important; }

.m-right-59 {
  margin-right: 59px !important; }

.padding-x-59 {
  padding-left: 59px !important;
  padding-right: 59px !important; }

.padding-y-59 {
  padding-bottom: 59px !important;
  padding-top: 59px !important; }

.p-bottom-60 {
  padding-bottom: 60px !important; }

.p-top-60 {
  padding-top: 60px !important; }

.p-left-60 {
  padding-left: 60px !important; }

.p-right-60 {
  padding-right: 60px !important; }

.m-bottom-60 {
  margin-bottom: 60px !important; }

.m-top-60 {
  margin-top: 60px !important; }

.m-left-60 {
  margin-left: 60px !important; }

.m-right-60 {
  margin-right: 60px !important; }

.padding-x-60 {
  padding-left: 60px !important;
  padding-right: 60px !important; }

.padding-y-60 {
  padding-bottom: 60px !important;
  padding-top: 60px !important; }

.p-bottom-61 {
  padding-bottom: 61px !important; }

.p-top-61 {
  padding-top: 61px !important; }

.p-left-61 {
  padding-left: 61px !important; }

.p-right-61 {
  padding-right: 61px !important; }

.m-bottom-61 {
  margin-bottom: 61px !important; }

.m-top-61 {
  margin-top: 61px !important; }

.m-left-61 {
  margin-left: 61px !important; }

.m-right-61 {
  margin-right: 61px !important; }

.padding-x-61 {
  padding-left: 61px !important;
  padding-right: 61px !important; }

.padding-y-61 {
  padding-bottom: 61px !important;
  padding-top: 61px !important; }

.p-bottom-62 {
  padding-bottom: 62px !important; }

.p-top-62 {
  padding-top: 62px !important; }

.p-left-62 {
  padding-left: 62px !important; }

.p-right-62 {
  padding-right: 62px !important; }

.m-bottom-62 {
  margin-bottom: 62px !important; }

.m-top-62 {
  margin-top: 62px !important; }

.m-left-62 {
  margin-left: 62px !important; }

.m-right-62 {
  margin-right: 62px !important; }

.padding-x-62 {
  padding-left: 62px !important;
  padding-right: 62px !important; }

.padding-y-62 {
  padding-bottom: 62px !important;
  padding-top: 62px !important; }

.p-bottom-63 {
  padding-bottom: 63px !important; }

.p-top-63 {
  padding-top: 63px !important; }

.p-left-63 {
  padding-left: 63px !important; }

.p-right-63 {
  padding-right: 63px !important; }

.m-bottom-63 {
  margin-bottom: 63px !important; }

.m-top-63 {
  margin-top: 63px !important; }

.m-left-63 {
  margin-left: 63px !important; }

.m-right-63 {
  margin-right: 63px !important; }

.padding-x-63 {
  padding-left: 63px !important;
  padding-right: 63px !important; }

.padding-y-63 {
  padding-bottom: 63px !important;
  padding-top: 63px !important; }

.p-bottom-64 {
  padding-bottom: 64px !important; }

.p-top-64 {
  padding-top: 64px !important; }

.p-left-64 {
  padding-left: 64px !important; }

.p-right-64 {
  padding-right: 64px !important; }

.m-bottom-64 {
  margin-bottom: 64px !important; }

.m-top-64 {
  margin-top: 64px !important; }

.m-left-64 {
  margin-left: 64px !important; }

.m-right-64 {
  margin-right: 64px !important; }

.padding-x-64 {
  padding-left: 64px !important;
  padding-right: 64px !important; }

.padding-y-64 {
  padding-bottom: 64px !important;
  padding-top: 64px !important; }

.p-bottom-65 {
  padding-bottom: 65px !important; }

.p-top-65 {
  padding-top: 65px !important; }

.p-left-65 {
  padding-left: 65px !important; }

.p-right-65 {
  padding-right: 65px !important; }

.m-bottom-65 {
  margin-bottom: 65px !important; }

.m-top-65 {
  margin-top: 65px !important; }

.m-left-65 {
  margin-left: 65px !important; }

.m-right-65 {
  margin-right: 65px !important; }

.padding-x-65 {
  padding-left: 65px !important;
  padding-right: 65px !important; }

.padding-y-65 {
  padding-bottom: 65px !important;
  padding-top: 65px !important; }

.p-bottom-66 {
  padding-bottom: 66px !important; }

.p-top-66 {
  padding-top: 66px !important; }

.p-left-66 {
  padding-left: 66px !important; }

.p-right-66 {
  padding-right: 66px !important; }

.m-bottom-66 {
  margin-bottom: 66px !important; }

.m-top-66 {
  margin-top: 66px !important; }

.m-left-66 {
  margin-left: 66px !important; }

.m-right-66 {
  margin-right: 66px !important; }

.padding-x-66 {
  padding-left: 66px !important;
  padding-right: 66px !important; }

.padding-y-66 {
  padding-bottom: 66px !important;
  padding-top: 66px !important; }

.p-bottom-67 {
  padding-bottom: 67px !important; }

.p-top-67 {
  padding-top: 67px !important; }

.p-left-67 {
  padding-left: 67px !important; }

.p-right-67 {
  padding-right: 67px !important; }

.m-bottom-67 {
  margin-bottom: 67px !important; }

.m-top-67 {
  margin-top: 67px !important; }

.m-left-67 {
  margin-left: 67px !important; }

.m-right-67 {
  margin-right: 67px !important; }

.padding-x-67 {
  padding-left: 67px !important;
  padding-right: 67px !important; }

.padding-y-67 {
  padding-bottom: 67px !important;
  padding-top: 67px !important; }

.p-bottom-68 {
  padding-bottom: 68px !important; }

.p-top-68 {
  padding-top: 68px !important; }

.p-left-68 {
  padding-left: 68px !important; }

.p-right-68 {
  padding-right: 68px !important; }

.m-bottom-68 {
  margin-bottom: 68px !important; }

.m-top-68 {
  margin-top: 68px !important; }

.m-left-68 {
  margin-left: 68px !important; }

.m-right-68 {
  margin-right: 68px !important; }

.padding-x-68 {
  padding-left: 68px !important;
  padding-right: 68px !important; }

.padding-y-68 {
  padding-bottom: 68px !important;
  padding-top: 68px !important; }

.p-bottom-69 {
  padding-bottom: 69px !important; }

.p-top-69 {
  padding-top: 69px !important; }

.p-left-69 {
  padding-left: 69px !important; }

.p-right-69 {
  padding-right: 69px !important; }

.m-bottom-69 {
  margin-bottom: 69px !important; }

.m-top-69 {
  margin-top: 69px !important; }

.m-left-69 {
  margin-left: 69px !important; }

.m-right-69 {
  margin-right: 69px !important; }

.padding-x-69 {
  padding-left: 69px !important;
  padding-right: 69px !important; }

.padding-y-69 {
  padding-bottom: 69px !important;
  padding-top: 69px !important; }

.p-bottom-70 {
  padding-bottom: 70px !important; }

.p-top-70 {
  padding-top: 70px !important; }

.p-left-70 {
  padding-left: 70px !important; }

.p-right-70 {
  padding-right: 70px !important; }

.m-bottom-70 {
  margin-bottom: 70px !important; }

.m-top-70 {
  margin-top: 70px !important; }

.m-left-70 {
  margin-left: 70px !important; }

.m-right-70 {
  margin-right: 70px !important; }

.padding-x-70 {
  padding-left: 70px !important;
  padding-right: 70px !important; }

.padding-y-70 {
  padding-bottom: 70px !important;
  padding-top: 70px !important; }

.p-bottom-71 {
  padding-bottom: 71px !important; }

.p-top-71 {
  padding-top: 71px !important; }

.p-left-71 {
  padding-left: 71px !important; }

.p-right-71 {
  padding-right: 71px !important; }

.m-bottom-71 {
  margin-bottom: 71px !important; }

.m-top-71 {
  margin-top: 71px !important; }

.m-left-71 {
  margin-left: 71px !important; }

.m-right-71 {
  margin-right: 71px !important; }

.padding-x-71 {
  padding-left: 71px !important;
  padding-right: 71px !important; }

.padding-y-71 {
  padding-bottom: 71px !important;
  padding-top: 71px !important; }

.p-bottom-72 {
  padding-bottom: 72px !important; }

.p-top-72 {
  padding-top: 72px !important; }

.p-left-72 {
  padding-left: 72px !important; }

.p-right-72 {
  padding-right: 72px !important; }

.m-bottom-72 {
  margin-bottom: 72px !important; }

.m-top-72 {
  margin-top: 72px !important; }

.m-left-72 {
  margin-left: 72px !important; }

.m-right-72 {
  margin-right: 72px !important; }

.padding-x-72 {
  padding-left: 72px !important;
  padding-right: 72px !important; }

.padding-y-72 {
  padding-bottom: 72px !important;
  padding-top: 72px !important; }

.p-bottom-73 {
  padding-bottom: 73px !important; }

.p-top-73 {
  padding-top: 73px !important; }

.p-left-73 {
  padding-left: 73px !important; }

.p-right-73 {
  padding-right: 73px !important; }

.m-bottom-73 {
  margin-bottom: 73px !important; }

.m-top-73 {
  margin-top: 73px !important; }

.m-left-73 {
  margin-left: 73px !important; }

.m-right-73 {
  margin-right: 73px !important; }

.padding-x-73 {
  padding-left: 73px !important;
  padding-right: 73px !important; }

.padding-y-73 {
  padding-bottom: 73px !important;
  padding-top: 73px !important; }

.p-bottom-74 {
  padding-bottom: 74px !important; }

.p-top-74 {
  padding-top: 74px !important; }

.p-left-74 {
  padding-left: 74px !important; }

.p-right-74 {
  padding-right: 74px !important; }

.m-bottom-74 {
  margin-bottom: 74px !important; }

.m-top-74 {
  margin-top: 74px !important; }

.m-left-74 {
  margin-left: 74px !important; }

.m-right-74 {
  margin-right: 74px !important; }

.padding-x-74 {
  padding-left: 74px !important;
  padding-right: 74px !important; }

.padding-y-74 {
  padding-bottom: 74px !important;
  padding-top: 74px !important; }

.p-bottom-75 {
  padding-bottom: 75px !important; }

.p-top-75 {
  padding-top: 75px !important; }

.p-left-75 {
  padding-left: 75px !important; }

.p-right-75 {
  padding-right: 75px !important; }

.m-bottom-75 {
  margin-bottom: 75px !important; }

.m-top-75 {
  margin-top: 75px !important; }

.m-left-75 {
  margin-left: 75px !important; }

.m-right-75 {
  margin-right: 75px !important; }

.padding-x-75 {
  padding-left: 75px !important;
  padding-right: 75px !important; }

.padding-y-75 {
  padding-bottom: 75px !important;
  padding-top: 75px !important; }

.p-bottom-76 {
  padding-bottom: 76px !important; }

.p-top-76 {
  padding-top: 76px !important; }

.p-left-76 {
  padding-left: 76px !important; }

.p-right-76 {
  padding-right: 76px !important; }

.m-bottom-76 {
  margin-bottom: 76px !important; }

.m-top-76 {
  margin-top: 76px !important; }

.m-left-76 {
  margin-left: 76px !important; }

.m-right-76 {
  margin-right: 76px !important; }

.padding-x-76 {
  padding-left: 76px !important;
  padding-right: 76px !important; }

.padding-y-76 {
  padding-bottom: 76px !important;
  padding-top: 76px !important; }

.p-bottom-77 {
  padding-bottom: 77px !important; }

.p-top-77 {
  padding-top: 77px !important; }

.p-left-77 {
  padding-left: 77px !important; }

.p-right-77 {
  padding-right: 77px !important; }

.m-bottom-77 {
  margin-bottom: 77px !important; }

.m-top-77 {
  margin-top: 77px !important; }

.m-left-77 {
  margin-left: 77px !important; }

.m-right-77 {
  margin-right: 77px !important; }

.padding-x-77 {
  padding-left: 77px !important;
  padding-right: 77px !important; }

.padding-y-77 {
  padding-bottom: 77px !important;
  padding-top: 77px !important; }

.p-bottom-78 {
  padding-bottom: 78px !important; }

.p-top-78 {
  padding-top: 78px !important; }

.p-left-78 {
  padding-left: 78px !important; }

.p-right-78 {
  padding-right: 78px !important; }

.m-bottom-78 {
  margin-bottom: 78px !important; }

.m-top-78 {
  margin-top: 78px !important; }

.m-left-78 {
  margin-left: 78px !important; }

.m-right-78 {
  margin-right: 78px !important; }

.padding-x-78 {
  padding-left: 78px !important;
  padding-right: 78px !important; }

.padding-y-78 {
  padding-bottom: 78px !important;
  padding-top: 78px !important; }

.p-bottom-79 {
  padding-bottom: 79px !important; }

.p-top-79 {
  padding-top: 79px !important; }

.p-left-79 {
  padding-left: 79px !important; }

.p-right-79 {
  padding-right: 79px !important; }

.m-bottom-79 {
  margin-bottom: 79px !important; }

.m-top-79 {
  margin-top: 79px !important; }

.m-left-79 {
  margin-left: 79px !important; }

.m-right-79 {
  margin-right: 79px !important; }

.padding-x-79 {
  padding-left: 79px !important;
  padding-right: 79px !important; }

.padding-y-79 {
  padding-bottom: 79px !important;
  padding-top: 79px !important; }

.p-bottom-80 {
  padding-bottom: 80px !important; }

.p-top-80 {
  padding-top: 80px !important; }

.p-left-80 {
  padding-left: 80px !important; }

.p-right-80 {
  padding-right: 80px !important; }

.m-bottom-80 {
  margin-bottom: 80px !important; }

.m-top-80 {
  margin-top: 80px !important; }

.m-left-80 {
  margin-left: 80px !important; }

.m-right-80 {
  margin-right: 80px !important; }

.padding-x-80 {
  padding-left: 80px !important;
  padding-right: 80px !important; }

.padding-y-80 {
  padding-bottom: 80px !important;
  padding-top: 80px !important; }

/* stylelint-disable max-line-length */
@media (max-width: 766px) {
  body::after {
    content: "phone";
    display: none; } }

@media (min-width: 0) and (max-width: 479px) {
  body::after {
    content: "phonedown";
    display: none; } }

@media (min-width: 767px) and (max-width: 1279px) {
  body::after {
    content: "tablet";
    display: none; } }

@media (min-width: 1280px) and (max-width: 1599px) {
  body::after {
    content: "desktop";
    display: none; } }

@media (min-width: 1600px) {
  body::after {
    content: "extralarge";
    display: none; } }

input.checkbox,
span.checkbox > input {
  height: 14px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 16px;
  z-index: -1; }
  input.checkbox.error + label::before,
  span.checkbox > input.error + label::before {
    border: 1px solid #da1217; }
  input.checkbox.error:focus:not(.hide-focus) + label::before,
  span.checkbox > input.error:focus:not(.hide-focus) + label::before {
    border-color: #da1217 !important;
    box-shadow: 0 0 0 3px #da1217 !important; }

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;
  color: #3B3B3F;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  margin-bottom: 0;
  padding-left: 25px;
  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: #ffffff;
  border: 1px solid #3B3B3F;
  border-radius: 2px;
  content: '';
  height: 14px;
  margin-left: -25px;
  margin-top: 0;
  position: absolute;
  width: 14px; }

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: #0072ED;
  border-color: #0072ED; }

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: 2px;
  position: absolute;
  top: 13px;
  width: 4px;
  top: 9px; }

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

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;
  width: 10px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  top: -3px; }

label.inline .checkbox:disabled ~ .label-text,
input.checkbox:disabled + label,
input.checkbox:disabled + input[type='hidden'] + label,
span.checkbox > input:disabled + label {
  color: #C5C5C9;
  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: #E0E0E1;
  border-color: #C5C5C9; }

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: #C5C5C9;
  border-color: #C5C5C9; }

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 3px #0072ED;
  outline: solid 2px #ffffff; }

label.inline .checkbox:not(:checked):not(.error):not(:disabled):hover ~ .label-text::before,
input.checkbox:not(:checked):not(.error):not(:disabled):hover + label::before,
input.checkbox:not(:checked):not(.error):not(:disabled):hover + input[type='hidden'] + label::before,
span.checkbox > input:not(:checked):not(.error):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: #28282A; }

.field-checkbox.field-hitbox span.dirty-checkbox.is-checked {
  left: 13px;
  top: 14px !important;
  position: absolute; }

input.checkbox ~ label.checkbox-label.hitbox {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle;
  min-width: 44px;
  height: 44px; }
  input.checkbox ~ label.checkbox-label.hitbox.hitbox-padding {
    padding-right: 14px; }
  input.checkbox ~ label.checkbox-label.hitbox::before {
    margin-left: -12px;
    margin-right: 12px;
    position: relative; }
  input.checkbox ~ label.checkbox-label.hitbox::after {
    left: 15px;
    top: 50%; }

input.checkbox.partial:checked + label.checkbox-label.hitbox::after {
  top: 10px; }

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: 17px; }

.ios .field-checkbox .icon-dirty,
.is-firefox .field-checkbox .icon-dirty {
  left: 2px;
  top: 1px; }

@-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 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  font-size: 1.6rem;
  margin-bottom: 12px; }
  .checkbox-group-label ~ .field {
    margin-bottom: 12px; }
  .checkbox-group-label ~ .field-short,
  .checkbox-group-label .form-layout-compact .field,
  .checkbox-group-label .form-layout-compact .field-checkbox {
    margin-bottom: 3px; }
  .checkbox-group-label + .compound-field {
    margin-top: -8px; }

@media print {
  label.inline .checkbox ~ .label-text,
  .checkbox + label::before {
    content: none; }
  input.checkbox,
  span.checkbox > input {
    left: auto;
    position: static;
    width: auto; }
  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; }

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: 13px; }

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: 13px; }

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

html[dir='rtl'] .field-short label.inline .checkbox ~ .label-text,
html[dir='rtl'] .field-short input.checkbox + label,
html[dir='rtl'] .field-short input.checkbox + input[type='hidden'] + label,
html[dir='rtl'] .field-short span.checkbox > label,
html[dir='rtl'] .form-layout-compact .field label.inline .checkbox ~ .label-text,
html[dir='rtl'] .form-layout-compact .field input.checkbox + label,
html[dir='rtl'] .form-layout-compact .field input.checkbox + input[type='hidden'] + label,
html[dir='rtl'] .form-layout-compact .field span.checkbox > label,
html[dir='rtl'] .form-layout-compact .field-checkbox label.inline .checkbox ~ .label-text,
html[dir='rtl'] .form-layout-compact .field-checkbox input.checkbox + label,
html[dir='rtl'] .form-layout-compact .field-checkbox input.checkbox + input[type='hidden'] + label,
html[dir='rtl'] .form-layout-compact .field-checkbox span.checkbox > label {
  padding-right: 21px; }

html[dir='rtl'] .field-short label.inline .checkbox ~ .label-text::before,
html[dir='rtl'] .field-short input.checkbox + label::before,
html[dir='rtl'] .field-short input.checkbox + input[type='hidden'] + label::before,
html[dir='rtl'] .field-short span.checkbox > label::before,
html[dir='rtl'] .form-layout-compact .field label.inline .checkbox ~ .label-text::before,
html[dir='rtl'] .form-layout-compact .field input.checkbox + label::before,
html[dir='rtl'] .form-layout-compact .field input.checkbox + input[type='hidden'] + label::before,
html[dir='rtl'] .form-layout-compact .field span.checkbox > label::before,
html[dir='rtl'] .form-layout-compact .field-checkbox label.inline .checkbox ~ .label-text::before,
html[dir='rtl'] .form-layout-compact .field-checkbox input.checkbox + label::before,
html[dir='rtl'] .form-layout-compact .field-checkbox input.checkbox + input[type='hidden'] + label::before,
html[dir='rtl'] .form-layout-compact .field-checkbox span.checkbox > label::before {
  margin-right: -21px; }

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

html[dir='rtl'] input.checkbox,
html[dir='rtl'] span.checkbox > input {
  left: auto;
  right: -99999px; }
  html[dir='rtl'] input.checkbox + .checkbox-label span.required,
  html[dir='rtl'] span.checkbox > input + .checkbox-label span.required {
    margin-right: 5px; }

.field-short .checkbox-label,
.field-short .checkbox > label,
.form-layout-compact .field .checkbox-label,
.form-layout-compact .field .checkbox > label,
.form-layout-compact .field-checkbox .checkbox-label,
.form-layout-compact .field-checkbox .checkbox > label {
  font-size: 1.4rem;
  padding-left: 21px; }

.field-short label.inline .checkbox ~ .label-text::before,
.field-short input.checkbox + label::before,
.field-short input.checkbox + input[type='hidden'] + label::before,
.field-short span.checkbox > label::before,
.form-layout-compact .field label.inline .checkbox ~ .label-text::before,
.form-layout-compact .field input.checkbox + label::before,
.form-layout-compact .field input.checkbox + input[type='hidden'] + label::before,
.form-layout-compact .field span.checkbox > label::before,
.form-layout-compact .field-checkbox label.inline .checkbox ~ .label-text::before,
.form-layout-compact .field-checkbox input.checkbox + label::before,
.form-layout-compact .field-checkbox input.checkbox + input[type='hidden'] + label::before,
.form-layout-compact .field-checkbox span.checkbox > label::before {
  margin-left: -21px;
  margin-top: -1px; }

.field-short input.checkbox,
.form-layout-compact .field input.checkbox,
.form-layout-compact .field-checkbox 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,
.form-layout-compact .field label.inline .checkbox ~ .label-text,
.form-layout-compact .field .checkbox-label,
.form-layout-compact .field input.checkbox + label,
.form-layout-compact .field input.checkbox + input[type='hidden'] + label,
.form-layout-compact .field span.checkbox > label,
.form-layout-compact .field-checkbox label.inline .checkbox ~ .label-text,
.form-layout-compact .field-checkbox .checkbox-label,
.form-layout-compact .field-checkbox input.checkbox + label,
.form-layout-compact .field-checkbox input.checkbox + input[type='hidden'] + label,
.form-layout-compact .field-checkbox span.checkbox > label {
  padding-top: 0;
  width: auto; }

.field-short label.inline .checkbox:checked ~ .label-text::after,
.field-short input.checkbox:checked + label::after,
.field-short input.checkbox:checked + input[type='hidden'] + label::after,
.field-short span.checkbox > input:checked + label::after,
.form-layout-compact .field label.inline .checkbox:checked ~ .label-text::after,
.form-layout-compact .field input.checkbox:checked + label::after,
.form-layout-compact .field input.checkbox:checked + input[type='hidden'] + label::after,
.form-layout-compact .field span.checkbox > input:checked + label::after,
.form-layout-compact .field-checkbox label.inline .checkbox:checked ~ .label-text::after,
.form-layout-compact .field-checkbox input.checkbox:checked + label::after,
.form-layout-compact .field-checkbox input.checkbox:checked + input[type='hidden'] + label::after,
.form-layout-compact .field-checkbox span.checkbox > input:checked + label::after {
  left: 2px;
  top: 8px; }

.field-short .icon-dirty.dirty-checkbox,
.form-layout-compact .field .icon-dirty.dirty-checkbox,
.form-layout-compact .field-checkbox .icon-dirty.dirty-checkbox {
  left: auto;
  margin: 1px 0 0 1px; }

input.checkbox.ruby01 + label::before {
  background-color: #FBE7E8;
  border-color: #FBE7E8; }

input.checkbox.ruby02 + label::before {
  background-color: #F5C3C4;
  border-color: #F5C3C4; }

input.checkbox.ruby03 + label::before {
  background-color: #EE9496;
  border-color: #EE9496; }

input.checkbox.ruby04 + label::before {
  background-color: #E66467;
  border-color: #E66467; }

input.checkbox.ruby05 + label::before {
  background-color: #DF3539;
  border-color: #DF3539; }

input.checkbox.ruby06 + label::before {
  background-color: #DA1217;
  border-color: #DA1217; }

input.checkbox.ruby07 + label::before {
  background-color: #C31014;
  border-color: #C31014; }

input.checkbox.ruby08 + label::before {
  background-color: #A30D11;
  border-color: #A30D11; }

input.checkbox.ruby09 + label::before {
  background-color: #8D0B0E;
  border-color: #8D0B0E; }

input.checkbox.ruby10 + label::before {
  background-color: #6C080B;
  border-color: #6C080B; }

input.checkbox.amber01 + label::before {
  background-color: #FEF2E5;
  border-color: #FEF2E5; }

input.checkbox.amber02 + label::before {
  background-color: #FDDFBD;
  border-color: #FDDFBD; }

input.checkbox.amber03 + label::before {
  background-color: #FCC888;
  border-color: #FCC888; }

input.checkbox.amber04 + label::before {
  background-color: #FBAF50;
  border-color: #FBAF50; }

input.checkbox.amber05 + label::before {
  background-color: #FA9601;
  border-color: #FA9601; }

input.checkbox.amber06 + label::before {
  background-color: #F98300;
  border-color: #F98300; }

input.checkbox.amber07 + label::before {
  background-color: #DF6F00;
  border-color: #DF6F00; }

input.checkbox.amber08 + label::before {
  background-color: #CD6200;
  border-color: #CD6200; }

input.checkbox.amber09 + label::before {
  background-color: #BB5500;
  border-color: #BB5500; }

input.checkbox.amber10 + label::before {
  background-color: #A14100;
  border-color: #A14100; }

input.checkbox.emerald01 + label::before {
  background-color: #EBF9F1;
  border-color: #EBF9F1; }

input.checkbox.emerald02 + label::before {
  background-color: #CBEFDC;
  border-color: #CBEFDC; }

input.checkbox.emerald03 + label::before {
  background-color: #A1E4BF;
  border-color: #A1E4BF; }

input.checkbox.emerald04 + label::before {
  background-color: #78D8A3;
  border-color: #78D8A3; }

input.checkbox.emerald05 + label::before {
  background-color: #4DCC86;
  border-color: #4DCC86; }

input.checkbox.emerald06 + label::before {
  background-color: #2AC371;
  border-color: #2AC371; }

input.checkbox.emerald07 + label::before {
  background-color: #25AF65;
  border-color: #25AF65; }

input.checkbox.emerald08 + label::before {
  background-color: #1F9254;
  border-color: #1F9254; }

input.checkbox.emerald09 + label::before {
  background-color: #1C7F49;
  border-color: #1C7F49; }

input.checkbox.emerald10 + label::before {
  background-color: #156138;
  border-color: #156138; }

input.checkbox.azure01 + label::before {
  background-color: #E6F1FD;
  border-color: #E6F1FD; }

input.checkbox.azure02 + label::before {
  background-color: #BEDCFA;
  border-color: #BEDCFA; }

input.checkbox.azure03 + label::before {
  background-color: #8ABFF7;
  border-color: #8ABFF7; }

input.checkbox.azure04 + label::before {
  background-color: #55A3F3;
  border-color: #55A3F3; }

input.checkbox.azure05 + label::before {
  background-color: #1C86EF;
  border-color: #1C86EF; }

input.checkbox.azure06 + label::before {
  background-color: #0072ED;
  border-color: #0072ED; }

input.checkbox.azure07 + label::before {
  background-color: #0066D4;
  border-color: #0066D4; }

input.checkbox.azure08 + label::before {
  background-color: #0054B1;
  border-color: #0054B1; }

input.checkbox.azure09 + label::before {
  background-color: #004A99;
  border-color: #004A99; }

input.checkbox.azure10 + label::before {
  background-color: #003876;
  border-color: #003876; }

input.checkbox.turquoise01 + label::before {
  background-color: #ECF8F8;
  border-color: #ECF8F8; }

input.checkbox.turquoise02 + label::before {
  background-color: #CFEEEE;
  border-color: #CFEEEE; }

input.checkbox.turquoise03 + label::before {
  background-color: #A8E1E1;
  border-color: #A8E1E1; }

input.checkbox.turquoise04 + label::before {
  background-color: #82D4D4;
  border-color: #82D4D4; }

input.checkbox.turquoise05 + label::before {
  background-color: #5CC6C7;
  border-color: #5CC6C7; }

input.checkbox.turquoise06 + label::before {
  background-color: #40BDBE;
  border-color: #40BDBE; }

input.checkbox.turquoise07 + label::before {
  background-color: #39A9AA;
  border-color: #39A9AA; }

input.checkbox.turquoise08 + label::before {
  background-color: #2F8D8E;
  border-color: #2F8D8E; }

input.checkbox.turquoise09 + label::before {
  background-color: #297B7B;
  border-color: #297B7B; }

input.checkbox.turquoise10 + label::before {
  background-color: #1F5E5E;
  border-color: #1F5E5E; }

input.checkbox.amethyst01 + label::before {
  background-color: #F1EBFC;
  border-color: #F1EBFC; }

input.checkbox.amethyst02 + label::before {
  background-color: #DDCBF7;
  border-color: #DDCBF7; }

input.checkbox.amethyst03 + label::before {
  background-color: #C2A1F1;
  border-color: #C2A1F1; }

input.checkbox.amethyst04 + label::before {
  background-color: #A876EB;
  border-color: #A876EB; }

input.checkbox.amethyst05 + label::before {
  background-color: #8D4BE5;
  border-color: #8D4BE5; }

input.checkbox.amethyst06 + label::before {
  background-color: #7928E1;
  border-color: #7928E1; }

input.checkbox.amethyst07 + label::before {
  background-color: #6C23C9;
  border-color: #6C23C9; }

input.checkbox.amethyst08 + label::before {
  background-color: #591DA8;
  border-color: #591DA8; }

input.checkbox.amethyst09 + label::before {
  background-color: #4E1A91;
  border-color: #4E1A91; }

input.checkbox.amethyst10 + label::before {
  background-color: #3B1470;
  border-color: #3B1470; }

input.checkbox.graphite01 + label::before {
  background-color: #EEEEEE;
  border-color: #EEEEEE; }

input.checkbox.graphite02 + label::before {
  background-color: #D3D3D3;
  border-color: #D3D3D3; }

input.checkbox.graphite03 + label::before {
  background-color: #B1B1B1;
  border-color: #B1B1B1; }

input.checkbox.graphite04 + label::before {
  background-color: #8F8F8F;
  border-color: #8F8F8F; }

input.checkbox.graphite05 + label::before {
  background-color: #6C6C6C;
  border-color: #6C6C6C; }

input.checkbox.graphite06 + label::before {
  background-color: #535353;
  border-color: #535353; }

input.checkbox.graphite07 + label::before {
  background-color: #4A4A4A;
  border-color: #4A4A4A; }

input.checkbox.graphite08 + label::before {
  background-color: #3E3E3E;
  border-color: #3E3E3E; }

input.checkbox.graphite09 + label::before {
  background-color: #363636;
  border-color: #363636; }

input.checkbox.graphite10 + label::before {
  background-color: #292929;
  border-color: #292929; }

input.checkbox.slate01 + label::before {
  background-color: #F5F5F5;
  border-color: #F5F5F5; }

input.checkbox.slate02 + label::before {
  background-color: #E0E0E1;
  border-color: #E0E0E1; }

input.checkbox.slate03 + label::before {
  background-color: #C5C5C9;
  border-color: #C5C5C9; }

input.checkbox.slate04 + label::before {
  background-color: #BBBBBF;
  border-color: #BBBBBF; }

input.checkbox.slate05 + label::before {
  background-color: #8E8E95;
  border-color: #8E8E95; }

input.checkbox.slate06 + label::before {
  background-color: #6F6F76;
  border-color: #6F6F76; }

input.checkbox.slate07 + label::before {
  background-color: #525257;
  border-color: #525257; }

input.checkbox.slate08 + label::before {
  background-color: #3B3B3F;
  border-color: #3B3B3F; }

input.checkbox.slate09 + label::before {
  background-color: #28282A;
  border-color: #28282A; }

input.checkbox.slate10 + label::before {
  background-color: #161618;
  border-color: #161618; }

input.checkbox.alert01 + label::before {
  background-color: #DA1217;
  border-color: #DA1217; }

input.checkbox.alert02 + label::before {
  background-color: #F98300;
  border-color: #F98300; }

input.checkbox.alert03 + label::before {
  background-color: #FFD100;
  border-color: #FFD100; }

input.checkbox.alert04 + label::before {
  background-color: #2AC371;
  border-color: #2AC371; }

.compound-field > .field.field-checkbox .dirty-checkbox {
  margin: 10px 0 0 -1px; }

.row {
  clear: both;
  font-size: 1.6rem;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%; }
  .row.flex-align-bottom.has-messages input:not(.error) {
    margin-bottom: 22px; }
  .row.full-width {
    margin-top: 20px;
    max-width: 100%; }
  .row.reduced {
    max-width: 1040px; }
  .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.small-top-padding {
    padding-top: 10px; }
  .row.no-top-padding {
    padding-top: 0 !important; }
  .row.no-bottom-margin {
    margin-bottom: 0; }
  .row.bottom-padding {
    padding-bottom: 30px; }
  .row.small-bottom-padding {
    padding-bottom: 10px; }
  .row.extended-bottom-padding {
    padding-bottom: 45px; }
  .row.full-height {
    height: 100%;
    margin: 0 auto; }
  .row.no-indent {
    padding-right: 0; }
    .row.no-indent .column,
    .row.no-indent .columns {
      padding: 0; }
      .row.no-indent .column:first-child,
      .row.no-indent .columns:first-child {
        margin-left: 0; }
    .row.no-indent .one.column,
    .row.no-indent .one.columns {
      width: calc(8.33333333333% - 18.33333333333px); }
    .row.no-indent .one-one-half.column,
    .row.no-indent .one-one-half.columns {
      width: calc(12.499999999965% - 12.499999999965px); }
    .row.no-indent .two.columns {
      width: calc(16.6666666666% - 16.6666666666px); }
    .row.no-indent .three.columns {
      width: calc(25% - 15px); }
    .row.no-indent .four.columns {
      width: calc(33.3333333333% - 14.33333333333px); }
    .row.no-indent .five.columns {
      width: calc(41.6666666666% - 10px); }
    .row.no-indent .six.columns {
      width: calc(50% - 10px); }
    .row.no-indent .seven.columns {
      width: calc(58.3333333333% - 10px); }
    .row.no-indent .eight.columns {
      width: calc(66.6666666666% - 6px); }
    .row.no-indent .nine.columns {
      width: calc(75% - 5px); }
    .row.no-indent .ten.columns {
      width: calc(83.3333333333% - 4px); }
    .row.no-indent .eleven.columns {
      width: calc(91.6666666666% - 2px); }
    .row.no-indent .twelve.columns,
    .row.no-indent .full.column {
      width: calc(100% - 10px); }

.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,
  .columns.l-center {
    text-align: center; }
    .column.l-center .field,
    .column.l-center .image-round,
    .columns.l-center .field,
    .columns.l-center .image-round {
      text-align: center; }
      .column.l-center .field label,
      .column.l-center .image-round label,
      .columns.l-center .field label,
      .columns.l-center .image-round label {
        text-align: left; }
  .column.flex-align-center,
  .columns.flex-align-center {
    align-self: center; }
    .column.flex-align-center .field .checkbox-label,
    .columns.flex-align-center .field .checkbox-label {
      overflow: visible; }
  .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); }
    .column.full-height .one.column,
    .column.full-height .one.columns,
    .columns.full-height .one.column,
    .columns.full-height .one.columns {
      margin-left: 20px;
      width: calc(8.33333333333% - 20px); }
    .column.full-height .one-one-half.column,
    .column.full-height .one-one-half.columns,
    .columns.full-height .one-one-half.column,
    .columns.full-height .one-one-half.columns {
      margin-left: 20px;
      width: calc(12.499999999965% - 20px); }
    .column.full-height .two.columns,
    .columns.full-height .two.columns {
      margin-left: 20px;
      width: calc(16.6666666666% - 20px); }
    .column.full-height .three.columns,
    .columns.full-height .three.columns {
      margin-left: 20px;
      width: calc(25% - 20px); }
    .column.full-height .four.columns,
    .columns.full-height .four.columns {
      margin-left: 20px;
      width: calc(33.3333333333% - 20px); }
    .column.full-height .five.columns,
    .columns.full-height .five.columns {
      margin-left: 20px;
      width: calc(41.6666666666% - 20px); }
    .column.full-height .six.columns,
    .columns.full-height .six.columns {
      margin-left: 20px;
      width: calc(50% - 20px); }
    .column.full-height .seven.columns,
    .columns.full-height .seven.columns {
      margin-left: 20px;
      width: calc(58.3333333333% - 20px); }
    .column.full-height .eight.columns,
    .columns.full-height .eight.columns {
      margin-left: 20px;
      width: calc(66.6666666666% - 20px); }
    .column.full-height .nine.columns,
    .columns.full-height .nine.columns {
      margin-left: 20px;
      width: calc(75% - 20px); }
    .column.full-height .ten.columns,
    .columns.full-height .ten.columns {
      margin-left: 20px;
      width: calc(83.3333333333% - 20px); }
    .column.full-height .eleven.columns,
    .columns.full-height .eleven.columns {
      margin-left: 20px;
      width: calc(91.6666666666% - 20px); }
    .column.full-height .twelve.columns,
    .column.full-height .full.column,
    .columns.full-height .twelve.columns,
    .columns.full-height .full.column {
      margin-left: 20px;
      width: calc(100% - 20px); }
      .column.full-height .twelve.columns.center,
      .column.full-height .full.column.center,
      .columns.full-height .twelve.columns.center,
      .columns.full-height .full.column.center {
        display: block;
        min-width: 300px;
        text-align: center; }

@media (min-width: 0) and (max-width: 967px) {
  .one-half-mobile {
    margin-left: 0;
    width: 50%; }
    .one-half-mobile + .one-half-mobile {
      padding-left: 20px; }
  .row.no-indent .column,
  .row.no-indent .columns {
    margin-left: 0;
    width: 100% !important; } }

@media (min-width: 767px) {
  .row {
    padding-right: 20px; }
    .row.flex-align-bottom {
      align-items: flex-end;
      display: flex;
      flex-direction: row; }
  .column,
  .columns {
    padding: 0; }
  .column .field-flex input,
  .columns .field-flex input {
    width: 100%; }
  .one.column,
  .one.columns {
    margin-left: 20px;
    width: calc(8.33333333333% - 20px); }
  .one-one-half.column,
  .one-one-half.columns {
    margin-left: 20px;
    width: calc(12.499999999965% - 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'] .one-one-half.column,
  html[dir='rtl'] .one-one-half.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; } }

.icon {
  color: #3B3B3F;
  display: inline-block;
  height: 18px;
  width: 18px;
  position: relative; }
  .icon.icon-round {
    border-radius: 50%;
    border: 2px solid;
    width: 26px;
    height: 26px; }

.icon-status {
  display: inline-flex;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  justify-content: center;
  align-items: center; }
  .icon-status .icon {
    top: 0;
    height: 18px;
    width: 18px; }

.header .icon {
  color: #ffffff; }

.icon-error,
.icon-success,
.icon-alert,
.icon-info,
.icon-warning,
.icon-caution,
.icon-info-field,
.icon-in-progress,
svg.icon-dirty,
.icon-new,
.icon-pending,
.icon-empty-circle,
.icon-half-empty-circle,
.icon-rejected-outline,
.icon-rejected-solid {
  position: relative;
  top: 10px;
  vertical-align: top; }
  .icon-error.icon-round, .icon-error.icon-status,
  .icon-success.icon-round,
  .icon-success.icon-status,
  .icon-alert.icon-round,
  .icon-alert.icon-status,
  .icon-info.icon-round,
  .icon-info.icon-status,
  .icon-warning.icon-round,
  .icon-warning.icon-status,
  .icon-caution.icon-round,
  .icon-caution.icon-status,
  .icon-info-field.icon-round,
  .icon-info-field.icon-status,
  .icon-in-progress.icon-round,
  .icon-in-progress.icon-status,
  svg.icon-dirty.icon-round,
  svg.icon-dirty.icon-status,
  .icon-new.icon-round,
  .icon-new.icon-status,
  .icon-pending.icon-round,
  .icon-pending.icon-status,
  .icon-empty-circle.icon-round,
  .icon-empty-circle.icon-status,
  .icon-half-empty-circle.icon-round,
  .icon-half-empty-circle.icon-status,
  .icon-rejected-outline.icon-round,
  .icon-rejected-outline.icon-status,
  .icon-rejected-solid.icon-round,
  .icon-rejected-solid.icon-status {
    top: 0; }

.icon-info-field {
  color: #0072ED; }

.field .icon-error,
.field .icon-success,
.field .icon-alert,
.field .icon-info,
.field .icon-pending {
  margin-left: -28px;
  margin-top: 9px;
  position: absolute;
  top: inherit; }

.field .icon-error,
.field .icon-success {
  height: 14px;
  position: relative;
  right: 0;
  top: -8px;
  width: 18px; }

.field .icon-error.lower-opacity {
  opacity: 0.3;
  z-index: -1; }

.field .icon-success {
  height: 18px;
  margin-top: -2px;
  position: relative;
  right: auto;
  top: auto; }

.field [data-error-type='tooltip'] ~ .icon-error,
.field [data-error-type='tooltip'] ~ .icon-success {
  position: relative;
  right: auto;
  top: -7px; }

.field .dropdown-wrapper [data-error-type='tooltip'] ~ .icon-error,
.field .dropdown-wrapper [data-error-type='tooltip'] ~ .icon-success {
  position: absolute;
  right: 25px;
  top: 1px !important; }

.field.editor-container [data-error-type='tooltip'] ~ .icon-error,
.field.editor-container [data-error-type='tooltip'] ~ .icon-success {
  position: absolute;
  right: 10px;
  top: 55px; }

.field textarea[data-error-type='tooltip'] ~ .icon-error,
.field textarea[data-error-type='tooltip'] ~ .icon-success {
  position: absolute;
  top: 20px; }

.field .lookup-wrapper .icon-error,
.field .lookup-wrapper .icon-success {
  right: 31px;
  top: 1px; }

.field .popover-trigger .icon-info {
  height: 14px;
  position: relative;
  top: -6px;
  width: 14px; }

.field .icon {
  vertical-align: middle; }

.icon-dirtyerror,
.icon-error,
.icon-error-alert,
.icon-rejected-outline,
.icon-rejected-solid {
  color: #DA1217 !important; }

.icon-info,
.icon-info-alert,
.icon-status {
  color: #0064D4; }

.icon-success,
.icon-good,
.icon-success-alert {
  color: #2AC371 !important; }

.icon-empty-circle,
.icon-half-empty-circle {
  color: #3B3B3F; }

.icon-alert,
.icon-alert-alert,
.icon-warning {
  color: #F98300 !important; }

.icon-caution {
  color: #FFD100 !important; }

.icon-pending {
  color: #F98300 !important; }

.icon-pending-alert {
  color: #F98300 !important; }

svg.icon-close {
  height: 16px !important; }

.icon-sohoxi {
  color: #ffffff;
  height: 22px;
  left: -15px;
  top: 5px;
  width: 115px; }

.icon-favorite svg {
  color: #F98300 !important; }

svg use {
  pointer-events: none; }

svg.icon-logo {
  height: 34px;
  width: 35px; }

#icon-logo-dark {
  fill: #000; }

#icon-logo-dark:first-child {
  fill: #fff; }

#icon-logo-white {
  fill: #000; }

#icon-logo-dark:first-child {
  fill: #fff; }

.icon-dirty {
  -webkit-border-radius: 2px 0 0;
  -moz-border-radius: 2px 0 0;
  -o-border-radius: 2px 0 0;
  -ms-border-radius: 2px 0 0;
  border-radius: 2px 0 0;
  border-color: #FFD100 transparent transparent #FFD100;
  border-style: solid;
  border-width: 4px;
  height: 0;
  left: 2px;
  margin: 3px 0 0 1px;
  position: absolute;
  width: 0;
  z-index: 1; }
  .icon-dirty.is-checked {
    margin: 0;
    z-index: 1; }
  .icon-dirty.dirty-checkbox.is-checked {
    border-width: 4px;
    left: 0;
    top: 0;
    z-index: 2; }

.inline .icon-dirty {
  margin-top: 8px; }
  .inline .icon-dirty.dirty-checkbox {
    left: 0;
    margin-top: inherit;
    top: 1px; }
    .inline .icon-dirty.dirty-checkbox.is-checked {
      left: 0;
      top: 1px; }

.img-placeholder {
  background-color: #E0E0E1;
  border: 1px solid #E0E0E1;
  border-radius: 2px;
  display: table-cell;
  height: 100px;
  max-height: 100px;
  max-width: 100px;
  min-height: 100px;
  min-width: 100px;
  width: 100px; }
  .img-placeholder svg {
    color: #ffffff;
    display: inline-block;
    height: 45px;
    margin-left: 26px;
    margin-top: 25px;
    position: relative;
    width: 45px; }

.drilldown.btn-icon {
  border-radius: 0; }
  .drilldown.btn-icon svg {
    height: 22px;
    width: 22px; }
  .drilldown.btn-icon span {
    color: transparent; }
  .drilldown.btn-icon:hover span {
    color: transparent; }

svg.icon-dirty {
  color: #FFD100;
  height: 12px;
  stroke: #FFD100;
  top: 7px;
  width: 12px; }

.icon-in-progress {
  color: #6C23C9; }

.icon-new {
  color: #DF6F00; }

.icon.plus-minus {
  display: inline-block;
  position: relative; }
  .icon.plus-minus::before, .icon.plus-minus::after {
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -moz-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -o-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -ms-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    background-color: #3B3B3F;
    border-radius: 2px;
    content: '';
    height: 2px;
    left: 0.65em;
    position: absolute;
    top: 1.4em;
    width: 14px; }
  .icon.plus-minus::before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .icon.plus-minus::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .icon.plus-minus.active::before, .icon.plus-minus.active::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.icon.app-header span:not(.audible) {
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 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) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 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) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 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) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #3B3B3F;
  border-radius: 4px;
  height: 2px;
  position: absolute;
  width: 20px; }

.icon.app-header span.one {
  left: 6px;
  top: 8.5px; }

.icon.app-header span.two {
  left: 6px;
  top: 14.5px; }

.icon.app-header span.three {
  left: 6px;
  top: 20.5px; }

.icon.app-header.go-back span.one {
  -webkit-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  -moz-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  -o-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  -ms-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6); }

.icon.app-header.go-back span.three {
  -webkit-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  -moz-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  -o-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  -ms-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6); }

.icon.app-header.close span.one {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 5.5px;
  top: 14.5px; }

.icon.app-header.close span.two {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 5.5px;
  top: 14.5px; }

.icon.app-header.close span.three {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 5.5px;
  top: 14.5px; }

[class^='btn'] .icon.app-header {
  height: 32px;
  width: 32px; }
  [class^='btn'] .icon.app-header span:not(.audible) {
    background-color: #6F6F76; }

.app-drawer {
  position: relative; }
  .app-drawer span:not(.audible) {
    background-color: #3B3B3F;
    border-radius: 1px;
    display: inline-block;
    height: 4px;
    width: 4px;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: transform 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), height 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: transform 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), height 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: transform 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), height 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: transform 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), height 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: transform 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), height 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 350ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    padding: 0;
    position: absolute; }
  .app-drawer .one {
    left: 9px;
    top: 7px; }
  .app-drawer .two {
    left: 15px;
    top: 7px; }
  .app-drawer .three {
    left: 21px;
    top: 7px; }
  .app-drawer .four {
    left: 9px;
    top: 13px; }
  .app-drawer .five {
    left: 15px;
    top: 13px; }
  .app-drawer .six {
    left: 21px;
    top: 13px; }
  .app-drawer .seven {
    left: 9px;
    top: 19px; }
  .app-drawer .eight {
    left: 15px;
    top: 19px; }
  .app-drawer .nine {
    left: 21px;
    top: 19px; }
  .app-drawer.active .one,
  .app-drawer.active .three,
  .app-drawer.active .four,
  .app-drawer.active .five,
  .app-drawer.active .six,
  .app-drawer.active .seven,
  .app-drawer.active .nine {
    height: 0;
    left: 16px;
    top: 14px;
    width: 0; }
  .app-drawer.active .two {
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 2px;
    left: 8px;
    top: 14px;
    width: 18px; }
  .app-drawer.active .eight {
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 18px;
    left: 16px;
    top: 6px;
    width: 2px; }

.icon.checkmark, .icon.checkmark-selected {
  border: 2px solid #3B3B3F;
  border-radius: 50%;
  height: 26px;
  width: 26px; }
  .icon.checkmark::after, .icon.checkmark-selected::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: #3B3B3F #3B3B3F #3B3B3F transparent;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 12px;
    left: 7px;
    margin-top: 3px;
    position: absolute;
    width: 5px; }

.icon.checkmark-selected {
  background-color: #0072ED;
  border-color: #0072ED; }
  .icon.checkmark-selected::after {
    border-color: #ffffff #ffffff #ffffff transparent; }

.icon-capslock {
  display: inline;
  height: 24px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 22px;
  width: 24px;
  z-index: 1; }

.no-animate {
  -moz-transition: none 0s ease 0s !important;
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important; }

.icon-rtl-rotate {
  -ms-filter: fliph;
  filter: fliph;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

html[dir='rtl'] .field .icon-error,
html[dir='rtl'] .field .icon-success,
html[dir='rtl'] .field .icon-alert,
html[dir='rtl'] .field .icon-info,
html[dir='rtl'] .field .icon-pending {
  left: 30px;
  margin-left: -21px;
  margin-right: inherit;
  right: auto; }

html[dir='rtl'] .field .icon-error,
html[dir='rtl'] .field .icon-success {
  left: auto;
  margin-left: inherit;
  margin-right: -30px;
  right: 0; }

html[dir='rtl'] .field .error-message .icon-error {
  margin-right: inherit; }

html[dir='rtl'] .field .lookup-wrapper .icon-error,
html[dir='rtl'] .field .lookup-wrapper .icon-success {
  left: 50px;
  margin-left: -20px;
  margin-right: inherit;
  right: auto; }

html[dir='rtl'] .icon.app-header.go-back span.one {
  -webkit-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  -moz-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  -o-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  -ms-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6); }

html[dir='rtl'] .icon.app-header.go-back span.three {
  -webkit-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  -moz-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  -o-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  -ms-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6); }

html[dir='rtl'] .img-placeholder svg {
  margin-left: inherit;
  margin-right: 26px; }

html[dir='rtl'] .icon-dirty:not(.dirty-checkbox) {
  -webkit-border-radius: 2px 0 0;
  -moz-border-radius: 2px 0 0;
  -o-border-radius: 2px 0 0;
  -ms-border-radius: 2px 0 0;
  border-radius: 2px 0 0;
  border-color: #FFD100 #FFD100 transparent transparent;
  left: auto;
  margin: 1px 1px 0 0; }

.is-firefox .icon-dirty.dirty-checkbox.is-checked {
  left: 0;
  top: 0; }

html[class*='-dark'] .icon-status {
  background-color: transparent !important; }

html[class*='-dark'] .icon-status {
  border-color: transparent !important; }

html[class*='-dark'] .icon-status.slate07-color {
  color: #C5C5C9 !important; }

.image-sm {
  border: 1px solid transparent; }
  .image-sm:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  .image-sm img {
    border: 1px solid transparent;
    max-height: 60px;
    max-width: 60px; }
    .image-sm img:focus {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }
  .image-sm.placeholder {
    background: #ffffff;
    border: 1px solid #E0E0E1;
    height: 60px;
    max-height: 60px;
    max-width: 60px;
    text-align: center;
    width: 60px; }
    .image-sm.placeholder .icon {
      margin-top: 19px; }
    .image-sm.placeholder:focus {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }

.image-md {
  border: 1px solid transparent; }
  .image-md:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  .image-md img {
    border: 1px solid transparent;
    max-height: 120px;
    max-width: 154px; }
    .image-md img:focus {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }
  .image-md.placeholder {
    background: #ffffff;
    border: 1px solid #E0E0E1;
    height: 120px;
    max-height: 120px;
    max-width: 154px;
    text-align: center;
    width: 154px; }
    .image-md.placeholder .icon {
      margin-top: 49px; }
    .image-md.placeholder:focus {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }

.image-lg {
  border: 1px solid transparent; }
  .image-lg:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  .image-lg img {
    border: 1px solid transparent;
    max-height: 350px;
    max-width: 300px; }
    .image-lg img:focus {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }
  .image-lg.placeholder {
    background: #ffffff;
    border: 1px solid #E0E0E1;
    height: 350px;
    max-height: 350px;
    max-width: 300px;
    text-align: center;
    width: 300px; }
    .image-lg.placeholder .icon {
      margin-top: 164px; }
    .image-lg.placeholder:focus {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }

.image-auto {
  border: 1px solid transparent; }
  .image-auto:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  .image-auto img {
    border: 1px solid transparent; }
    .image-auto img:focus {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }

.image-round {
  border: 1px solid transparent;
  border-radius: 50%;
  display: inline-block;
  height: 48px;
  width: 48px; }
  .image-round.round {
    border-radius: 50%; }
  .image-round:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }

.image-user-status {
  display: inline-block; }
  .image-user-status .icon {
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: -17px;
    margin-top: 35px;
    position: absolute; }

.image-initials,
.avatar {
  background: #4DCC86;
  border: 1px solid transparent;
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  user-select: none; }
  .image-initials.three-char,
  .avatar.three-char {
    text-transform: capitalize; }
  .image-initials.large,
  .avatar.large {
    min-height: 48px;
    height: 48px;
    max-height: 48px;
    font-size: 20px;
    line-height: 48px;
    min-width: 48px;
    width: 48px;
    max-width: 48px; }
  .image-initials.round,
  .avatar.round {
    border-radius: 50%; }
  .image-initials.square,
  .avatar.square {
    border-radius: 8px; }
  .image-initials:focus,
  .avatar:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }

.avatar.ruby01 {
  background: #FBE7E8; }

.avatar.ruby02 {
  background: #F5C3C4; }

.avatar.ruby03 {
  background: #EE9496; }

.avatar.ruby04 {
  background: #E66467; }

.avatar.ruby05 {
  background: #DF3539; }

.avatar.ruby06 {
  background: #DA1217; }

.avatar.ruby07 {
  background: #C31014; }

.avatar.ruby08 {
  background: #A30D11; }

.avatar.ruby09 {
  background: #8D0B0E; }

.avatar.ruby10 {
  background: #6C080B; }

.avatar.amber01 {
  background: #FEF2E5; }

.avatar.amber02 {
  background: #FDDFBD; }

.avatar.amber03 {
  background: #FCC888; }

.avatar.amber04 {
  background: #FBAF50; }

.avatar.amber05 {
  background: #FA9601; }

.avatar.amber06 {
  background: #F98300; }

.avatar.amber07 {
  background: #DF6F00; }

.avatar.amber08 {
  background: #CD6200; }

.avatar.amber09 {
  background: #BB5500; }

.avatar.amber10 {
  background: #A14100; }

.avatar.emerald01 {
  background: #EBF9F1; }

.avatar.emerald02 {
  background: #CBEFDC; }

.avatar.emerald03 {
  background: #A1E4BF; }

.avatar.emerald04 {
  background: #78D8A3; }

.avatar.emerald05 {
  background: #4DCC86; }

.avatar.emerald06 {
  background: #2AC371; }

.avatar.emerald07 {
  background: #25AF65; }

.avatar.emerald08 {
  background: #1F9254; }

.avatar.emerald09 {
  background: #1C7F49; }

.avatar.emerald10 {
  background: #156138; }

.avatar.azure01 {
  background: #E6F1FD; }

.avatar.azure02 {
  background: #BEDCFA; }

.avatar.azure03 {
  background: #8ABFF7; }

.avatar.azure04 {
  background: #55A3F3; }

.avatar.azure05 {
  background: #1C86EF; }

.avatar.azure06 {
  background: #0072ED; }

.avatar.azure07 {
  background: #0066D4; }

.avatar.azure08 {
  background: #0054B1; }

.avatar.azure09 {
  background: #004A99; }

.avatar.azure10 {
  background: #003876; }

.avatar.turquoise01 {
  background: #ECF8F8; }

.avatar.turquoise02 {
  background: #CFEEEE; }

.avatar.turquoise03 {
  background: #A8E1E1; }

.avatar.turquoise04 {
  background: #82D4D4; }

.avatar.turquoise05 {
  background: #5CC6C7; }

.avatar.turquoise06 {
  background: #40BDBE; }

.avatar.turquoise07 {
  background: #39A9AA; }

.avatar.turquoise08 {
  background: #2F8D8E; }

.avatar.turquoise09 {
  background: #297B7B; }

.avatar.turquoise10 {
  background: #1F5E5E; }

.avatar.amethyst01 {
  background: #F1EBFC; }

.avatar.amethyst02 {
  background: #DDCBF7; }

.avatar.amethyst03 {
  background: #C2A1F1; }

.avatar.amethyst04 {
  background: #A876EB; }

.avatar.amethyst05 {
  background: #8D4BE5; }

.avatar.amethyst06 {
  background: #7928E1; }

.avatar.amethyst07 {
  background: #6C23C9; }

.avatar.amethyst08 {
  background: #591DA8; }

.avatar.amethyst09 {
  background: #4E1A91; }

.avatar.amethyst10 {
  background: #3B1470; }

.avatar.graphite01 {
  background: #EEEEEE; }

.avatar.graphite02 {
  background: #D3D3D3; }

.avatar.graphite03 {
  background: #B1B1B1; }

.avatar.graphite04 {
  background: #8F8F8F; }

.avatar.graphite05 {
  background: #6C6C6C; }

.avatar.graphite06 {
  background: #535353; }

.avatar.graphite07 {
  background: #4A4A4A; }

.avatar.graphite08 {
  background: #3E3E3E; }

.avatar.graphite09 {
  background: #363636; }

.avatar.graphite10 {
  background: #292929; }

.avatar.slate01 {
  background: #F5F5F5; }

.avatar.slate02 {
  background: #E0E0E1; }

.avatar.slate03 {
  background: #C5C5C9; }

.avatar.slate04 {
  background: #BBBBBF; }

.avatar.slate05 {
  background: #8E8E95; }

.avatar.slate06 {
  background: #6F6F76; }

.avatar.slate07 {
  background: #525257; }

.avatar.slate08 {
  background: #3B3B3F; }

.avatar.slate09 {
  background: #28282A; }

.avatar.slate10 {
  background: #161618; }

.avatar.alert01 {
  background: #DA1217; }

.avatar.alert02 {
  background: #F98300; }

.avatar.alert03 {
  background: #FFD100; }

.avatar.alert04 {
  background: #2AC371; }

.actionable {
  cursor: pointer; }
  .actionable.datagrid-img {
    margin: auto; }

@media print {
  .image-initials {
    background-color: #C5C5C9; } }

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

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

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

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

.height-100 {
  height: 100%; }

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

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

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

.fake-contents {
  height: 2000px; }

.fake-section-small {
  background-color: #ffffff;
  height: 50px; }

.ios body.no-scroll {
  max-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 #C5C5C9;
    height: auto;
    min-height: 100%;
    vertical-align: top;
    width: 75%; }
    .two-column > .main + .sidebar {
      border-right: 0;
      margin-right: 0 !important; }
  .two-column.list-detail > .sidebar.scrollable {
    overflow-y: hidden; }
  .two-column > .sidebar {
    background-color: #ffffff;
    border-right: 1px solid #C5C5C9;
    height: inherit;
    min-height: 100%;
    vertical-align: top;
    width: 25%; }
    .two-column > .sidebar + .main {
      border-right: 0; }
    .two-column > .sidebar .listview {
      background-color: #ffffff; }
      .two-column > .sidebar .listview.paginated {
        height: calc(100% - 38px); }
    .two-column > .sidebar .header + .listview {
      height: calc(100% - 60px); }
      .two-column > .sidebar .header + .listview.paginated {
        height: calc(100% - 98px); }
    .two-column > .sidebar > .listview-search + .listview {
      height: calc(100% - 90px); }
      .two-column > .sidebar > .listview-search + .listview.paginated {
        height: calc(100% - 134px); }
  .two-column.fixed > .main, .two-column.fixed-xs > .main, .two-column.fixed-sm > .main, .two-column.fixed-mm > .main, .two-column.fixed-md > .main, .two-column.fixed-lg > .main, .two-column.fixed-xl > .main {
    min-height: 100%;
    vertical-align: top; }
  .two-column.fixed > .sidebar {
    width: 250px; }
  .two-column.fixed > .main {
    width: calc(100% - 250px); }
  .two-column.fixed-sm > .sidebar {
    width: 275px; }
  .two-column.fixed-sm > .main {
    width: calc(100% - 275px); }
  .two-column.fixed-mm > .sidebar {
    width: 300px; }
  .two-column.fixed-mm > .main {
    width: calc(100% - 300px); }
  .two-column.fixed-md > .sidebar {
    width: 350px; }
  .two-column.fixed-md > .main {
    width: calc(100% - 350px); }
  .two-column.fixed-lg > .sidebar {
    width: 400px; }
  .two-column.fixed-lg > .main {
    width: calc(100% - 400px); }
  .two-column.fixed-xl > .sidebar {
    width: 450px; }
  .two-column.fixed-xl > .main {
    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 {
  background-color: #ffffff;
  border-left: 1px solid #E0E0E1;
  border-right: 1px solid #E0E0E1;
  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: #ffffff;
  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 #E0E0E1; }
  .two-column > .sidebar + .main {
    border-bottom: 0;
    border-top: 1px solid #C5C5C9; }
  .two-column.fixed > .main,
  .two-column.fixed > .sidebar, .two-column.fixed-xs > .main,
  .two-column.fixed-xs > .sidebar, .two-column.fixed-sm > .main,
  .two-column.fixed-sm > .sidebar, .two-column.fixed-mm > .main,
  .two-column.fixed-mm > .sidebar, .two-column.fixed-md > .main,
  .two-column.fixed-md > .sidebar, .two-column.fixed-lg > .main,
  .two-column.fixed-lg > .sidebar, .two-column.fixed-xl > .main,
  .two-column.fixed-xl > .sidebar {
    display: block;
    height: 100%;
    width: 100%; }
  .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) and (orientation: landscape) {
  .ios .two-column > .sidebar .listview-search + .listview.paginated {
    height: calc(100% - 190px); } }

@media (max-width: 766px) {
  .three-column .main,
  .three-column .sidebar,
  .three-column.fixed .main,
  .three-column.fixed .sidebar {
    display: block;
    vertical-align: baseline;
    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 #C5C5C9;
    border-left: 0;
    border-right: 0; }
  .three-column .sidebar + .main,
  .three-column.fixed .sidebar + .main {
    border-top: 1px solid #C5C5C9; } }

.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 {
  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 {
  height: calc(100% - 60px);
  margin-top: 60px; }

.header.has-searchfield-xl {
  height: 177px; }
  .header.has-searchfield-xl .searchfield-wrapper input {
    font-size: 20px;
    font-size: 2rem;
    border: 1px solid transparent;
    box-shadow: 0 0 4px 3px transparent;
    height: 48px;
    padding: 18px 17px 18px 51px; }
    .header.has-searchfield-xl .searchfield-wrapper input::-webkit-input-placeholder {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 400; }
    .header.has-searchfield-xl .searchfield-wrapper input::-moz-placeholder {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 25px; }
    .header.has-searchfield-xl .searchfield-wrapper input:-ms-input-placeholder {
      font-size: 16px;
      font-size: 1.6rem; }
    .header.has-searchfield-xl .searchfield-wrapper input:focus {
      box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #0072ED, 0 0 3px 2px rgba(255, 255, 255, 0.3); }
  .header.has-searchfield-xl .searchfield-wrapper .icon {
    height: 18px;
    left: 16px !important;
    top: 21px;
    width: 20px; }
  .header.has-searchfield-xl + .page-container,
  .header.has-searchfield-xl + .application-menu + .page-container {
    height: calc(100% - 200px); }

.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: #E0E0E1;
  border-bottom: 1px solid #C5C5C9;
  height: 50px;
  padding-right: 10px; }
  .panel-header .title {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 13px;
    padding-top: 5px; }
  .panel-header + .splitter {
    height: 100%;
    top: 0; }

.is-firefox .panel-header button {
  padding-top: 2.5px; }

.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: #ffffff;
    border-bottom: 1px solid #E0E0E1;
    height: 350px; }
  .editorial .section-tracker {
    margin-bottom: 20px; }
    .editorial .section-tracker a {
      border-bottom: medium none;
      border-left: 3px solid transparent;
      color: #8E8E95;
      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 #0072ED;
        color: #0072ED;
        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 {
  min-height: 100%;
  position: relative;
  top: 0; }

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

.banner-detail .detail {
  background-color: #ffffff;
  height: auto; }
  .banner-detail .detail .tab-container.alternate {
    position: relative;
    top: -40px; }
    .banner-detail .detail .tab-container.alternate + .tab-panel-container {
      margin-bottom: 0;
      position: relative; }
      .banner-detail .detail .tab-container.alternate + .tab-panel-container .tab-panel.alternate {
        margin-top: -30px; }
      .banner-detail .detail .tab-container.alternate + .tab-panel-container .card {
        margin: 0 10px;
        width: calc(100% - 20px); }
    .banner-detail .detail .tab-container.alternate .tab-list-container {
      overflow-y: hidden; }

.content-area {
  background-color: #ffffff;
  border: 1px solid #C5C5C9; }
  .content-area h2 {
    color: #6F6F76; }

.header-section {
  background-color: #ffffff;
  border-bottom: 1px solid #C5C5C9; }

.modal-body .header-section {
  margin-top: -30px; }

.detail-section {
  background-color: #ffffff; }

.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 {
  background-color: #ffffff;
  bottom: 0;
  font-size: 1.6rem;
  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 #C5C5C9;
  border-right: 0 solid #C5C5C9; }

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'] .l-left-text {
  text-align: right; }

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

.personalize-overlay {
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 10000; }

.is-personalizable .personalize-header,
.is-personalizable.tab-container {
  background-color: #ffffff; }
  .is-personalizable .personalize-header ::selection,
  .is-personalizable.tab-container ::selection {
    background: #004A99;
    color: #ffffff; }

.is-personalizable.header {
  background-color: #ffffff;
  border-bottom: 1px solid #C5C5C9; }

.is-personalizable.has-more-button.tab-container.horizontal::after {
  background-image: linear-gradient(to left, #0072ed, rgba(0, 114, 237, 0));
  height: 39px; }

.is-personalizable .personalize-header .instance-count .title,
.is-personalizable .personalize-header .instance-count .count {
  color: #535353; }

.is-personalizable .personalize-header .instance-count svg.icon {
  background-color: #0072ED; }

.is-personalizable .personalize-subheader {
  background-color: #0066D4; }

.is-personalizable .personalize-text,
.is-personalizable.hyperlink:not(.personalize-actionable),
.is-personalizable.hyperlink:not(.personalize-actionable):not([disabled]):not(.personalize-actionable-disabled):hover {
  color: #161618; }

.is-personalizable .btn-icon.personalize-actionable:hover:not([disabled]) {
  background-color: #0054B1; }

.is-personalizable .btn-icon:hover:not([disabled]):not(.btn-primary) svg.icon {
  color: #161618; }

.is-personalizable.subheader .full-searchfield-container .searchfield-wrapper .btn-icon:hover:not([disabled]):not(.btn-primary) svg.icon {
  color: #3B3B3F; }

.is-personalizable .label + .personalize-text.data {
  color: #161618; }

.is-personalizable .personalize-actionable,
.is-personalizable .personalize-actionable svg {
  color: #0072ED; }

.is-personalizable .personalize-actionable.is-focused:not(.hide-focus),
.is-personalizable .personalize-actionable:focus:not(.hide-focus) {
  border-color: #ffffff;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.2); }

.is-personalizable .personalize-actionable.hyperlink:focus:not(.hide-focus)::after {
  border-color: #ffffff;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.2);
  opacity: 1; }

.is-personalizable .personalize-vertical-border {
  border-color: #ffffff; }

.is-personalizable .personalize-horizontal-bottom-border {
  border-bottom: 1px solid #C5C5C9; }

.is-personalizable .personalize-horizontal-top-border {
  border-top: 1px solid #C5C5C9; }

.is-personalizable .personalize-chart-targeted .total.bar {
  background-color: rgba(0, 0, 0, 0.3); }

.is-personalizable .personalize-actionable-disabled,
.is-personalizable .personalize-actionable-disabled:hover {
  cursor: default;
  opacity: 0.4; }

.form-layout-compact.personalize-header.form-layout-compact .row.top-padding {
  padding-top: 15px; }

.form-layout-compact.personalize-header.form-layout-compact .row:last-child {
  padding-bottom: 15px; }

.form-layout-compact.personalize-header.form-layout-compact .small-bottom-padding {
  padding-bottom: 5px !important; }

.is-personalizable .personalize-header .personalize-chart-targeted .label,
.is-personalizable .personalize-header .info-message .icon,
.is-personalizable .personalize-header .info-message p,
.is-personalizable .personalize-header .btn-icon .icon {
  color: #161618; }

.is-personalizable .personalize-actionable:not(:hover) {
  opacity: 0.8; }

.is-personalizable .tab-container.horizontal > .tab-list-container .tab:not(.is-selected):not(.is-disabled):hover {
  border-bottom-color: #ffffff; }

.is-personalizable.tab-container.horizontal > .tab-list-container .tab:not(.is-selected):not(.is-disabled):hover,
.is-personalizable.tab-container.header-tabs > .tab-list-container .tab:not(.is-selected):not(.is-disabled):hover {
  border-bottom-color: #ffffff; }

.radio {
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 0; }

.radio.hitbox + .radio-label {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle;
  min-width: 44px;
  height: 44px;
  padding-left: 38px;
  padding-right: 14px; }

.radio.hitbox + label::before {
  margin-top: 0; }

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

.inline .radio ~ .label-text,
.radio + label {
  color: #3B3B3F;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 24px;
  margin-bottom: 6px;
  outline: none;
  padding-left: 26px;
  padding-right: 10px;
  position: relative; }

.inline .radio ~ .label-text::before,
.radio + label::before {
  background-color: #ffffff;
  border: 1px solid #3B3B3F;
  border-radius: 50%;
  content: '';
  height: 14px;
  margin-left: -25px;
  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: #28282A; }

.inline .radio ~ .label-text,
.radio-label {
  display: inline-flex;
  line-height: 20px;
  align-items: center; }
  .inline .radio ~ .label-text.radio-label:first-of-type,
  .radio-label.radio-label:first-of-type {
    margin-top: 4px; }

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

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

.inline .radio:checked ~ .label-text::before,
.radio:checked + label::before {
  background-color: #0072ED;
  border: 4px solid #0072ED;
  height: 8px;
  width: 8px;
  transition: none; }

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

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

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

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

.inline .radio:disabled:checked ~ .label-text::before,
.radio:disabled:checked + label::after {
  background-color: #ffffff;
  border-color: #8E8E95; }

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

.inline .radio:not(.hide-focus):focus ~ .label-text::before,
.radio:not(.hide-focus):focus + label::before {
  box-shadow: 0 0 0 3px #0072ED;
  outline: solid 2px #ffffff; }

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

.radio-group {
  margin-bottom: 20px;
  margin-top: 0;
  position: relative; }
  .radio-group legend {
    color: #3B3B3F;
    font-size: 1.6rem;
    padding-bottom: 5px !important;
    position: relative; }
  .radio-group.is-disabled legend, .radio-group[disabled] legend {
    color: #C5C5C9; }
  .radio-group .field {
    margin-bottom: 0; }
  .radio-group + .field {
    margin-top: 20px; }
  .radio-group .icon-dirty {
    left: -1px;
    margin-top: 1px; }

.field .radio-group {
  margin-bottom: -13px; }

.field-short .radio-group,
.form-layout-compact .field .radio-group {
  margin-bottom: -6px; }

.radio-section {
  margin-bottom: 10px !important;
  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: 1.6rem; }
    .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: 1.6rem;
        line-height: 25px;
        margin-top: -10px; }
      .radio-section .option .radio-label span {
        display: block; }
    .radio-section .option:first-child {
      margin-left: 0;
      position: relative; }
      .radio-section .option:first-child::after {
        border-right: 1px solid #C5C5C9;
        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 #C5C5C9;
      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-right: 27px; }

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

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

html[dir='rtl'] .field-short .inline .radio ~ .label-text,
html[dir='rtl'] .field-short .radio + label,
html[dir='rtl'] .form-layout-compact .field .inline .radio ~ .label-text,
html[dir='rtl'] .form-layout-compact .field .radio + label {
  padding-right: 24px; }

html[dir='rtl'] .field-short .inline .radio ~ .label-text::before,
html[dir='rtl'] .field-short .radio + label::before,
html[dir='rtl'] .form-layout-compact .field .inline .radio ~ .label-text::before,
html[dir='rtl'] .form-layout-compact .field .radio + label::before {
  margin-right: -24px; }

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 .radio-group legend,
.form-layout-compact .field .radio-group legend {
  font-size: 1.4rem;
  padding-bottom: 20px !important; }

.field-short .radio-group,
.form-layout-compact .field .radio-group {
  margin-bottom: -10px; }

.field-short .inline .radio ~ .label-text,
.field-short .radio + label,
.form-layout-compact .field .inline .radio ~ .label-text,
.form-layout-compact .field .radio + label {
  margin-top: -14px;
  padding-left: 20px;
  padding-top: 5px !important;
  text-align: initial;
  width: auto; }

.field-short .inline .radio ~ .label-text::after,
.field-short .radio + label::after,
.form-layout-compact .field .inline .radio ~ .label-text::after,
.form-layout-compact .field .radio + label::after {
  left: 4px;
  margin-left: -4px; }

.field-short .inline .radio ~ .label-text::before,
.field-short .radio + label::before,
.form-layout-compact .field .inline .radio ~ .label-text::before,
.form-layout-compact .field .radio + label::before {
  margin-left: -20px; }

.field-short .inline .radio ~ .label-text.radio-label:first-of-type,
.field-short .radio-label.radio-label:first-of-type,
.form-layout-compact .field .inline .radio ~ .label-text.radio-label:first-of-type,
.form-layout-compact .field .radio-label.radio-label:first-of-type {
  margin-top: -22px; }

.field-short > .radio-label.radio-label:first-of-type,
.form-layout-compact .field > .radio-label.radio-label:first-of-type {
  margin-top: -23px; }

.radio-group .field-short:first-of-type,
.form-layout-compact .field .radio-group .field-short:first-of-type {
  margin-bottom: 8px;
  margin-top: 19px; }

.radio-group .field-short,
.form-layout-compact .field .radio-group .field-short {
  margin-bottom: 8px; }

.field-short .radio + label::before, .field-short .radio + label::after {
  margin-top: 4px; }

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

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

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

html {
  font-size: 62.5%; }
  html body {
    background-color: #ffffff;
    color: #161618;
    font-family: "source sans pro", helvetica, arial, sans-serif;
    font-size: 1rem;
    height: 100%;
    -webkit-overflow-scrolling: touch; }
  html .body-background-color {
    background-color: #ffffff; }
  html.font-source-sans body {
    font-family: "Source Sans Pro", helvetica, arial; }
  html[lang='ar-EG'] body {
    font-family: "DejaVu", "Tahoma", "helvetica", "arial"; }
  html[lang='ar-SA'] body {
    font-family: "DejaVu", "Tahoma", "helvetica", "arial"; }
  html[lang='ja-JP'] body {
    font-family: "MS PGothic", "ＭＳ Ｐゴシック", "helvetica", "arial"; }
  html[lang='ko-KR'] body {
    font-family: "Malgun Gothic", "AppleGothic", "helvetica", "arial"; }
  html[lang='zh-CN'] body {
    font-family: "华文细黑", "宋体", "微软雅黑", "Microsoft YaHei New", "helvetica", "arial"; }
  html[lang='zh-tw'] body {
    font-family: "华文细黑", "宋体", "微软雅黑", "Microsoft YaHei New", "helvetica", "arial"; }
  html[lang='zh-Hans'] body {
    font-family: "华文细黑", "宋体", "微软雅黑", "Microsoft YaHei New", "helvetica", "arial"; }
  html[lang='zh-Hant'] body {
    font-family: "华文细黑", "宋体", "微软雅黑", "Microsoft YaHei New", "helvetica", "arial"; }

html.theme-new-light.darker-background, html.theme-new-light.slate05 {
  background-color: rgba(245, 245, 245, 0.5); }

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

h1 {
  line-height: 40px;
  line-height: 2.5rem;
  color: #161618;
  font-size: 2.8rem; }
  h1 + p {
    margin: 20px 0; }

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

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

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

p {
  color: #161618;
  font-size: 1.6rem;
  line-height: 140%; }
  p + h1,
  p + h2,
  p + h3,
  p + h4 {
    margin-top: 32px;
    margin-top: 2rem; }
  p + p {
    margin-top: 24px;
    margin-top: 1.5rem; }

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

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

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

.text-small,
a.text-small {
  font-size: 1.6rem; }

label,
.label {
  color: #3B3B3F;
  display: block;
  font-size: 1.6rem;
  margin: 0 0 8px 0;
  min-height: 14px; }

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

.data-description {
  color: #161618;
  font-size: 1.6rem;
  margin-left: 6px; }

label.side,
.label.side {
  color: #3B3B3F;
  display: inline-block;
  font-size: 1.6rem;
  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;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #161618;
  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: #28282A; }

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

.alert-text {
  font-size: 11px;
  font-size: 1.1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 32px;
  line-height: 2rem;
  color: #da1217;
  font-weight: 600;
  padding-left: 15px; }
  .alert-text::before {
    background-color: #da1217;
    border-radius: 50%;
    content: '';
    height: 8px;
    margin-left: -14px;
    margin-top: 4px;
    position: absolute;
    width: 8px; }

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

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

.good-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #2AC371;
  font-weight: 600; }

.info-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #0066D4;
  font-weight: 600; }

.small-thin-text {
  color: #6F6F76;
  font-size: 1.4rem;
  font-weight: 600; }
  .small-thin-text + .small-thin-text {
    margin-top: 0; }

.larger-heavy-text {
  color: #28282A;
  font-size: 1.6rem;
  font-weight: 600; }

.data-large {
  font-size: 22px;
  font-size: 2.2rem;
  color: #28282A;
  padding-bottom: 2px; }

.xl-text {
  font-size: 50px;
  font-size: 5rem; }

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

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

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

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

.text-uppercase,
.uppercase-text {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.field-flex {
  align-items: center;
  display: flex; }
  .field-flex .data-description {
    flex-basis: 25%; }
  .field-flex .field-flex-group {
    padding: 20px; }

.form-layout-compact .field-flex [class^='btn'] {
  margin-bottom: 0 !important; }

.field-flex-sm {
  align-items: center;
  display: flex;
  overflow: auto; }
  .field-flex-sm .data-description {
    flex-basis: auto;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .field-flex-sm input {
    min-width: 25%; }

.field.label-left {
  display: flex;
  font-size: 1.6rem;
  margin: 5px 0; }
  .field.label-left .label {
    color: #000000;
    font-size: 1.6rem;
    line-height: normal;
    padding-right: 8px;
    position: relative; }
    .field.label-left .label::after {
      content: ':'; }

.label + .data {
  color: #161618; }
  .label + .data.field-height {
    display: inline-block;
    font-size: 1.6rem;
    height: 3.8rem;
    line-height: 3.8rem; }
  .label + .data.is-placeholder {
    color: #6F6F76; }

.form-layout-compact .label + .data.field-height {
  font-size: 1.4rem !important;
  height: 2.8rem !important;
  line-height: 2.8rem !important; }

.font-size-base {
  font-size: 1.6rem; }

.font-size-xs {
  font-size: 1.4rem; }

.font-size-sm {
  font-size: 1.6rem; }

.font-size-md {
  font-size: 2.2rem; }

.font-size-lg {
  font-size: 2.8rem; }

.font-size-xl {
  font-size: 4.2rem; }

.font-size-px-72 {
  font-size: 7.2rem;
  line-height: 1.25em; }

.font-size-px-60 {
  font-size: 6rem;
  line-height: 1.2em; }

.font-size-px-48 {
  font-size: 4.8rem;
  line-height: 1.25em; }

.font-size-px-40 {
  font-size: 4rem;
  line-height: 1.2em; }

.font-size-px-32 {
  font-size: 3.2rem;
  line-height: 1.25em; }

.font-size-px-28 {
  font-size: 2.8rem;
  line-height: 1.28em; }

.font-size-px-24 {
  font-size: 2.4rem;
  line-height: 1.3em; }

.font-size-px-20 {
  font-size: 2rem;
  line-height: 1.4em; }

.font-size-px-16 {
  font-size: 1.6rem;
  line-height: 1.5em; }

.font-size-px-14 {
  font-size: 1.4rem;
  line-height: 1.7em; }

.font-size-px-12 {
  font-size: 1.2rem;
  line-height: 1.5em;
  text-transform: uppercase; }

.font-size-px-10 {
  font-size: 1rem;
  line-height: 1.6em;
  text-transform: uppercase; }

.text-default {
  color: #161618 !important; }

.text-descriptive {
  color: #3B3B3F !important; }

.text-link {
  color: #0072ED !important;
  text-decoration: underline; }

.text-muted {
  color: #6F6F76 !important; }

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

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

.text-alert {
  color: #DA1217 !important; }

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

.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 (min-width: 0) and (max-width: 479px) {
  .hidden-xs {
    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; } }

.image-initials {
  font-size: 2.2rem;
  line-height: 4.6rem; }

.image-user-status .icon use[href='#icon-user-status-available'] {
  color: #2AC371; }

.image-user-status .icon use[href='#icon-user-status-away'] {
  color: #FFD100; }

.image-user-status .icon use[href='#icon-user-status-busy'],
.image-user-status .icon use[href='#icon-user-status-do-not-disturb'] {
  color: #DA1217; }

.image-user-status .icon use[href='#icon-user-status-unknown'] {
  color: #C5C5C9; }

html[lang='ar-EG'] body {
  font-family: "Mada", "Source Sans Pro", "arial", sans-serif; }

html[lang='ar-SA'] body {
  font-family: "Mada", "Source Sans Pro", "arial", sans-serif; }

html[lang='he-IL'] body {
  font-family: "Assistant", "Source Sans Pro", "arial", sans-serif; }

html[lang='hi-IN'] body {
  font-family: "Noto Sans", "Source Sans Pro", "arial", sans-serif; }

html[lang='ja-JP'] body {
  font-family: "Noto Sans JP", "Source Sans Pro", "arial", sans-serif; }

html[lang='ko-KR'] body {
  font-family: "Noto Sans KR", "Source Sans Pro", "arial", sans-serif; }

html[lang='vi-VN'] body {
  font-family: "Source Sans Pro", "arial", sans-serif; }

html[lang='th-TH'] body {
  font-family: "Sarabun", "Source Sans Pro", "arial", sans-serif; }

html[lang='zh-CN'] body {
  font-family: "Noto Sans SC", "Source Sans Pro", "arial", sans-serif; }

html[lang='zh-tw'] body {
  font-family: "Noto Sans TC", "Source Sans Pro", "arial", sans-serif; }

html[lang='zh-Hans'] body {
  font-family: "Noto Sans SC", "Source Sans Pro", "arial", sans-serif; }

html[lang='zh-Hant'] body {
  font-family: "Noto Sans TC", "Source Sans Pro", "arial", sans-serif; }

label,
.label {
  color: #6F6F76;
  min-height: 19px; }

.fieldset-title {
  font-size: 2.2rem !important; }

.icon {
  fill: transparent; }
  .icon.icon-empty-state {
    fill: #0072ED;
    width: 80px; }

.empty-fill {
  fill: transparent; }

.icon.app-header span:not(.audible) {
  height: 1px; }

.icon.plus-minus::before, .icon.plus-minus::after {
  border-radius: 0;
  content: '';
  height: 1px;
  left: 0.65em;
  top: 1.4em;
  width: 16px; }

.icon-dirty.dirty-checkbox.is-checked {
  top: 2px; }

.is-firefox .icon-dirty.dirty-checkbox.is-checked {
  top: 2px !important; }

.field .icon-error {
  height: 18px;
  width: 18px;
  top: -6px !important; }

.disable-select * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.draggable {
  cursor: move;
  -ms-touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: none;
  z-index: 7000; }
  .draggable.animated {
    transition: all 0.2s ease; }

.modal-engaged .draggable {
  z-index: 500; }

.resize-handle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #0072ED;
  cursor: e-resize;
  height: inherit;
  left: 48px;
  position: absolute;
  top: 0;
  width: 2px; }

[data-sort-exclude='true'] {
  opacity: 0.5; }

.arrange-placeholder {
  border: 1px dashed #BBBBBF; }

.arrange-dragging.is-touch {
  position: fixed; }

.placeable {
  position: absolute; }

.longpress-target {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

input.longpress-target {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -o-user-select: initial;
  -ms-user-select: initial;
  user-select: initial; }

.tag,
.badge {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #E0E0E1;
  border-radius: 12px;
  color: #161618;
  font-size: 1.6rem;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  text-decoration: none;
  vertical-align: middle; }
  .tag a,
  .badge a {
    color: inherit;
    line-height: 21px;
    text-decoration: none; }
  .tag [class^='btn'],
  .badge [class^='btn'] {
    cursor: pointer;
    height: auto;
    margin-right: 0;
    min-height: auto;
    min-width: 0; }
  .tag .btn-dismissible,
  .tag .btn-linkable,
  .badge .btn-dismissible,
  .badge .btn-linkable {
    color: #161618; }
    .tag .btn-dismissible .icon,
    .tag .btn-linkable .icon,
    .badge .btn-dismissible .icon,
    .badge .btn-linkable .icon {
      color: inherit;
      position: relative; }
    .tag .btn-dismissible:hover .icon,
    .tag .btn-linkable:hover .icon,
    .badge .btn-dismissible:hover .icon,
    .badge .btn-linkable:hover .icon {
      color: #6F6F76; }
  .tag span,
  .badge span {
    line-height: inherit; }
  .tag.round,
  .badge.round {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 24px; }
  .tag.is-linkable,
  .badge.is-linkable {
    -webkit-transition: background-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: background-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: background-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: background-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: background-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    border: 1px solid transparent;
    line-height: 20px; }
    .tag.is-linkable a,
    .badge.is-linkable a {
      cursor: pointer; }
    .tag.is-linkable .btn-linkable,
    .badge.is-linkable .btn-linkable {
      height: 24px;
      padding-inline-start: 4px;
      display: flex;
      align-self: center;
      justify-content: center;
      flex-flow: column; }
      .tag.is-linkable .btn-linkable .icon,
      .badge.is-linkable .btn-linkable .icon {
        height: 120px;
        margin: 0;
        vertical-align: baseline;
        width: 12px; }
    .tag.is-linkable:not(.hide-focus),
    .badge.is-linkable:not(.hide-focus) {
      border-color: #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .tag.is-linkable:hover, .tag.is-linkable.is-focused:not(.hide-focus),
    .badge.is-linkable:hover,
    .badge.is-linkable.is-focused:not(.hide-focus) {
      background-color: #C5C5C9; }
  .tag.is-dismissible,
  .badge.is-dismissible {
    border: 1px solid transparent;
    line-height: 20px;
    padding: 0 10px; }
    .tag.is-dismissible .btn-dismissible,
    .badge.is-dismissible .btn-dismissible {
      height: 20px;
      padding-left: 6px;
      vertical-align: top; }
      .tag.is-dismissible .btn-dismissible .icon,
      .badge.is-dismissible .btn-dismissible .icon {
        height: 12px;
        margin: 0;
        margin-inline-end: -2px;
        vertical-align: unset;
        top: 1px;
        width: 12px; }
  .tag.is-focused:not(.hide-focus),
  .badge.is-focused:not(.hide-focus) {
    border-color: #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .tag.is-focused:not(.hide-focus) a,
    .badge.is-focused:not(.hide-focus) a {
      outline: none;
      outline-style: none;
      -moz-outline-style: none; }
  .tag.is-disabled,
  .badge.is-disabled {
    background-color: transparent;
    border-color: #C5C5C9;
    color: #8E8E95;
    pointer-events: none; }
    .tag.is-disabled .btn-dismissible,
    .tag.is-disabled .btn-linkable,
    .badge.is-disabled .btn-dismissible,
    .badge.is-disabled .btn-linkable {
      color: #8E8E95; }
      .tag.is-disabled .btn-dismissible .icon,
      .tag.is-disabled .btn-linkable .icon,
      .badge.is-disabled .btn-dismissible .icon,
      .badge.is-disabled .btn-linkable .icon {
        color: #8E8E95; }
    .tag.is-disabled:hover .icon,
    .badge.is-disabled:hover .icon {
      color: #8E8E95; }
  .tag.neutral,
  .badge.neutral {
    background-color: #E0E0E1;
    color: #161618; }
    .tag.neutral .btn-dismissible,
    .tag.neutral .btn-linkable,
    .badge.neutral .btn-dismissible,
    .badge.neutral .btn-linkable {
      color: #161618; }
      .tag.neutral .btn-dismissible:hover .icon,
      .tag.neutral .btn-linkable:hover .icon,
      .badge.neutral .btn-dismissible:hover .icon,
      .badge.neutral .btn-linkable:hover .icon {
        color: #6F6F76; }
    .tag.neutral.is-linkable:hover, .tag.neutral.is-linkable.is-focused:not(.hide-focus),
    .badge.neutral.is-linkable:hover,
    .badge.neutral.is-linkable.is-focused:not(.hide-focus) {
      background-color: #C5C5C9; }
    .tag.neutral.is-disabled,
    .badge.neutral.is-disabled {
      background-color: transparent;
      border-color: #C5C5C9;
      color: #8E8E95;
      pointer-events: none; }
      .tag.neutral.is-disabled .btn-dismissible,
      .tag.neutral.is-disabled .btn-linkable,
      .badge.neutral.is-disabled .btn-dismissible,
      .badge.neutral.is-disabled .btn-linkable {
        color: #8E8E95; }
        .tag.neutral.is-disabled .btn-dismissible .icon,
        .tag.neutral.is-disabled .btn-linkable .icon,
        .badge.neutral.is-disabled .btn-dismissible .icon,
        .badge.neutral.is-disabled .btn-linkable .icon {
          color: #8E8E95; }
      .tag.neutral.is-disabled:hover .icon,
      .badge.neutral.is-disabled:hover .icon {
        color: #8E8E95; }
  .tag.secondary,
  .badge.secondary {
    border: 1px solid #BBBBBF;
    color: #161618;
    line-height: 20px; }
    .tag.secondary .btn-dismissible,
    .tag.secondary .btn-linkable,
    .badge.secondary .btn-dismissible,
    .badge.secondary .btn-linkable {
      color: #161618; }
      .tag.secondary .btn-dismissible:hover,
      .tag.secondary .btn-linkable:hover,
      .badge.secondary .btn-dismissible:hover,
      .badge.secondary .btn-linkable:hover {
        color: #3B3B3F; }
    .tag.secondary.is-linkable:hover, .tag.secondary.is-linkable.is-focused:not(.hide-focus),
    .badge.secondary.is-linkable:hover,
    .badge.secondary.is-linkable.is-focused:not(.hide-focus) {
      background-color: #E0E0E1;
      border-color: #8E8E95; }
    .tag.secondary.is-dismissible,
    .badge.secondary.is-dismissible {
      border-color: #BBBBBF; }
    .tag.secondary.is-focused:not(.hide-focus), .tag.secondary.is-linkable.is-focused:not(.hide-focus), .tag.secondary.is-dismissible.is-focused:not(.hide-focus),
    .badge.secondary.is-focused:not(.hide-focus),
    .badge.secondary.is-linkable.is-focused:not(.hide-focus),
    .badge.secondary.is-dismissible.is-focused:not(.hide-focus) {
      border-color: #0072ED; }
    .tag.secondary.is-disabled,
    .badge.secondary.is-disabled {
      background-color: transparent;
      border-color: #C5C5C9;
      color: #8E8E95;
      pointer-events: none; }
      .tag.secondary.is-disabled .btn-dismissible,
      .tag.secondary.is-disabled .btn-linkable,
      .badge.secondary.is-disabled .btn-dismissible,
      .badge.secondary.is-disabled .btn-linkable {
        color: #8E8E95; }
        .tag.secondary.is-disabled .btn-dismissible .icon,
        .tag.secondary.is-disabled .btn-linkable .icon,
        .badge.secondary.is-disabled .btn-dismissible .icon,
        .badge.secondary.is-disabled .btn-linkable .icon {
          color: #8E8E95; }
      .tag.secondary.is-disabled:hover .icon,
      .badge.secondary.is-disabled:hover .icon {
        color: #8E8E95; }
  .tag.error,
  .badge.error {
    background-color: #DA1217;
    color: #ffffff; }
    .tag.error .btn-dismissible,
    .tag.error .btn-linkable,
    .badge.error .btn-dismissible,
    .badge.error .btn-linkable {
      color: #ffffff; }
      .tag.error .btn-dismissible:hover .icon,
      .tag.error .btn-linkable:hover .icon,
      .badge.error .btn-dismissible:hover .icon,
      .badge.error .btn-linkable:hover .icon {
        color: #ffffff; }
    .tag.error.is-linkable:hover, .tag.error.is-linkable.is-focused:not(.hide-focus),
    .badge.error.is-linkable:hover,
    .badge.error.is-linkable.is-focused:not(.hide-focus) {
      background-color: #A30D11; }
    .tag.error.is-disabled,
    .badge.error.is-disabled {
      background-color: transparent;
      border-color: #C5C5C9;
      color: #8E8E95;
      pointer-events: none; }
      .tag.error.is-disabled .btn-dismissible,
      .tag.error.is-disabled .btn-linkable,
      .badge.error.is-disabled .btn-dismissible,
      .badge.error.is-disabled .btn-linkable {
        color: #8E8E95; }
        .tag.error.is-disabled .btn-dismissible .icon,
        .tag.error.is-disabled .btn-linkable .icon,
        .badge.error.is-disabled .btn-dismissible .icon,
        .badge.error.is-disabled .btn-linkable .icon {
          color: #8E8E95; }
      .tag.error.is-disabled:hover .icon,
      .badge.error.is-disabled:hover .icon {
        color: #8E8E95; }
  .tag.alert, .tag.warning,
  .badge.alert,
  .badge.warning {
    background-color: #F98300;
    color: #ffffff; }
    .tag.alert .btn-dismissible,
    .tag.alert .btn-linkable, .tag.warning .btn-dismissible,
    .tag.warning .btn-linkable,
    .badge.alert .btn-dismissible,
    .badge.alert .btn-linkable,
    .badge.warning .btn-dismissible,
    .badge.warning .btn-linkable {
      color: #ffffff; }
      .tag.alert .btn-dismissible:hover .icon,
      .tag.alert .btn-linkable:hover .icon, .tag.warning .btn-dismissible:hover .icon,
      .tag.warning .btn-linkable:hover .icon,
      .badge.alert .btn-dismissible:hover .icon,
      .badge.alert .btn-linkable:hover .icon,
      .badge.warning .btn-dismissible:hover .icon,
      .badge.warning .btn-linkable:hover .icon {
        color: #ffffff; }
    .tag.alert.is-linkable:hover, .tag.alert.is-linkable.is-focused:not(.hide-focus), .tag.warning.is-linkable:hover, .tag.warning.is-linkable.is-focused:not(.hide-focus),
    .badge.alert.is-linkable:hover,
    .badge.alert.is-linkable.is-focused:not(.hide-focus),
    .badge.warning.is-linkable:hover,
    .badge.warning.is-linkable.is-focused:not(.hide-focus) {
      background-color: #F98300; }
    .tag.alert.is-disabled, .tag.warning.is-disabled,
    .badge.alert.is-disabled,
    .badge.warning.is-disabled {
      background-color: transparent;
      border-color: #C5C5C9;
      color: #8E8E95;
      pointer-events: none; }
      .tag.alert.is-disabled .btn-dismissible,
      .tag.alert.is-disabled .btn-linkable, .tag.warning.is-disabled .btn-dismissible,
      .tag.warning.is-disabled .btn-linkable,
      .badge.alert.is-disabled .btn-dismissible,
      .badge.alert.is-disabled .btn-linkable,
      .badge.warning.is-disabled .btn-dismissible,
      .badge.warning.is-disabled .btn-linkable {
        color: #8E8E95; }
        .tag.alert.is-disabled .btn-dismissible .icon,
        .tag.alert.is-disabled .btn-linkable .icon, .tag.warning.is-disabled .btn-dismissible .icon,
        .tag.warning.is-disabled .btn-linkable .icon,
        .badge.alert.is-disabled .btn-dismissible .icon,
        .badge.alert.is-disabled .btn-linkable .icon,
        .badge.warning.is-disabled .btn-dismissible .icon,
        .badge.warning.is-disabled .btn-linkable .icon {
          color: #8E8E95; }
      .tag.alert.is-disabled:hover .icon, .tag.warning.is-disabled:hover .icon,
      .badge.alert.is-disabled:hover .icon,
      .badge.warning.is-disabled:hover .icon {
        color: #8E8E95; }
  .tag.caution,
  .badge.caution {
    background-color: #FFD100;
    color: #161618; }
    .tag.caution .btn-dismissible,
    .tag.caution .btn-linkable,
    .badge.caution .btn-dismissible,
    .badge.caution .btn-linkable {
      color: #161618; }
      .tag.caution .btn-dismissible:hover,
      .tag.caution .btn-linkable:hover,
      .badge.caution .btn-dismissible:hover,
      .badge.caution .btn-linkable:hover {
        color: #161618; }
        .tag.caution .btn-dismissible:hover .icon,
        .tag.caution .btn-linkable:hover .icon,
        .badge.caution .btn-dismissible:hover .icon,
        .badge.caution .btn-linkable:hover .icon {
          color: #161618; }
  .tag.good, .tag.success,
  .badge.good,
  .badge.success {
    background-color: #2AC371;
    color: #ffffff; }
    .tag.good .btn-dismissible,
    .tag.good .btn-linkable, .tag.success .btn-dismissible,
    .tag.success .btn-linkable,
    .badge.good .btn-dismissible,
    .badge.good .btn-linkable,
    .badge.success .btn-dismissible,
    .badge.success .btn-linkable {
      color: #ffffff; }
      .tag.good .btn-dismissible:hover,
      .tag.good .btn-linkable:hover, .tag.success .btn-dismissible:hover,
      .tag.success .btn-linkable:hover,
      .badge.good .btn-dismissible:hover,
      .badge.good .btn-linkable:hover,
      .badge.success .btn-dismissible:hover,
      .badge.success .btn-linkable:hover {
        color: #ffffff; }
        .tag.good .btn-dismissible:hover .icon,
        .tag.good .btn-linkable:hover .icon, .tag.success .btn-dismissible:hover .icon,
        .tag.success .btn-linkable:hover .icon,
        .badge.good .btn-dismissible:hover .icon,
        .badge.good .btn-linkable:hover .icon,
        .badge.success .btn-dismissible:hover .icon,
        .badge.success .btn-linkable:hover .icon {
          color: #ffffff; }
    .tag.good.is-linkable:hover, .tag.good.is-linkable.is-focused:not(.hide-focus), .tag.success.is-linkable:hover, .tag.success.is-linkable.is-focused:not(.hide-focus),
    .badge.good.is-linkable:hover,
    .badge.good.is-linkable.is-focused:not(.hide-focus),
    .badge.success.is-linkable:hover,
    .badge.success.is-linkable.is-focused:not(.hide-focus) {
      background-color: #25AF65; }
    .tag.good.is-disabled, .tag.success.is-disabled,
    .badge.good.is-disabled,
    .badge.success.is-disabled {
      background-color: transparent;
      border-color: #C5C5C9;
      color: #8E8E95;
      pointer-events: none; }
      .tag.good.is-disabled .btn-dismissible,
      .tag.good.is-disabled .btn-linkable, .tag.success.is-disabled .btn-dismissible,
      .tag.success.is-disabled .btn-linkable,
      .badge.good.is-disabled .btn-dismissible,
      .badge.good.is-disabled .btn-linkable,
      .badge.success.is-disabled .btn-dismissible,
      .badge.success.is-disabled .btn-linkable {
        color: #8E8E95; }
        .tag.good.is-disabled .btn-dismissible .icon,
        .tag.good.is-disabled .btn-linkable .icon, .tag.success.is-disabled .btn-dismissible .icon,
        .tag.success.is-disabled .btn-linkable .icon,
        .badge.good.is-disabled .btn-dismissible .icon,
        .badge.good.is-disabled .btn-linkable .icon,
        .badge.success.is-disabled .btn-dismissible .icon,
        .badge.success.is-disabled .btn-linkable .icon {
          color: #8E8E95; }
      .tag.good.is-disabled:hover .icon, .tag.success.is-disabled:hover .icon,
      .badge.good.is-disabled:hover .icon,
      .badge.success.is-disabled:hover .icon {
        color: #8E8E95; }
  .tag.info,
  .badge.info {
    background-color: #0066D4;
    color: #ffffff; }
    .tag.info .btn-dismissible,
    .tag.info .btn-linkable,
    .badge.info .btn-dismissible,
    .badge.info .btn-linkable {
      color: #ffffff; }
      .tag.info .btn-dismissible:hover,
      .tag.info .btn-linkable:hover,
      .badge.info .btn-dismissible:hover,
      .badge.info .btn-linkable:hover {
        color: #BEDCFA; }
        .tag.info .btn-dismissible:hover .icon,
        .tag.info .btn-linkable:hover .icon,
        .badge.info .btn-dismissible:hover .icon,
        .badge.info .btn-linkable:hover .icon {
          color: #ffffff; }
    .tag.info.is-linkable:hover, .tag.info.is-linkable.is-focused:not(.hide-focus),
    .badge.info.is-linkable:hover,
    .badge.info.is-linkable.is-focused:not(.hide-focus) {
      background-color: #1C86EF; }
    .tag.info.is-disabled,
    .badge.info.is-disabled {
      background-color: transparent;
      border-color: #C5C5C9;
      color: #8E8E95;
      pointer-events: none; }
      .tag.info.is-disabled .btn-dismissible,
      .tag.info.is-disabled .btn-linkable,
      .badge.info.is-disabled .btn-dismissible,
      .badge.info.is-disabled .btn-linkable {
        color: #8E8E95; }
        .tag.info.is-disabled .btn-dismissible .icon,
        .tag.info.is-disabled .btn-linkable .icon,
        .badge.info.is-disabled .btn-dismissible .icon,
        .badge.info.is-disabled .btn-linkable .icon {
          color: #8E8E95; }
      .tag.info.is-disabled:hover .icon,
      .badge.info.is-disabled:hover .icon {
        color: #8E8E95; }

.multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -1.5px;
  vertical-align: middle; }

.tag {
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center; }

.badge {
  display: inline-block; }
  .badge.pending {
    min-height: 24px;
    min-width: 24px;
    position: relative; }
    .badge.pending::before {
      border: 1px solid #161618;
      border-radius: 50%;
      content: '';
      height: 14px;
      left: 3px;
      position: absolute;
      top: 3px;
      width: 14px; }
    .badge.pending::after {
      border-bottom: 1px solid #161618;
      border-left: 1px solid #161618;
      content: '';
      height: 6px;
      left: 9px;
      position: absolute;
      top: 7px;
      width: 5px; }
    [class*='ie'] .badge.pending::before {
      left: 3px !important;
      top: 2.5px; }
    .badge.pending.current {
      background-color: #F98300; }
    .badge.pending.alert::before, .badge.pending.alert::after, .badge.pending.good::before, .badge.pending.good::after, .badge.pending.success::before, .badge.pending.success::after, .badge.pending.info::before, .badge.pending.info::after, .badge.pending.error::before, .badge.pending.error::after {
      border-color: #ffffff; }
  .badge:not(.alert):not(.good):not(.info):not(.error):not(.warning):not(.success)::before, .badge:not(.alert):not(.good):not(.info):not(.error):not(.warning):not(.success)::after {
    border-color: #161618; }
  .badge.checked::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;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    left: 8px;
    margin-top: 4px;
    position: absolute;
    width: 4px; }
  .badge.exclamation::before {
    color: #ffffff;
    content: '!';
    display: inline-block;
    font-size: 1.3em;
    font-weight: 600;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 100%; }

.hyperlink + .tag {
  margin-bottom: 0;
  margin-left: 10px;
  margin-top: -2px; }

.alert.slate03 {
  background-color: transparent; }
  .alert.slate03 svg {
    color: #C5C5C9; }

.tag-list {
  margin: 20px 20px 0 25px; }
  .tag-list .tag {
    margin: 0 5px 5px 0; }

html.theme-classic-contrast .tag:not(.error):not(.alert):not(.info):not(.good).is-linkable:hover, html.theme-classic-contrast .tag:not(.error):not(.alert):not(.info):not(.good).is-linkable.is-focused:not(.hide-focus),
html.theme-classic-contrast .badge:not(.error):not(.alert):not(.info):not(.good).is-linkable:hover,
html.theme-classic-contrast .badge:not(.error):not(.alert):not(.info):not(.good).is-linkable.is-focused:not(.hide-focus),
html.theme-new-contrast .tag:not(.error):not(.alert):not(.info):not(.good).is-linkable:hover,
html.theme-new-contrast .tag:not(.error):not(.alert):not(.info):not(.good).is-linkable.is-focused:not(.hide-focus),
html.theme-new-contrast .badge:not(.error):not(.alert):not(.info):not(.good).is-linkable:hover,
html.theme-new-contrast .badge:not(.error):not(.alert):not(.info):not(.good).is-linkable.is-focused:not(.hide-focus) {
  border-color: transparent; }

html.is-mac.is-chrome .tag.is-dismissible .btn-dismissible .icon {
  margin-inline-end: -1px; }

html.is-mac.is-firefox .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -1px; }

.is-firefox .tag.is-linkable .btn-linkable .icon {
  vertical-align: middle; }

.is-firefox .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -2px;
  vertical-align: middle; }

.is-safari .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -1px; }

html[dir='rtl'] .hyperlink + .tag {
  margin-left: inherit;
  margin-right: 10px; }

html[dir='rtl'] .tag.is-dismissible .btn-dismissible .icon,
html[dir='rtl'] .badge.is-dismissible .btn-dismissible .icon {
  left: -5px; }

html[dir='rtl'] .tag.is-linkable .btn-linkable,
html[dir='rtl'] .badge.is-linkable .btn-linkable {
  margin-left: -6px;
  padding: 0 5px; }
  html[dir='rtl'] .tag.is-linkable .btn-linkable .icon,
  html[dir='rtl'] .badge.is-linkable .btn-linkable .icon {
    transform: rotate(180deg); }

html[dir='rtl'] .badge.pending::after {
  border-left: 0;
  border-right: 1px solid #ffffff;
  left: 8px; }

html[class*='-dark'] .badge:not(.alert):not(.good):not(.info):not(.error):not(.warning):not(.success):not(.caution)::before, html[class*='-dark'] .badge:not(.alert):not(.good):not(.info):not(.error):not(.warning):not(.success):not(.caution)::after {
  border-color: #ffffff; }

html[class*='-dark'] .badge.good::before, html[class*='-dark'] .badge.good::after, html[class*='-dark'] .badge.success::before, html[class*='-dark'] .badge.success::after {
  border-color: #161618; }

html[class*='-contrast'] .badge.warning::before, html[class*='-contrast'] .badge.warning::after {
  border-color: #161618; }

.tag,
.badge {
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px; }
  .tag span,
  .badge span {
    line-height: 20px; }
  .tag a,
  .badge a {
    font-size: 14px;
    line-height: 20px; }
    .tag a.round,
    .badge a.round {
      width: 30px; }

.badge {
  height: 24px; }

.theme-new-contrast .badge {
  height: 24px; }

.is-firefox .tag.is-linkable .btn-linkable .icon {
  vertical-align: baseline; }

.is-firefox .tag.is-dismissible .btn-dismissible .icon {
  top: -1px;
  vertical-align: middle; }

.form-layout-compact .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: 0; }

.multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -2px; }

.is-firefox .form-layout-compact .multiselect ~ .dropdown-wrapper .dropdown.has-tags {
  padding: 0 !important; }
  .is-firefox .form-layout-compact .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
    top: 3px; }

.is-firefox .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -2px; }

.is-safari .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -2px; }

.is-safari .form-layout-compact .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: 0; }

html.is-mac.is-chrome .multiselect ~ .dropdown-wrapper .dropdown.has-tags .tag-list .tag.is-dismissible .btn-dismissible .icon {
  top: -1px; }

.breadcrumb.hitbox ol.breadcrumb-list li::after {
  padding-left: 0;
  padding-right: 0;
  position: relative; }

.breadcrumb.hitbox ol.breadcrumb-list li .breadcrumb-text-truncated.hyperlink, .breadcrumb.hitbox ol.breadcrumb-list li .breadcrumb-text-truncated.breadcrumb-text {
  overflow: hidden;
  text-overflow: ellipsis;
  top: 6px;
  white-space: nowrap;
  width: 70px; }

.breadcrumb.hitbox ol.breadcrumb-list li .breadcrumb-text-truncated.breadcrumb-text {
  position: relative; }

.breadcrumb.hitbox ol.breadcrumb-list li a.hyperlink,
.breadcrumb.hitbox ol.breadcrumb-list li span.breadcrumb-text {
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 8px;
  padding: 0;
  width: fit-content; }
  .breadcrumb.hitbox ol.breadcrumb-list li a.hyperlink::after,
  .breadcrumb.hitbox ol.breadcrumb-list li span.breadcrumb-text::after {
    content: '';
    display: block;
    height: 44px;
    left: 0;
    margin: 2px -8px 0;
    padding: 0 8px;
    position: relative;
    top: -14px;
    transform: translateY(-50%);
    width: 100%; }

.breadcrumb .hyperlink,
.breadcrumb .breadcrumb-text,
.breadcrumb li > span {
  display: inline-block;
  height: 24px;
  padding: 0 3px; }

.breadcrumb .breadcrumb-text {
  margin-left: -4px; }

.breadcrumb .btn-actions {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #6F6F76;
  font-size: 1.6rem;
  height: 28px;
  line-height: 1.8em;
  margin-right: 0;
  min-height: 28px;
  min-width: 28px;
  width: 28px; }

.breadcrumb .breadcrumb-overflow-container {
  display: none;
  white-space: nowrap; }

.breadcrumb .breadcrumb-list,
.breadcrumb ol {
  min-height: 2.8rem;
  position: relative;
  vertical-align: middle; }
  .breadcrumb .breadcrumb-list::before,
  .breadcrumb ol::before {
    -webkit-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    background-color: transparent;
    content: '';
    display: inline-block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 20; }
  .breadcrumb .breadcrumb-list li,
  .breadcrumb ol li {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #6F6F76;
    display: inline-block;
    list-style: none; }
    .breadcrumb .breadcrumb-list li span,
    .breadcrumb ol li span {
      color: #6F6F76; }
    .breadcrumb .breadcrumb-list li.is-disabled span,
    .breadcrumb ol li.is-disabled span {
      color: #C5C5C9; }
    .breadcrumb .breadcrumb-list li.is-disabled .hyperlink,
    .breadcrumb ol li.is-disabled .hyperlink {
      color: #C5C5C9; }
    .breadcrumb .breadcrumb-list li .current, .breadcrumb .breadcrumb-list li.current,
    .breadcrumb ol li .current,
    .breadcrumb ol li.current {
      font-size: 1.6rem;
      font-weight: 600; }
      .breadcrumb .breadcrumb-list li .current .hyperlink:hover,
      .breadcrumb .breadcrumb-list li .current .breadcrumb-text:hover, .breadcrumb .breadcrumb-list li.current .hyperlink:hover,
      .breadcrumb .breadcrumb-list li.current .breadcrumb-text:hover,
      .breadcrumb ol li .current .hyperlink:hover,
      .breadcrumb ol li .current .breadcrumb-text:hover,
      .breadcrumb ol li.current .hyperlink:hover,
      .breadcrumb ol li.current .breadcrumb-text:hover {
        color: #6F6F76; }
      .breadcrumb .breadcrumb-list li .current span, .breadcrumb .breadcrumb-list li.current span,
      .breadcrumb ol li .current span,
      .breadcrumb ol li.current span {
        font-weight: inherit; }
      .breadcrumb .breadcrumb-list li .current.is-disabled span, .breadcrumb .breadcrumb-list li.current.is-disabled span,
      .breadcrumb ol li .current.is-disabled span,
      .breadcrumb ol li.current.is-disabled span {
        color: #C5C5C9; }
      .breadcrumb .breadcrumb-list li .current .hyperlink[disabled], .breadcrumb .breadcrumb-list li.current .hyperlink[disabled],
      .breadcrumb ol li .current .hyperlink[disabled],
      .breadcrumb ol li.current .hyperlink[disabled] {
        color: #C5C5C9; }
    .breadcrumb .breadcrumb-list li:first-child .hyperlink,
    .breadcrumb .breadcrumb-list li:first-child .breadcrumb-text,
    .breadcrumb ol li:first-child .hyperlink,
    .breadcrumb ol li:first-child .breadcrumb-text {
      margin-left: 0; }

.breadcrumb.no-truncate .breadcrumb-list li:first-child .hyperlink,
.breadcrumb.no-truncate .breadcrumb-list li:first-child .breadcrumb-text,
.breadcrumb.no-truncate ol li:first-child .hyperlink,
.breadcrumb.no-truncate ol li:first-child .breadcrumb-text {
  margin-left: -4px; }

.breadcrumb .breadcrumb-list li::after,
.breadcrumb ol li::after,
.breadcrumb .breadcrumb-overflow-container::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #6F6F76;
  content: '\002F';
  font-size: 1.6rem;
  padding-left: 4px;
  padding-right: 8px; }

.breadcrumb .breadcrumb-list li:last-child::after,
.breadcrumb ol li:last-child::after,
.breadcrumb .breadcrumb-overflow-container:last-child::after {
  content: none;
  padding: 0; }

.breadcrumb.truncated {
  align-items: center;
  display: flex;
  font-size: 0;
  position: relative; }
  .breadcrumb.truncated .breadcrumb-list li,
  .breadcrumb.truncated ol li,
  .breadcrumb.truncated .breadcrumb-overflow-container {
    display: inline-block; }
    .breadcrumb.truncated .breadcrumb-list li::after,
    .breadcrumb.truncated ol li::after,
    .breadcrumb.truncated .breadcrumb-overflow-container::after {
      display: inline-block;
      margin-top: 4px;
      padding-right: 4px;
      vertical-align: top; }
  .breadcrumb.truncated .breadcrumb-overflow-container > .btn-actions {
    flex-shrink: 0;
    height: auto;
    vertical-align: middle; }
  .breadcrumb.truncated .breadcrumb-list,
  .breadcrumb.truncated ol {
    display: flex;
    justify-content: flex-end;
    overflow: hidden; }
    .breadcrumb.truncated .breadcrumb-list::before,
    .breadcrumb.truncated ol::before {
      background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
      width: 32px; }
    .breadcrumb.truncated .breadcrumb-list li,
    .breadcrumb.truncated ol li {
      font-size: 0;
      padding-left: 6px;
      white-space: nowrap; }
      .breadcrumb.truncated .breadcrumb-list li a,
      .breadcrumb.truncated .breadcrumb-list li .breadcrumb-text,
      .breadcrumb.truncated ol li a,
      .breadcrumb.truncated ol li .breadcrumb-text {
        overflow: hidden;
        text-overflow: ellipsis;
        width: calc(100% - 7px); }
      .breadcrumb.truncated .breadcrumb-list li:first-child, .breadcrumb.truncated .breadcrumb-list li.current, .breadcrumb.truncated .breadcrumb-list li:last-child,
      .breadcrumb.truncated ol li:first-child,
      .breadcrumb.truncated ol li.current,
      .breadcrumb.truncated ol li:last-child {
        flex-shrink: 0; }
        .breadcrumb.truncated .breadcrumb-list li:first-child a,
        .breadcrumb.truncated .breadcrumb-list li:first-child .breadcrumb-text, .breadcrumb.truncated .breadcrumb-list li.current a,
        .breadcrumb.truncated .breadcrumb-list li.current .breadcrumb-text, .breadcrumb.truncated .breadcrumb-list li:last-child a,
        .breadcrumb.truncated .breadcrumb-list li:last-child .breadcrumb-text,
        .breadcrumb.truncated ol li:first-child a,
        .breadcrumb.truncated ol li:first-child .breadcrumb-text,
        .breadcrumb.truncated ol li.current a,
        .breadcrumb.truncated ol li.current .breadcrumb-text,
        .breadcrumb.truncated ol li:last-child a,
        .breadcrumb.truncated ol li:last-child .breadcrumb-text {
          text-overflow: clip;
          width: auto; }
      .breadcrumb.truncated .breadcrumb-list li:last-child a,
      .breadcrumb.truncated .breadcrumb-list li:last-child .breadcrumb-text,
      .breadcrumb.truncated ol li:last-child a,
      .breadcrumb.truncated ol li:last-child .breadcrumb-text {
        margin-right: 4px;
        overflow: hidden; }

.breadcrumb span,
.breadcrumb .hyperlink,
.breadcrumb .breadcrumb-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #6F6F76;
  font-size: 1.6rem;
  line-height: 2em;
  padding-top: 1px;
  text-decoration: none; }

.breadcrumb .hyperlink:visited,
.breadcrumb .breadcrumb-text:visited {
  color: #6F6F76; }

.breadcrumb .hyperlink:hover,
.breadcrumb .breadcrumb-text:hover {
  color: #0072ED; }

.breadcrumb .hyperlink:focus,
.breadcrumb .breadcrumb-text:focus {
  border-radius: 2px;
  color: #0072ED; }

.breadcrumb .hyperlink:active,
.breadcrumb .breadcrumb-text:active {
  color: #0072ED; }

.breadcrumb .hyperlink.current,
.breadcrumb .breadcrumb-text.current {
  font-weight: 600; }

.breadcrumb .hyperlink[disabled],
.breadcrumb .breadcrumb-text[disabled] {
  color: #C5C5C9; }

.breadcrumb .hyperlink:focus:hover {
  border-bottom: 1px solid #0072ED; }

.breadcrumb .hyperlink:active {
  border-bottom: 1px solid #0072ED; }

.breadcrumb .is-disabled span,
.breadcrumb .is-disabled .hyperlink,
.breadcrumb .is-disabled .breadcrumb-text {
  color: #C5C5C9; }
  .breadcrumb .is-disabled span:hover,
  .breadcrumb .is-disabled .hyperlink:hover,
  .breadcrumb .is-disabled .breadcrumb-text:hover {
    color: #C5C5C9; }

.breadcrumb .is-disabled .hyperlink:hover {
  border-bottom: 0; }

.breadcrumb .is-disabled .hyperlink:focus:hover {
  border-bottom: 0;
  color: #C5C5C9; }

.breadcrumb .is-disabled .hyperlink.active {
  border-bottom: 0; }

.toolbar .breadcrumb-list,
.toolbar ol {
  min-height: 0; }

.toolbar .breadcrumb {
  display: inline-block;
  padding-top: 8px;
  vertical-align: top; }
  .toolbar .breadcrumb a,
  .toolbar .breadcrumb span {
    font-size: 1.6rem; }

.breadcrumb.hitbox.truncated .breadcrumb-list li a.breadcrumb-text-truncated {
  top: 0; }

.scrollable-flex-header .breadcrumb {
  background-color: #0072ED;
  display: block;
  padding: 1px 10px 0; }
  .scrollable-flex-header .breadcrumb.truncated.hitbox ol.breadcrumb-list li.breadcrumb-item {
    padding-left: 0; }
    .scrollable-flex-header .breadcrumb.truncated.hitbox ol.breadcrumb-list li.breadcrumb-item::after {
      margin-top: 5px; }
    .scrollable-flex-header .breadcrumb.truncated.hitbox ol.breadcrumb-list li.breadcrumb-item .hyperlink,
    .scrollable-flex-header .breadcrumb.truncated.hitbox ol.breadcrumb-list li.breadcrumb-item .breadcrumb-text {
      overflow: initial;
      text-align: center; }
  .scrollable-flex-header .breadcrumb.truncated.hitbox .breadcrumb-overflow-container::after {
    margin-top: 7px; }
  .scrollable-flex-header .breadcrumb .hyperlink,
  .scrollable-flex-header .breadcrumb .breadcrumb-text {
    border: 1px solid transparent;
    color: #F5F5F5; }
    .scrollable-flex-header .breadcrumb .hyperlink:active:not([disabled]), .scrollable-flex-header .breadcrumb .hyperlink:hover:not([disabled]), .scrollable-flex-header .breadcrumb .hyperlink:focus:not([disabled]),
    .scrollable-flex-header .breadcrumb .breadcrumb-text:active:not([disabled]),
    .scrollable-flex-header .breadcrumb .breadcrumb-text:hover:not([disabled]),
    .scrollable-flex-header .breadcrumb .breadcrumb-text:focus:not([disabled]) {
      color: #F5F5F5; }
    .scrollable-flex-header .breadcrumb .hyperlink:hover:not([disabled]),
    .scrollable-flex-header .breadcrumb .breadcrumb-text:hover:not([disabled]) {
      border-bottom: 1px solid #F5F5F5;
      color: #F5F5F5; }
    .scrollable-flex-header .breadcrumb .hyperlink:focus:not([disabled]),
    .scrollable-flex-header .breadcrumb .breadcrumb-text:focus:not([disabled]) {
      border-radius: 8px;
      border: 1px solid #F5F5F5; }
    .scrollable-flex-header .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus),
    .scrollable-flex-header .breadcrumb .breadcrumb-text:focus:not([disabled]):not(.hide-focus) {
      border-color: transparent;
      box-shadow: none;
      outline: 1px solid #F5F5F5; }
  .scrollable-flex-header .breadcrumb .btn-actions .icon {
    color: #F5F5F5; }
  .scrollable-flex-header .breadcrumb .btn-actions:focus:not(.hide-focus) {
    box-shadow: 0 0 0 2px transparent, 0 0 0 1px #F5F5F5, 0 0 1px 2px rgba(245, 245, 245, 0.3); }
  .scrollable-flex-header .breadcrumb .breadcrumb-list,
  .scrollable-flex-header .breadcrumb ol {
    padding-bottom: 15px;
    padding-top: 15px; }
    .scrollable-flex-header .breadcrumb .breadcrumb-list li,
    .scrollable-flex-header .breadcrumb ol li {
      color: #F5F5F5; }
      .scrollable-flex-header .breadcrumb .breadcrumb-list li::after,
      .scrollable-flex-header .breadcrumb ol li::after {
        color: #F5F5F5; }
  .scrollable-flex-header .breadcrumb .breadcrumb-overflow-container::after {
    color: #F5F5F5;
    margin-top: 9px; }
  .scrollable-flex-header .breadcrumb.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #C5C5C9; }
    .scrollable-flex-header .breadcrumb.alternate .hyperlink,
    .scrollable-flex-header .breadcrumb.alternate .breadcrumb-text {
      color: #28282A; }
      .scrollable-flex-header .breadcrumb.alternate .hyperlink:active:not([disabled]), .scrollable-flex-header .breadcrumb.alternate .hyperlink:hover:not([disabled]), .scrollable-flex-header .breadcrumb.alternate .hyperlink:focus:not([disabled]),
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-text:active:not([disabled]),
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-text:hover:not([disabled]),
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-text:focus:not([disabled]) {
        color: #28282A; }
      .scrollable-flex-header .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus),
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-text:focus:not([disabled]):not(.hide-focus) {
        outline: 1px solid #28282A; }
      .scrollable-flex-header .breadcrumb.alternate .hyperlink:focus:not([disabled]),
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-text:focus:not([disabled]) {
        border: 1px solid #28282A; }
      .scrollable-flex-header .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-text:hover:not([disabled]) {
        border-bottom: 1px solid #28282A; }
    .scrollable-flex-header .breadcrumb.alternate .btn-actions .icon {
      color: #28282A; }
    .scrollable-flex-header .breadcrumb.alternate .btn-actions:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px transparent, 0 0 0 1px #28282A, 0 0 1px 2px rgba(40, 40, 42, 0.3); }
    .scrollable-flex-header .breadcrumb.alternate .breadcrumb-list,
    .scrollable-flex-header .breadcrumb.alternate ol {
      padding: 15px 0; }
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-list::before,
      .scrollable-flex-header .breadcrumb.alternate ol::before {
        background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
      .scrollable-flex-header .breadcrumb.alternate .breadcrumb-list li,
      .scrollable-flex-header .breadcrumb.alternate ol li {
        color: #28282A; }
        .scrollable-flex-header .breadcrumb.alternate .breadcrumb-list li::after,
        .scrollable-flex-header .breadcrumb.alternate ol li::after {
          color: #28282A; }
    .scrollable-flex-header .breadcrumb.alternate .breadcrumb-overflow-container::after {
      color: #28282A; }
  .scrollable-flex-header .breadcrumb.truncated {
    display: flex; }
    .scrollable-flex-header .breadcrumb.truncated .breadcrumb-list::before,
    .scrollable-flex-header .breadcrumb.truncated ol::before {
      background-image: linear-gradient(to right, #0072ed, rgba(0, 114, 237, 0)); }
    .scrollable-flex-header .breadcrumb.truncated.alternate .breadcrumb-list::before,
    .scrollable-flex-header .breadcrumb.truncated.alternate ol::before {
      background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }

.header + .page-container .scrollable-flex-header .breadcrumb:not(.alternate) {
  background-color: #0066D4; }
  .header + .page-container .scrollable-flex-header .breadcrumb:not(.alternate).truncated .breadcrumb-list::before,
  .header + .page-container .scrollable-flex-header .breadcrumb:not(.alternate).truncated ol::before {
    background-image: linear-gradient(to right, #0066d4, rgba(0, 102, 212, 0)); }

html[dir='rtl'] .header + .page-container .scrollable-flex-header .breadcrumb:not(.alternate).truncated .breadcrumb-list::before,
html[dir='rtl'] .header + .page-container .scrollable-flex-header .breadcrumb:not(.alternate).truncated ol::before {
  background-image: linear-gradient(to left, #0066d4, rgba(0, 102, 212, 0)); }

html[dir='rtl'] .breadcrumb .breadcrumb-text {
  margin-left: 0;
  margin-right: -4px; }

html[dir='rtl'] .breadcrumb li::after,
html[dir='rtl'] .breadcrumb-overflow-container::after {
  content: '\005C';
  padding-left: 8px;
  padding-right: 4px; }

html[dir='rtl'] .breadcrumb li:last-child::after,
html[dir='rtl'] .breadcrumb-overflow-container:last-child::after {
  content: '';
  display: inline-block; }

html[dir='rtl'] .breadcrumb li:first-child .hyperlink,
html[dir='rtl'] .breadcrumb li:first-child .breadrcrumb-text,
html[dir='rtl'] .breadcrumb-overflow-container:first-child .hyperlink,
html[dir='rtl'] .breadcrumb-overflow-container:first-child .breadrcrumb-text {
  margin-right: 0; }

html[dir='rtl'] .breadcrumb-list::before,
html[dir='rtl'] ol::before {
  left: auto;
  right: 0; }

html[dir='rtl'] .breadcrumb.no-truncate .breadcrumb-list li:first-child .hyperlink,
html[dir='rtl'] .breadcrumb.no-truncate .breadcrumb-list li:first-child .breadcrumb-text,
html[dir='rtl'] .breadcrumb.no-truncate ol li:first-child .hyperlink,
html[dir='rtl'] .breadcrumb.no-truncate ol li:first-child .breadcrumb-text {
  margin-right: -4px; }

html[dir='rtl'] .breadcrumb.truncated .breadcrumb-list::before,
html[dir='rtl'] .breadcrumb.truncated ol::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }

html[dir='rtl'] .breadcrumb.truncated .breadcrumb-list li,
html[dir='rtl'] .breadcrumb.truncated ol li {
  padding-left: 0;
  padding-right: 4px; }
  html[dir='rtl'] .breadcrumb.truncated .breadcrumb-list li::after,
  html[dir='rtl'] .breadcrumb.truncated ol li::after {
    content: '\005C';
    padding-left: 4px; }
  html[dir='rtl'] .breadcrumb.truncated .breadcrumb-list li a,
  html[dir='rtl'] .breadcrumb.truncated .breadcrumb-list li .breadcrumb-text,
  html[dir='rtl'] .breadcrumb.truncated ol li a,
  html[dir='rtl'] .breadcrumb.truncated ol li .breadcrumb-text {
    margin-right: 0; }
  html[dir='rtl'] .breadcrumb.truncated .breadcrumb-list li:last-child::after,
  html[dir='rtl'] .breadcrumb.truncated ol li:last-child::after {
    content: ''; }

html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated .breadcrumb-list li::after,
html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated ol li::after {
  margin-top: 5px; }

html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated .breadcrumb-overflow-container::after {
  margin-top: 7px; }

html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated .breadcrumb-list::before,
html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated ol::before {
  background-image: linear-gradient(to right, rgba(0, 114, 237, 0), #0072ed); }

html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated.alternate .breadcrumb-list::before,
html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated.alternate ol::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }

.breadcrumb.hitbox ol.breadcrumb-list li a.hyperlink::after,
.breadcrumb.hitbox ol.breadcrumb-list li span.breadcrumb-text::after {
  top: -15px; }

.breadcrumb .hyperlink,
.breadcrumb .breadcrumb-text,
.breadcrumb li > span {
  font-size: 14px;
  line-height: 1.6em; }

.breadcrumb .btn-actions {
  line-height: 1.6em; }

.breadcrumb .breadcrumb-list li .current, .breadcrumb .breadcrumb-list li.current,
.breadcrumb ol li .current,
.breadcrumb ol li.current {
  font-size: 14px;
  color: #ffffff; }

.breadcrumb.truncated .breadcrumb-list li::after,
.breadcrumb.truncated .breadcrumb-overflow-container::after {
  font-size: 1.2rem;
  margin-top: 4px; }

.scrollable-flex-header .breadcrumb .hyperlink,
.scrollable-flex-header .breadcrumb .breadcrumb-text,
.scrollable-flex-header .breadcrumb li > span {
  line-height: 1.5em; }

.scrollable-flex-header .breadcrumb.truncated .breadcrumb-overflow-container::after {
  margin-top: 6px; }

.scrollable-flex-header .breadcrumb.truncated.hitbox ol.breadcrumb-list li.breadcrumb-item::after {
  margin-top: 4px; }

.scrollable-flex-header .breadcrumb.truncated.hitbox .breadcrumb-overflow-container::after {
  margin-top: 6px; }

html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated .breadcrumb-list li::after {
  margin-top: 4px; }

html[dir='rtl'] .scrollable-flex-header .breadcrumb.truncated .breadcrumb-overflow-container::after {
  margin-top: 6px; }

/* stylelint-disable function-url-quotes */
button {
  background-color: transparent;
  margin-right: 5px; }
  button:last-child {
    margin-right: 0; }

.btn-icon .notification-badge-container .notification-dot {
  display: block !important; }
  .btn-icon .notification-badge-container .notification-dot.notification-dot-upper-right {
    right: 7px;
    top: 4px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%; }
  .btn-icon .notification-badge-container .notification-dot.notification-dot-upper-left {
    top: 4px;
    left: -16px;
    transform: scale(1) translate(-50%, -50%);
    transform-origin: 0% 0%; }
  .btn-icon .notification-badge-container .notification-dot.notification-dot-lower-right {
    top: 11px;
    left: -8px;
    transform: scale(1) translate(50%, 50%);
    transform-origin: 0% 100%; }
  .btn-icon .notification-badge-container .notification-dot.notification-dot-lower-left {
    top: 11px;
    left: -16px;
    transform: scale(1) translate(-50%, 50%);
    transform-origin: 0% 100%; }

.btn-icon.application-menu-trigger svg.icon {
  height: 18px;
  top: 1px;
  width: 18px; }
  .btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-upper-left {
    left: -22px;
    top: 5px; }
  .btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-upper-right {
    right: 5px;
    top: 5px; }
  .btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-lower-left {
    left: -22px;
    top: 13px; }
  .btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-lower-right {
    top: 13px; }

.btn-primary .notification-badge-container,
.btn-secondary .notification-badge-container,
.btn-tertiary .notification-badge-container {
  display: unset; }
  .btn-primary .notification-badge-container .notification-dot,
  .btn-secondary .notification-badge-container .notification-dot,
  .btn-tertiary .notification-badge-container .notification-dot {
    display: block !important; }
    .btn-primary .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-secondary .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-tertiary .notification-badge-container .notification-dot.notification-dot-upper-right {
      right: 10px;
      top: 3px;
      transform: scale(1) translate(50%, -50%);
      transform-origin: 100% 0%; }
    .btn-primary .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-secondary .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-tertiary .notification-badge-container .notification-dot.notification-dot-upper-left {
      top: 3px;
      left: -16px;
      transform: scale(1) translate(-50%, -50%);
      transform-origin: 0% 0%; }
    .btn-primary .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-secondary .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-tertiary .notification-badge-container .notification-dot.notification-dot-lower-right {
      top: 10px;
      left: -8px;
      transform: scale(1) translate(50%, 50%);
      transform-origin: 0% 100%; }
    .btn-primary .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-secondary .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-tertiary .notification-badge-container .notification-dot.notification-dot-lower-left {
      top: 10px;
      left: -16px;
      transform: scale(1) translate(-50%, 50%);
      transform-origin: 0% 100%; }

.dot-flashing-container {
  display: flex;
  position: relative;
  flex-direction: row;
  gap: 2px; }
  .dot-flashing-container .dot {
    display: inline-flex;
    position: relative;
    width: 3px;
    height: 3px;
    border-radius: 5px;
    background-color: #fff;
    color: #fff; }
    .dot-flashing-container .dot:nth-child(1) {
      animation: dot-flashing 1s infinite alternate;
      animation-delay: 0s; }
    .dot-flashing-container .dot:nth-child(2) {
      animation: dot-flashing 1s infinite linear alternate;
      animation-delay: 0.5s; }
    .dot-flashing-container .dot:nth-child(3) {
      animation: dot-flashing 1s infinite alternate;
      animation-delay: 1s; }

@keyframes dot-flashing {
  0% {
    background-color: #ffffff; }
  50%, 100% {
    background-color: rgba(255, 255, 255, 0.4); } }

@keyframes dot-flashing-colors {
  0% {
    background-color: #0B9789; }
  50%, 100% {
    background-color: #1A3362; } }

.btn-icon.btn-generative {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
  border: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center; }
  .btn-icon.btn-generative:hover {
    background: linear-gradient(107deg, #1A3362 17.32%, #0B9789 95.32%); }
    .btn-icon.btn-generative:hover svg.icon {
      color: #ffffff !important; }
  .btn-icon.btn-generative:active {
    background: linear-gradient(107deg, #0B9789 5.97%, #1A3362 102.35%); }
  .btn-icon.btn-generative[disabled] {
    background: linear-gradient(107deg, rgba(37, 74, 146, 0.5) 17.32%, rgba(16, 183, 166, 0.5) 95.32%);
    background-color: #ffffff !important;
    color: #ffffff !important; }
    .btn-icon.btn-generative[disabled]:hover {
      background: linear-gradient(107deg, rgba(37, 74, 146, 0.5) 17.32%, rgba(16, 183, 166, 0.5) 95.32%);
      background-color: #ffffff !important; }
  .btn-icon.btn-generative svg.icon {
    color: #ffffff;
    margin-top: 0; }
  .btn-icon.btn-generative .ai-loading-indicator {
    width: 30px; }

.btn-primary.btn-generative {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
  border: none !important;
  color: #ffffff;
  padding: 0 24px !important;
  display: flex;
  align-items: center;
  gap: 6px; }
  .btn-primary.btn-generative:hover {
    border-radius: 8px;
    background: linear-gradient(107deg, #1A3362 17.32%, #0B9789 95.32%); }
  .btn-primary.btn-generative:active {
    background: linear-gradient(107deg, #0B9789 5.97%, #1A3362 102.35%); }
  .btn-primary.btn-generative[disabled] {
    background: linear-gradient(107deg, rgba(37, 74, 146, 0.5) 17.32%, rgba(16, 183, 166, 0.5) 95.32%);
    background-color: #ffffff !important;
    color: #ffffff !important; }
    .btn-primary.btn-generative[disabled]:hover {
      background: linear-gradient(107deg, rgba(37, 74, 146, 0.5) 17.32%, rgba(16, 183, 166, 0.5) 95.32%);
      background-color: #ffffff !important; }
  .btn-primary.btn-generative .icon {
    color: #ffffff; }
  .btn-primary.btn-generative span ~ svg.icon {
    margin-top: 0; }

.btn-primary.btn-generative > svg.icon {
  margin-top: 0 !important; }

.btn-tertiary.btn-generative {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px; }
  .btn-tertiary.btn-generative:hover {
    background: linear-gradient(107deg, #1A3362 17.32%, #0B9789 95.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .btn-tertiary.btn-generative:hover:active svg.icon linearGradient#paint-linear stop:first-child {
      stop-color: #0B9789; }
    .btn-tertiary.btn-generative:hover:active svg.icon linearGradient#paint-linear stop:last-child {
      stop-color: #1A3362; }
  .btn-tertiary.btn-generative:active {
    background: linear-gradient(107deg, #0B9789 5.97%, #1A3362 102.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .btn-tertiary.btn-generative:active svg.icon linearGradient#paint-linear stop:first-child {
      stop-color: #0B9789; }
    .btn-tertiary.btn-generative:active svg.icon linearGradient#paint-linear stop:last-child {
      stop-color: #1A3362; }
  .btn-tertiary.btn-generative[disabled] {
    background: linear-gradient(107deg, rgba(37, 74, 146, 0.5) 17.32%, rgba(16, 183, 166, 0.5) 95.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .btn-tertiary.btn-generative[disabled] svg.icon {
      opacity: 0.5; }
      .btn-tertiary.btn-generative[disabled] svg.icon linearGradient#paint-linear-disabled stop:first-child {
        stop-color: #254A92; }
      .btn-tertiary.btn-generative[disabled] svg.icon linearGradient#paint-linear-disabled stop:last-child {
        stop-color: #10B7A6; }
  .btn-tertiary.btn-generative:hover svg.icon linearGradient#paint-linear stop:first-child {
    stop-color: #1A3362; }
  .btn-tertiary.btn-generative:hover svg.icon linearGradient#paint-linear stop:last-child {
    stop-color: #0B9789; }
  .btn-tertiary.btn-generative svg.icon {
    margin-top: 0; }
    .btn-tertiary.btn-generative svg.icon linearGradient#paint-linear stop:first-child {
      stop-color: #254A92; }
    .btn-tertiary.btn-generative svg.icon linearGradient#paint-linear stop:last-child {
      stop-color: #10B7A6; }
  .btn-tertiary.btn-generative.loading {
    background: linear-gradient(107deg, #0B9789 5.97%, #1A3362 102.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex; }
  .btn-tertiary.btn-generative .dot-flashing-container .dot:nth-child(1) {
    animation: dot-flashing-colors 1s infinite alternate;
    animation-delay: 0s; }
  .btn-tertiary.btn-generative .dot-flashing-container .dot:nth-child(2) {
    animation: dot-flashing-colors 1s infinite linear alternate;
    animation-delay: 0.5s; }
  .btn-tertiary.btn-generative .dot-flashing-container .dot:nth-child(3) {
    animation: dot-flashing-colors 1s infinite alternate;
    animation-delay: 1s; }

.original-svg,
.hover-svg {
  position: absolute;
  top: 0;
  left: 0; }

.hover-svg {
  opacity: 0; }

.btn-tertiary.btn-generative:hover .original-svg:not(.active-effect) {
  opacity: 0; }

.btn-tertiary.btn-generative:hover .hover-svg {
  opacity: 1; }

[class^='btn'],
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-generative {
  -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;
  -webkit-transition: 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);
  -o-transition: 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);
  transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  height: 34px;
  line-height: normal;
  min-width: 75px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: auto; }
  [class^='btn'] > *,
  .btn-primary > *,
  .btn-secondary > *,
  .btn-tertiary > *,
  .btn-generative > * {
    vertical-align: middle; }
  [class^='btn'] > svg,
  .btn-primary > svg,
  .btn-secondary > svg,
  .btn-tertiary > svg,
  .btn-generative > svg {
    pointer-events: none; }
  [class^='btn'] > .icon,
  .btn-primary > .icon,
  .btn-secondary > .icon,
  .btn-tertiary > .icon,
  .btn-generative > .icon {
    color: inherit;
    position: static;
    width: 18px; }
    [class^='btn'] > .icon + span.notification-badge-container,
    .btn-primary > .icon + span.notification-badge-container,
    .btn-secondary > .icon + span.notification-badge-container,
    .btn-tertiary > .icon + span.notification-badge-container,
    .btn-generative > .icon + span.notification-badge-container {
      padding-left: 3px; }
    [class^='btn'] > .icon + span:not(.audible):not(:empty),
    .btn-primary > .icon + span:not(.audible):not(:empty),
    .btn-secondary > .icon + span:not(.audible):not(:empty),
    .btn-tertiary > .icon + span:not(.audible):not(:empty),
    .btn-generative > .icon + span:not(.audible):not(:empty) {
      padding-left: 3px; }
    [class^='btn'] > .icon + * + span:not(.notification-badge-container),
    .btn-primary > .icon + * + span:not(.notification-badge-container),
    .btn-secondary > .icon + * + span:not(.notification-badge-container),
    .btn-tertiary > .icon + * + span:not(.notification-badge-container),
    .btn-generative > .icon + * + span:not(.notification-badge-container) {
      padding-left: 0; }
    [class^='btn'] > .icon + .icon,
    .btn-primary > .icon + .icon,
    .btn-secondary > .icon + .icon,
    .btn-tertiary > .icon + .icon,
    .btn-generative > .icon + .icon {
      margin-left: 0; }
  [class^='btn'].custom-button > .icon,
  .btn-primary.custom-button > .icon,
  .btn-secondary.custom-button > .icon,
  .btn-tertiary.custom-button > .icon,
  .btn-generative.custom-button > .icon {
    position: relative; }
  [class^='btn'] .icon,
  .btn-primary .icon,
  .btn-secondary .icon,
  .btn-tertiary .icon,
  .btn-generative .icon {
    -webkit-transition: 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);
    -o-transition: 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);
    transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  [class^='btn'].half-width,
  .btn-primary.half-width,
  .btn-secondary.half-width,
  .btn-tertiary.half-width,
  .btn-generative.half-width {
    padding: 0 30px;
    width: 50%; }
    @media (max-width: 400px) {
      [class^='btn'].half-width,
      .btn-primary.half-width,
      .btn-secondary.half-width,
      .btn-tertiary.half-width,
      .btn-generative.half-width {
        text-overflow: ellipsis; } }
  [class^='btn'].full-width,
  .btn-primary.full-width,
  .btn-secondary.full-width,
  .btn-tertiary.full-width,
  .btn-generative.full-width {
    padding: 0 30px;
    width: 100%; }
  [class^='btn'].btn-full-width,
  .btn-primary.btn-full-width,
  .btn-secondary.btn-full-width,
  .btn-tertiary.btn-full-width,
  .btn-generative.btn-full-width {
    width: 100%; }
  [class^='btn'] span,
  .btn-primary span,
  .btn-secondary span,
  .btn-tertiary span,
  .btn-generative span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    pointer-events: none; }
    [class^='btn'] span.audible + .icon, [class^='btn'] span:empty + .icon,
    .btn-primary span.audible + .icon,
    .btn-primary span:empty + .icon,
    .btn-secondary span.audible + .icon,
    .btn-secondary span:empty + .icon,
    .btn-tertiary span.audible + .icon,
    .btn-tertiary span:empty + .icon,
    .btn-generative span.audible + .icon,
    .btn-generative 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):not(.swatch),
    .btn-primary span:empty:not(.icon):not(.one):not(.two):not(.three):not(.four):not(.five):not(.six):not(.seven):not(.eight):not(.nine):not(.swatch),
    .btn-secondary span:empty:not(.icon):not(.one):not(.two):not(.three):not(.four):not(.five):not(.six):not(.seven):not(.eight):not(.nine):not(.swatch),
    .btn-tertiary span:empty:not(.icon):not(.one):not(.two):not(.three):not(.four):not(.five):not(.six):not(.seven):not(.eight):not(.nine):not(.swatch),
    .btn-generative span:empty:not(.icon):not(.one):not(.two):not(.three):not(.four):not(.five):not(.six):not(.seven):not(.eight):not(.nine):not(.swatch) {
      display: none; }
  [class^='btn'] span.audible + .notification-badge-container .notification-dot,
  .btn-primary span.audible + .notification-badge-container .notification-dot,
  .btn-secondary span.audible + .notification-badge-container .notification-dot,
  .btn-tertiary span.audible + .notification-badge-container .notification-dot,
  .btn-generative span.audible + .notification-badge-container .notification-dot {
    display: block !important; }
    [class^='btn'] span.audible + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-primary span.audible + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-secondary span.audible + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-tertiary span.audible + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-generative span.audible + .notification-badge-container .notification-dot.notification-dot-upper-right {
      right: 9px;
      top: 9px;
      transform: scale(1) translate(50%, -50%);
      transform-origin: 100% 0%; }
    [class^='btn'] span.audible + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-primary span.audible + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-secondary span.audible + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-tertiary span.audible + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-generative span.audible + .notification-badge-container .notification-dot.notification-dot-upper-left {
      top: 9px;
      left: -24px;
      transform: scale(1) translate(-50%, -50%);
      transform-origin: 0% 0%; }
    [class^='btn'] span.audible + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-primary span.audible + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-secondary span.audible + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-tertiary span.audible + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-generative span.audible + .notification-badge-container .notification-dot.notification-dot-lower-right {
      top: 16px;
      left: -14px;
      transform: scale(1) translate(50%, 50%);
      transform-origin: 0% 100%; }
    [class^='btn'] span.audible + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-primary span.audible + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-secondary span.audible + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-tertiary span.audible + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-generative span.audible + .notification-badge-container .notification-dot.notification-dot-lower-left {
      top: 16px;
      left: -24px;
      transform: scale(1) translate(-50%, 50%);
      transform-origin: 0% 100%; }
  [class^='btn'] .icon.app-header + .notification-badge-container .notification-dot,
  .btn-primary .icon.app-header + .notification-badge-container .notification-dot,
  .btn-secondary .icon.app-header + .notification-badge-container .notification-dot,
  .btn-tertiary .icon.app-header + .notification-badge-container .notification-dot,
  .btn-generative .icon.app-header + .notification-badge-container .notification-dot {
    display: block !important; }
    [class^='btn'] .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-primary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-secondary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-tertiary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-right,
    .btn-generative .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-right {
      right: 13px;
      top: 9px;
      transform: scale(1) translate(50%, -50%);
      transform-origin: 100% 0%; }
    [class^='btn'] .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-primary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-secondary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-tertiary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-left,
    .btn-generative .icon.app-header + .notification-badge-container .notification-dot.notification-dot-upper-left {
      top: 9px;
      left: -24px;
      transform: scale(1) translate(-50%, -50%);
      transform-origin: 0% 0%; }
    [class^='btn'] .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-primary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-secondary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-tertiary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-right,
    .btn-generative .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-right {
      top: 16px;
      left: -14px;
      transform: scale(1) translate(50%, 50%);
      transform-origin: 0% 100%; }
    [class^='btn'] .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-primary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-secondary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-tertiary .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-left,
    .btn-generative .icon.app-header + .notification-badge-container .notification-dot.notification-dot-lower-left {
      top: 16px;
      left: -24px;
      transform: scale(1) translate(-50%, 50%);
      transform-origin: 0% 100%; }
  [class^='btn'].stackable,
  .btn-primary.stackable,
  .btn-secondary.stackable,
  .btn-tertiary.stackable,
  .btn-generative.stackable {
    margin-bottom: 10px;
    width: 100%; }
    [class^='btn'].stackable:last-child,
    .btn-primary.stackable:last-child,
    .btn-secondary.stackable:last-child,
    .btn-tertiary.stackable:last-child,
    .btn-generative.stackable:last-child {
      margin-bottom: 0; }
  [class^='btn'].no-padding,
  .btn-primary.no-padding,
  .btn-secondary.no-padding,
  .btn-tertiary.no-padding,
  .btn-generative.no-padding {
    padding-left: 0;
    padding-right: 0; }
  [class^='btn'][disabled], [class^='btn'][disabled]:hover,
  .btn-primary[disabled],
  .btn-primary[disabled]:hover,
  .btn-secondary[disabled],
  .btn-secondary[disabled]:hover,
  .btn-tertiary[disabled],
  .btn-tertiary[disabled]:hover,
  .btn-generative[disabled],
  .btn-generative[disabled]:hover {
    cursor: default; }
    [class^='btn'][disabled] .disabled-tooltip, [class^='btn'][disabled]:hover .disabled-tooltip,
    .btn-primary[disabled] .disabled-tooltip,
    .btn-primary[disabled]:hover .disabled-tooltip,
    .btn-secondary[disabled] .disabled-tooltip,
    .btn-secondary[disabled]:hover .disabled-tooltip,
    .btn-tertiary[disabled] .disabled-tooltip,
    .btn-tertiary[disabled]:hover .disabled-tooltip,
    .btn-generative[disabled] .disabled-tooltip,
    .btn-generative[disabled]:hover .disabled-tooltip {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
  [class^='btn'].hitbox,
  .btn-primary.hitbox,
  .btn-secondary.hitbox,
  .btn-tertiary.hitbox,
  .btn-generative.hitbox {
    overflow: visible; }
    [class^='btn'].hitbox span.hitbox-area,
    .btn-primary.hitbox span.hitbox-area,
    .btn-secondary.hitbox span.hitbox-area,
    .btn-tertiary.hitbox span.hitbox-area,
    .btn-generative.hitbox span.hitbox-area {
      display: block !important;
      height: 44px;
      left: -1px;
      min-width: 44px;
      overflow: hidden;
      position: absolute;
      pointer-events: auto !important;
      transform: translateY(-50%);
      top: 50%;
      width: calc(100% + 2px); }
    [class^='btn'].hitbox.btn-icon span.hitbox-area, [class^='btn'].hitbox.btn-actions span.hitbox-area,
    .btn-primary.hitbox.btn-icon span.hitbox-area,
    .btn-primary.hitbox.btn-actions span.hitbox-area,
    .btn-secondary.hitbox.btn-icon span.hitbox-area,
    .btn-secondary.hitbox.btn-actions span.hitbox-area,
    .btn-tertiary.hitbox.btn-icon span.hitbox-area,
    .btn-tertiary.hitbox.btn-actions span.hitbox-area,
    .btn-generative.hitbox.btn-icon span.hitbox-area,
    .btn-generative.hitbox.btn-actions span.hitbox-area {
      transform: translate(-4px, -50%); }

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

.btn-primary {
  background-color: #0072ED;
  border: 1px solid #0072ED;
  color: #ffffff; }
  .btn-primary.btn {
    color: #ffffff; }
  .btn-primary .icon {
    color: #ffffff; }
  .btn-primary.btn {
    color: #ffffff; }
  .btn-primary:hover {
    background-color: #0066D4;
    border: 1px solid #0066D4; }
    .btn-primary:hover.btn {
      color: #ffffff; }
  .btn-primary:active {
    background-color: #0066D4;
    border: 1px solid #0066D4;
    box-shadow: none; }
  .btn-primary:focus {
    border: 1px solid transparent; }
    .btn-primary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .btn-primary:focus:active {
      background-color: #0066D4;
      box-shadow: none; }
  .btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #8ABFF7;
    border-color: #8ABFF7;
    box-shadow: none;
    color: #ffffff; }
    .btn-primary[disabled] .icon, .btn-primary[disabled]:hover .icon {
      color: #ffffff; }
  .btn-primary .ripple-effect {
    background-color: #ffffff;
    opacity: 0.7;
    pointer-events: none; }
  .btn-primary.btn-menu {
    color: #ffffff; }
    .btn-primary.btn-menu .icon {
      color: #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 {
        color: #ffffff; }
  .btn-primary.destructive {
    background-color: #DA1217;
    border: 2px solid #DA1217;
    color: #ffffff; }
    .btn-primary.destructive:focus:not(:disabled) {
      border-color: #DA1217; }
    .btn-primary.destructive:hover:not(:disabled) {
      background-color: #C31014;
      border: 2px solid #C31014; }
    .btn-primary.destructive[disabled] {
      background-color: #E0E0E1;
      border-color: #E0E0E1;
      color: #BBBBBF; }

a.btn,
a.btn-icon,
a.btn-primary,
a.btn-secondary,
a.btn-tertiary,
a.btn-menu,
a.btn-close {
  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),
  a.btn-close: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,
  a.btn-close.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.btn {
    margin-right: -8px; }

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

.btn-secondary {
  background-color: transparent;
  border: 1px solid transparent;
  color: #3B3B3F; }
  .btn-secondary .icon {
    color: #3B3B3F; }
  .btn-secondary:hover {
    background-color: #BBBBBF;
    border: 1px solid #BBBBBF; }
  .btn-secondary:active {
    background-color: #BBBBBF;
    border: 1px solid #BBBBBF; }
  .btn-secondary:focus {
    border: 1px solid transparent; }
    .btn-secondary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .btn-secondary:focus:active {
      background-color: #BBBBBF;
      box-shadow: none; }
  .btn-secondary[disabled], .btn-secondary[disabled]:hover {
    background-color: #E0E0E1;
    border: 1px solid #E0E0E1;
    box-shadow: none;
    color: #3B3B3F;
    cursor: default; }
    .btn-secondary[disabled] .icon, .btn-secondary[disabled]:hover .icon {
      color: #3B3B3F; }
  .btn-secondary .ripple-effect {
    background: #E0E0E1; }
  .btn-secondary.btn-menu {
    color: #3B3B3F; }
    .btn-secondary.btn-menu .icon {
      color: #3B3B3F; }
    .btn-secondary.btn-menu:hover, .btn-secondary.btn-menu.is-open {
      color: #3B3B3F; }
      .btn-secondary.btn-menu:hover .icon, .btn-secondary.btn-menu.is-open .icon {
        color: #3B3B3F; }

.btn,
.btn-tertiary,
.btn-icon,
.btn-close,
.btn-actions,
.btn-menu {
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  color: #6F6F76;
  overflow: hidden; }
  .btn:hover,
  .btn-tertiary:hover,
  .btn-icon:hover,
  .btn-close:hover,
  .btn-actions:hover,
  .btn-menu:hover {
    color: #0072ED; }
    .btn:hover .icon,
    .btn-tertiary:hover .icon,
    .btn-icon:hover .icon,
    .btn-close:hover .icon,
    .btn-actions:hover .icon,
    .btn-menu:hover .icon {
      color: #0072ED; }
  .btn:active,
  .btn-tertiary:active,
  .btn-icon:active,
  .btn-close:active,
  .btn-actions:active,
  .btn-menu:active {
    color: #000000; }
  .btn:focus:not(.hide-focus),
  .btn-tertiary:focus:not(.hide-focus),
  .btn-icon:focus:not(.hide-focus),
  .btn-close: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 0.12rem #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1);
    z-index: 3; }
    .btn:focus:not(.hide-focus):active,
    .btn-tertiary:focus:not(.hide-focus):active,
    .btn-icon:focus:not(.hide-focus):active,
    .btn-close:focus:not(.hide-focus):active,
    .btn-actions:focus:not(.hide-focus):active,
    .btn-menu:focus:not(.hide-focus):active {
      box-shadow: none; }
  .btn[disabled]:not(.btn-icon), .btn[disabled]:not(.btn-icon):hover,
  .btn-tertiary[disabled]:not(.btn-icon),
  .btn-tertiary[disabled]:not(.btn-icon):hover,
  .btn-icon[disabled]:not(.btn-icon),
  .btn-icon[disabled]:not(.btn-icon):hover,
  .btn-close[disabled]:not(.btn-icon),
  .btn-close[disabled]:not(.btn-icon):hover,
  .btn-actions[disabled]:not(.btn-icon),
  .btn-actions[disabled]:not(.btn-icon):hover,
  .btn-menu[disabled]:not(.btn-icon),
  .btn-menu[disabled]:not(.btn-icon):hover {
    color: #C5C5C9;
    cursor: default; }
    .btn[disabled]:not(.btn-icon) .icon, .btn[disabled]:not(.btn-icon):hover .icon,
    .btn-tertiary[disabled]:not(.btn-icon) .icon,
    .btn-tertiary[disabled]:not(.btn-icon):hover .icon,
    .btn-icon[disabled]:not(.btn-icon) .icon,
    .btn-icon[disabled]:not(.btn-icon):hover .icon,
    .btn-close[disabled]:not(.btn-icon) .icon,
    .btn-close[disabled]:not(.btn-icon):hover .icon,
    .btn-actions[disabled]:not(.btn-icon) .icon,
    .btn-actions[disabled]:not(.btn-icon):hover .icon,
    .btn-menu[disabled]:not(.btn-icon) .icon,
    .btn-menu[disabled]:not(.btn-icon):hover .icon {
      color: #C5C5C9; }
  .btn.is-pressed,
  .btn-tertiary.is-pressed,
  .btn-icon.is-pressed,
  .btn-close.is-pressed,
  .btn-actions.is-pressed,
  .btn-menu.is-pressed {
    color: #0072ED; }
    .btn.is-pressed .icon,
    .btn-tertiary.is-pressed .icon,
    .btn-icon.is-pressed .icon,
    .btn-close.is-pressed .icon,
    .btn-actions.is-pressed .icon,
    .btn-menu.is-pressed .icon {
      color: #0072ED; }
  .btn span,
  .btn-tertiary span,
  .btn-icon span,
  .btn-close span,
  .btn-actions span,
  .btn-menu span {
    color: inherit; }
  .btn .icon,
  .btn-tertiary .icon,
  .btn-icon .icon,
  .btn-close .icon,
  .btn-actions .icon,
  .btn-menu .icon {
    color: #6F6F76; }
  .btn .ripple-effect,
  .btn-tertiary .ripple-effect,
  .btn-icon .ripple-effect,
  .btn-close .ripple-effect,
  .btn-actions .ripple-effect,
  .btn-menu .ripple-effect {
    background-color: #8ABFF7; }

.header .btn-tertiary:hover:not(:disabled):not(.close):not(.personalize-actionable) svg.icon {
  color: #fff; }

.btn-icon[disabled] {
  background-color: transparent; }
  .btn-icon[disabled] .icon {
    color: #C5C5C9; }

.btn span::before, .btn span::after,
.btn-primary span::before,
.btn-primary span::after,
.btn-secondary span::before,
.btn-secondary span::after,
.btn-tertiary span::before,
.btn-tertiary span::after,
.btn-icon span::before,
.btn-icon span::after,
.btn-actions span::before,
.btn-actions span::after,
.btn-menu span::before,
.btn-menu span::after {
  content: ' '; }

.btn-menu.is-open,
.btn-actions.is-open {
  color: #0072ED; }
  .btn-menu.is-open .icon,
  .btn-actions.is-open .icon {
    color: #0072ED; }

.btn {
  padding: 0 10px; }

.btn-tertiary.inverse,
.btn-menu.inverse {
  color: #C5C5C9; }
  .btn-tertiary.inverse .icon,
  .btn-menu.inverse .icon {
    color: #C5C5C9; }
  .btn-tertiary.inverse:hover, .btn-tertiary.inverse.is-open,
  .btn-menu.inverse:hover,
  .btn-menu.inverse.is-open {
    color: #ffffff; }
    .btn-tertiary.inverse:hover .icon, .btn-tertiary.inverse.is-open .icon,
    .btn-menu.inverse:hover .icon,
    .btn-menu.inverse.is-open .icon {
      color: #ffffff; }

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

.btn-tertiary.destructive:not(:disabled),
.btn-icon.destructive:not(:disabled),
.btn-menu.destructive:not(:disabled) {
  color: #DA1217; }
  .btn-tertiary.destructive:not(:disabled) svg.icon,
  .btn-icon.destructive:not(:disabled) svg.icon,
  .btn-menu.destructive:not(:disabled) svg.icon {
    color: #DA1217; }
  .btn-tertiary.destructive:not(:disabled):focus:not(:disabled),
  .btn-icon.destructive:not(:disabled):focus:not(:disabled),
  .btn-menu.destructive:not(:disabled):focus:not(:disabled) {
    border-color: #DA1217; }
  .btn-tertiary.destructive:not(:disabled):hover:not(:disabled),
  .btn-icon.destructive:not(:disabled):hover:not(:disabled),
  .btn-menu.destructive:not(:disabled):hover:not(:disabled) {
    color: #A30D11 !important;
    background-color: #FBE7E8 !important; }
    .btn-tertiary.destructive:not(:disabled):hover:not(:disabled) svg.icon,
    .btn-icon.destructive:not(:disabled):hover:not(:disabled) svg.icon,
    .btn-menu.destructive:not(:disabled):hover:not(:disabled) svg.icon {
      color: #A30D11 !important; }
  .btn-tertiary.destructive:not(:disabled):disabled,
  .btn-icon.destructive:not(:disabled):disabled,
  .btn-menu.destructive:not(:disabled):disabled {
    color: #EE9496;
    background-color: transparent; }
    .btn-tertiary.destructive:not(:disabled):disabled svg.icon,
    .btn-icon.destructive:not(:disabled):disabled svg.icon,
    .btn-menu.destructive:not(:disabled):disabled svg.icon {
      color: #EE9496; }

.btn-menu {
  min-width: auto;
  padding: 0 10px; }
  .btn-menu.btn-primary, .btn-menu.btn-secondary {
    padding: 0 12px 0 16px; }

.btn-icon,
.btn-actions,
.btn-close {
  border-radius: 8px;
  height: 34px;
  margin-top: 0;
  min-height: 34px;
  min-width: 34px;
  padding: 0;
  width: 34px; }
  .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.vertical svg,
.btn-actions.vertical svg {
  transform: rotate(90deg); }

.btn-close > .icon {
  width: 16px; }

.btn-icon > span:not(.icon) {
  text-indent: -99999px; }

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

.btn-icon.has-content .icon {
  color: #0072ED; }

.btn-icon.has-content:hover .icon {
  color: #0054B1; }

.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 {
    color: rgba(255, 255, 255, 0); }

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

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

@keyframes ripple-animation {
  0% {
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(20);
    -moz-transform: scale(20);
    -o-transform: scale(20);
    -ms-transform: scale(20);
    transform: scale(20);
    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']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible),
.form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) {
  height: 24px;
  margin-bottom: 10px;
  min-height: 24px;
  min-width: 0; }
  .field-short [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible)[class*='searchfield'],
  .form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible)[class*='searchfield'] {
    height: 26px; }
  .field-short [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon:not(.icon-dropdown),
  .form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon:not(.icon-dropdown) {
    height: 14px;
    margin: 0;
    margin-top: -2px;
    vertical-align: middle; }
    .field-short [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon:not(.icon-dropdown) + span:not(.audible),
    .form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon:not(.icon-dropdown) + span:not(.audible) {
      display: inline-block;
      padding: 0 4px 1px 0; }

.field-short .btn,
.field-short .btn-menu,
.form-layout-compact .field .btn,
.form-layout-compact .field .btn-menu {
  padding: 0 5px; }

.field-short .btn-primary,
.field-short .btn-secondary,
.field-short .btn-tertiary,
.form-layout-compact .field .btn-primary,
.form-layout-compact .field .btn-secondary,
.form-layout-compact .field .btn-tertiary {
  padding: 0 9px;
  font-size: 12px; }

.field-short .btn-icon,
.field-short .btn-actions,
.field-short .btn-close,
.form-layout-compact .field .btn-icon,
.form-layout-compact .field .btn-actions,
.form-layout-compact .field .btn-close {
  border-radius: 12px;
  padding: 0; }

.field-short .tag .btn-dismissible,
.form-layout-compact .field .tag .btn-dismissible {
  align-items: center;
  display: flex;
  height: inherit;
  line-height: inherit;
  margin-bottom: 0;
  min-height: inherit; }

html .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  border-radius: 11px;
  top: 7px; }
  html .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close {
    position: relative;
    top: 0; }

html .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 1px; }
  html .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close,
  html .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close {
    position: relative;
    top: 0; }

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):not(:empty),
html[dir='rtl'] .btn-primary > .icon + span:not(.audible):not(:empty),
html[dir='rtl'] .btn-secondary > .icon + span:not(.audible):not(:empty),
html[dir='rtl'] .btn-teritary > .icon + span:not(.audible):not(:empty) {
  padding-left: 0;
  padding-right: 5px; }

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

html[dir='rtl'] [class^='btn']:not(.btn-generative) span + .icon,
html[dir='rtl'] .btn-primary:not(.btn-generative) span + .icon,
html[dir='rtl'] .btn-secondary:not(.btn-generative) span + .icon,
html[dir='rtl'] .btn-teritary:not(.btn-generative) span + .icon {
  margin-right: 5px; }

html[dir='rtl'] [class^='btn']:not(.btn-generative) span + * + .icon,
html[dir='rtl'] .btn-primary:not(.btn-generative) span + * + .icon,
html[dir='rtl'] .btn-secondary:not(.btn-generative) span + * + .icon,
html[dir='rtl'] .btn-teritary:not(.btn-generative) span + * + .icon {
  margin-right: 5px; }

html[dir='rtl'] [class^='btn']:not(.btn-generative) span.audible + .icon,
html[dir='rtl'] .btn-primary:not(.btn-generative) span.audible + .icon,
html[dir='rtl'] .btn-secondary:not(.btn-generative) span.audible + .icon,
html[dir='rtl'] .btn-teritary:not(.btn-generative) span.audible + .icon {
  margin-right: 0; }

html[dir='rtl'] .btn-menu.btn-primary, html[dir='rtl'] .btn-menu.btn-secondary {
  padding-left: 20px;
  padding-right: 10px; }

html[dir='rtl'] .btn-icon span + .icon,
html[dir='rtl'] .btn-actions span + .icon {
  margin-right: 0; }

html[dir='rtl'] .btn-icon span + * + .icon,
html[dir='rtl'] .btn-actions span + * + .icon {
  margin-right: 0; }

html[dir='rtl'] .btn-icon .notification-badge-container .notification-dot {
  display: block !important; }
  html[dir='rtl'] .btn-icon .notification-badge-container .notification-dot.notification-dot-upper-right {
    right: -16px;
    top: 4px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%; }
  html[dir='rtl'] .btn-icon .notification-badge-container .notification-dot.notification-dot-upper-left {
    top: 4px;
    left: 7px;
    transform: scale(1) translate(-50%, -50%);
    transform-origin: 0% 0%; }
  html[dir='rtl'] .btn-icon .notification-badge-container .notification-dot.notification-dot-lower-right {
    top: 11px;
    left: 15px;
    transform: scale(1) translate(50%, 50%);
    transform-origin: 0% 100%; }
  html[dir='rtl'] .btn-icon .notification-badge-container .notification-dot.notification-dot-lower-left {
    top: 11px;
    left: 7px;
    transform: scale(1) translate(-50%, 50%);
    transform-origin: 0% 100%; }

html[dir='rtl'] .btn-primary .notification-badge-container,
html[dir='rtl'] .btn-secondary .notification-badge-container,
html[dir='rtl'] .btn-tertiary .notification-badge-container {
  display: unset; }
  html[dir='rtl'] .btn-primary .notification-badge-container .notification-dot,
  html[dir='rtl'] .btn-secondary .notification-badge-container .notification-dot,
  html[dir='rtl'] .btn-tertiary .notification-badge-container .notification-dot {
    display: block !important; }
    html[dir='rtl'] .btn-primary .notification-badge-container .notification-dot.notification-dot-upper-right,
    html[dir='rtl'] .btn-secondary .notification-badge-container .notification-dot.notification-dot-upper-right,
    html[dir='rtl'] .btn-tertiary .notification-badge-container .notification-dot.notification-dot-upper-right {
      right: 6px;
      top: 3px;
      transform: scale(1) translate(50%, -50%);
      transform-origin: 100% 0%; }
    html[dir='rtl'] .btn-primary .notification-badge-container .notification-dot.notification-dot-upper-left,
    html[dir='rtl'] .btn-secondary .notification-badge-container .notification-dot.notification-dot-upper-left,
    html[dir='rtl'] .btn-tertiary .notification-badge-container .notification-dot.notification-dot-upper-left {
      top: 3px;
      left: -12px;
      transform: scale(1) translate(-50%, -50%);
      transform-origin: 0% 0%; }
    html[dir='rtl'] .btn-primary .notification-badge-container .notification-dot.notification-dot-lower-right,
    html[dir='rtl'] .btn-secondary .notification-badge-container .notification-dot.notification-dot-lower-right,
    html[dir='rtl'] .btn-tertiary .notification-badge-container .notification-dot.notification-dot-lower-right {
      top: 10px;
      left: -4px;
      transform: scale(1) translate(50%, 50%);
      transform-origin: 0% 100%; }
    html[dir='rtl'] .btn-primary .notification-badge-container .notification-dot.notification-dot-lower-left,
    html[dir='rtl'] .btn-secondary .notification-badge-container .notification-dot.notification-dot-lower-left,
    html[dir='rtl'] .btn-tertiary .notification-badge-container .notification-dot.notification-dot-lower-left {
      top: 10px;
      left: -12px;
      transform: scale(1) translate(-50%, 50%);
      transform-origin: 0% 100%; }

html[dir='rtl'].is-chrome .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'].is-chrome .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close, html[dir='rtl'].is-safari .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'].is-safari .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 0; }

html[dir='rtl'].is-firefox .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'].is-firefox .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 4px; }

html[dir='rtl'].is-firefox .field-short [class^='btn'] span + .icon,
html[dir='rtl'].is-firefox .field-short .btn-primary span + .icon,
html[dir='rtl'].is-firefox .field-short .btn-secondary span + .icon,
html[dir='rtl'].is-firefox .field-short .btn-teritary span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field [class^='btn'] span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field .btn-primary span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field .btn-secondary span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field .btn-teritary span + .icon {
  margin-bottom: 6px; }

html[dir='rtl'] .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  right: 235px; }

html[dir='rtl'] .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'] .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 5px; }

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 #525257;
  border-radius: 2px;
  color: #6F6F76; }
  .btn-secondary-border span {
    padding: 0 26px; }
  .btn-secondary-border:hover:not(:disabled) {
    border-color: #161618;
    color: #161618; }
  .btn-secondary-border:focus {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
  .btn-secondary-border:disabled {
    cursor: default;
    opacity: 0.5; }
  .btn-secondary-border .ripple-effect {
    background-color: #8ABFF7; }

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

.is-mac.is-firefox .field-short [class^='btn'],
.is-mac.is-firefox .field-short .btn-primary,
.is-mac.is-firefox .field-short .btn-secondary,
.is-mac.is-firefox .field-short .btn-teritary,
.is-mac.is-firefox .form-layout-compact .field [class^='btn'],
.is-mac.is-firefox .form-layout-compact .field .btn-primary,
.is-mac.is-firefox .form-layout-compact .field .btn-secondary,
.is-mac.is-firefox .form-layout-compact .field .btn-teritary {
  line-height: 24px; }
  .is-mac.is-firefox .field-short [class^='btn'] > .icon:not(.icon-dropdown),
  .is-mac.is-firefox .field-short .btn-primary > .icon:not(.icon-dropdown),
  .is-mac.is-firefox .field-short .btn-secondary > .icon:not(.icon-dropdown),
  .is-mac.is-firefox .field-short .btn-teritary > .icon:not(.icon-dropdown),
  .is-mac.is-firefox .form-layout-compact .field [class^='btn'] > .icon:not(.icon-dropdown),
  .is-mac.is-firefox .form-layout-compact .field .btn-primary > .icon:not(.icon-dropdown),
  .is-mac.is-firefox .form-layout-compact .field .btn-secondary > .icon:not(.icon-dropdown),
  .is-mac.is-firefox .form-layout-compact .field .btn-teritary > .icon:not(.icon-dropdown) {
    margin-top: -7px; }
  .is-mac.is-firefox .field-short [class^='btn'] > .icon:not(.icon-dropdown) + span:not(.audible),
  .is-mac.is-firefox .field-short .btn-primary > .icon:not(.icon-dropdown) + span:not(.audible),
  .is-mac.is-firefox .field-short .btn-secondary > .icon:not(.icon-dropdown) + span:not(.audible),
  .is-mac.is-firefox .field-short .btn-teritary > .icon:not(.icon-dropdown) + span:not(.audible),
  .is-mac.is-firefox .form-layout-compact .field [class^='btn'] > .icon:not(.icon-dropdown) + span:not(.audible),
  .is-mac.is-firefox .form-layout-compact .field .btn-primary > .icon:not(.icon-dropdown) + span:not(.audible),
  .is-mac.is-firefox .form-layout-compact .field .btn-secondary > .icon:not(.icon-dropdown) + span:not(.audible),
  .is-mac.is-firefox .form-layout-compact .field .btn-teritary > .icon:not(.icon-dropdown) + span:not(.audible) {
    padding: 0 4px 7px 0; }

.btn-link {
  color: #0072ED; }
  .btn-link .icon {
    color: #0072ED; }
  .btn-link:hover {
    color: #0066D4; }
    .btn-link:hover .icon {
      color: #0066D4; }

@media (max-width: 480px) {
  .page-container button.btn, .page-container button.btn-secondary {
    max-width: 100%;
    text-overflow: ellipsis; } }

html.theme-classic-light .btn-generative,
html.theme-classic-light .generative-section,
html.theme-classic-dark .btn-generative,
html.theme-classic-dark .generative-section,
html.theme-classic-contrast .btn-generative,
html.theme-classic-contrast .generative-section {
  display: none; }

.btn-primary {
  border-radius: 8px;
  background-color: #0072ED;
  border: 2px solid #0072ED;
  color: #ffffff; }
  .btn-primary:hover {
    background-color: #0066D4;
    border: 2px solid #0066D4; }
    .btn-primary:hover.btn {
      color: #ffffff; }
  .btn-primary:active {
    background-color: #0066D4;
    border: 2px solid #0066D4;
    box-shadow: none; }
  .btn-primary:focus {
    border: 2px solid transparent; }
    .btn-primary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .btn-primary:focus:active {
      background-color: #0066D4;
      box-shadow: none; }
  .btn-primary.destructive {
    background-color: #DA1217;
    border: 2px solid #DA1217;
    color: #ffffff; }
    .btn-primary.destructive:focus:not(:disabled) {
      border-color: #DA1217; }
    .btn-primary.destructive:hover:not(:disabled) {
      background-color: #C31014;
      border: 2px solid #C31014; }

.btn-primary[disabled]:not(.destructive):not(.btn-generative) {
  background-color: #E0E0E1;
  border: 2px solid #E0E0E1;
  color: #BBBBBF; }
  .btn-primary[disabled]:not(.destructive):not(.btn-generative) svg.icon {
    color: #BBBBBF; }
  .btn-primary[disabled]:not(.destructive):not(.btn-generative):hover {
    background-color: #E0E0E1;
    border-color: #E0E0E1;
    color: #BBBBBF; }
    .btn-primary[disabled]:not(.destructive):not(.btn-generative):hover svg.icon {
      color: #BBBBBF; }

.btn-secondary {
  background-color: transparent;
  border-radius: 8px;
  color: #0072ED;
  border: 2px solid #0072ED; }
  .btn-secondary.btn-menu {
    color: #0072ED;
    border-color: #0072ED; }
    .btn-secondary.btn-menu .icon {
      color: #0072ED; }
    .btn-secondary.btn-menu.is-open {
      background-color: #E6F1FD;
      color: #0072ED; }
      .btn-secondary.btn-menu.is-open .icon {
        color: #0072ED; }
    .btn-secondary.btn-menu:focus:not(.hide-focus) {
      box-shadow: unset; }
  .btn-secondary svg.icon {
    color: #0072ED; }
  .btn-secondary:hover {
    background-color: #E6F1FD;
    border: 2px solid #0072ED;
    color: #0072ED; }
  .btn-secondary:active {
    background-color: #E6F1FD;
    border: 2px solid #0072ED;
    color: #0072ED; }
  .btn-secondary:focus {
    border: 2px solid #0072ED; }
    .btn-secondary:focus:active {
      background-color: #E6F1FD;
      border: 2px solid #0072ED;
      color: #0072ED; }

.btn-secondary[disabled] {
  background-color: transparent;
  color: #C5C5C9 !important;
  border: 2px solid #C5C5C9; }
  .btn-secondary[disabled] svg.icon {
    color: #C5C5C9 !important; }
    .btn-secondary[disabled] svg.icon:hover {
      color: #C5C5C9; }
  .btn-secondary[disabled]:hover {
    background-color: transparent;
    color: #C5C5C9;
    border: 2px solid #C5C5C9; }

.btn-tertiary,
.btn-icon,
.btn-menu,
.btn {
  border-radius: 8px; }
  .btn-tertiary:hover:not([disabled]):not(.btn-primary):not(.trigger):not(:disabled),
  .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger):not(:disabled),
  .btn-menu:hover:not([disabled]):not(.btn-primary):not(.trigger):not(:disabled),
  .btn:hover:not([disabled]):not(.btn-primary):not(.trigger):not(:disabled) {
    background-color: #E6F1FD;
    color: #0072ED; }
  .btn-tertiary:hover:not([disabled]):not(.btn-primary):not(.trigger).close, .btn-tertiary:hover:not([disabled]):not(.btn-primary):not(.trigger).btn-filter, .btn-tertiary:hover:not([disabled]):not(.btn-primary):not(.trigger).personalize-actionable,
  .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger).close,
  .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger).btn-filter,
  .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger).personalize-actionable,
  .btn-menu:hover:not([disabled]):not(.btn-primary):not(.trigger).close,
  .btn-menu:hover:not([disabled]):not(.btn-primary):not(.trigger).btn-filter,
  .btn-menu:hover:not([disabled]):not(.btn-primary):not(.trigger).personalize-actionable,
  .btn:hover:not([disabled]):not(.btn-primary):not(.trigger).close,
  .btn:hover:not([disabled]):not(.btn-primary):not(.trigger).btn-filter,
  .btn:hover:not([disabled]):not(.btn-primary):not(.trigger).personalize-actionable {
    background-color: unset;
    color: unset; }
  .btn-tertiary:hover:not([disabled]):not(.btn-primary):not(.trigger) svg.icon,
  .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger) svg.icon,
  .btn-menu:hover:not([disabled]):not(.btn-primary):not(.trigger) svg.icon,
  .btn:hover:not([disabled]):not(.btn-primary):not(.trigger) svg.icon {
    color: #0072ED; }
  .btn-tertiary.destructive,
  .btn-icon.destructive,
  .btn-menu.destructive,
  .btn.destructive {
    color: #DA1217; }
    .btn-tertiary.destructive svg.icon,
    .btn-icon.destructive svg.icon,
    .btn-menu.destructive svg.icon,
    .btn.destructive svg.icon {
      color: #DA1217; }
    .btn-tertiary.destructive:focus:not(:disabled),
    .btn-icon.destructive:focus:not(:disabled),
    .btn-menu.destructive:focus:not(:disabled),
    .btn.destructive:focus:not(:disabled) {
      border-color: #DA1217; }
    .btn-tertiary.destructive:hover:not(:disabled),
    .btn-icon.destructive:hover:not(:disabled),
    .btn-menu.destructive:hover:not(:disabled),
    .btn.destructive:hover:not(:disabled) {
      color: #A30D11;
      background-color: #FBE7E8; }
      .btn-tertiary.destructive:hover:not(:disabled) svg.icon,
      .btn-icon.destructive:hover:not(:disabled) svg.icon,
      .btn-menu.destructive:hover:not(:disabled) svg.icon,
      .btn.destructive:hover:not(:disabled) svg.icon {
        color: #A30D11; }

.btn-editor {
  border-radius: 8px; }
  .btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive) {
    background-color: #E0E0E1;
    color: #161618; }
    .btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive) svg.icon {
      color: #161618; }
    .btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive).is-active svg.icon {
      color: #0066D4; }

.btn-icon.trigger:hover:not(:disabled) {
  background-color: #E6F1FD; }

.btn-link {
  border-radius: 8px; }
  .btn-link:not([disabled]):not(:disabled):hover {
    background-color: #E6F1FD;
    color: #0072ED; }
    .btn-link:not([disabled]):not(:disabled):hover svg.icon {
      color: #0072ED; }

[class^='btn'],
.btn-primary,
.btn-secondary,
.btn-tertiary {
  height: auto;
  line-height: normal;
  min-height: 34px; }
  [class^='btn'] > *,
  .btn-primary > *,
  .btn-secondary > *,
  .btn-tertiary > * {
    vertical-align: baseline; }
  [class^='btn'] > .icon,
  .btn-primary > .icon,
  .btn-secondary > .icon,
  .btn-tertiary > .icon {
    margin-top: -3px;
    vertical-align: middle; }

.btn-actions > .icon,
.btn-icon > .icon,
.btn-close > .icon {
  display: inline-flex;
  vertical-align: middle;
  flex-direction: row; }

.btn-actions > .icon {
  height: 19px;
  top: -1px; }

.btn-close > .icon {
  width: 18px; }

.ie11 [class^='btn'] > .icon,
.ie11 .btn-primary > .icon,
.ie11 .btn-secondary > .icon,
.ie11 .btn-tertiary > .icon {
  vertical-align: -20%; }

.is-safari [class^='btn'] > .icon,
.is-safari .btn-primary > .icon,
.is-safari .btn-secondary > .icon,
.is-safari .btn-tertiary > .icon,
.is-firefox [class^='btn'] > .icon,
.is-firefox .btn-primary > .icon,
.is-firefox .btn-secondary > .icon,
.is-firefox .btn-tertiary > .icon {
  margin-top: -2px; }

.field-short [class^='btn']:not(.btn-editor):not(.btn-icon),
.form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) {
  min-height: 24px; }
  .field-short [class^='btn']:not(.btn-editor):not(.btn-icon) > .icon + span:not(.audible):not(:empty),
  .form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon + span:not(.audible):not(:empty) {
    padding: 0; }
  .field-short [class^='btn']:not(.btn-editor):not(.btn-icon) > .icon,
  .form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon {
    top: 0;
    vertical-align: sub; }
    .field-short [class^='btn']:not(.btn-editor):not(.btn-icon) > .icon:not(.icon-dropdown),
    .form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon:not(.icon-dropdown) {
      height: 16px;
      position: relative;
      vertical-align: sub; }
      .field-short [class^='btn']:not(.btn-editor):not(.btn-icon) > .icon:not(.icon-dropdown) + span:not(.audible),
      .form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon):not(.btn-dismissible) > .icon:not(.icon-dropdown) + span:not(.audible) {
        position: relative; }

.form-layout-compact .field .tag .btn-dismissible {
  align-items: center;
  display: flex;
  height: inherit !important;
  line-height: inherit;
  margin-bottom: 0;
  min-height: inherit !important; }
  .form-layout-compact .field .tag .btn-dismissible > .icon:not(.icon-dropdown) {
    top: 0; }

.btn-icon .icon.app-header {
  top: 2px; }

.btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-upper-left {
  left: -19px; }

.btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-upper-right {
  right: 8px; }

.btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-lower-left {
  left: -19px;
  top: 10px; }

.btn-icon.application-menu-trigger svg.icon + .notification-badge-container .notification-dot.notification-dot-lower-right {
  left: -11px;
  top: 10px; }

.field-short [class^='btn']:not(.btn-editor):not(.btn-icon)[class*='searchfield'],
.form-layout-compact .field [class^='btn']:not(.btn-editor):not(.btn-icon)[class*='searchfield'] {
  height: 28px;
  min-height: 28px; }

.field-short .searchfield-wrapper .btn-icon.close,
.form-layout-compact .field .searchfield-wrapper .btn-icon.close {
  top: 4px; }

html .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  border-radius: 11px; }
  html .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close {
    position: relative;
    top: 0.5px; }

html .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 2px; }
  html .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close,
  html .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close {
    position: relative;
    top: 2px; }

html[dir='rtl'].is-chrome .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'].is-chrome .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close, html[dir='rtl'].is-safari .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'].is-safari .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 4px; }

html[dir='rtl'].is-firefox .field-short .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'].is-firefox .form-layout-compact .field .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 6px; }

html[dir='rtl'].is-firefox .field-short [class^='btn'] span + .icon,
html[dir='rtl'].is-firefox .field-short .btn-primary span + .icon,
html[dir='rtl'].is-firefox .field-short .btn-secondary span + .icon,
html[dir='rtl'].is-firefox .field-short .btn-teritary span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field [class^='btn'] span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field .btn-primary span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field .btn-secondary span + .icon,
html[dir='rtl'].is-firefox .form-layout-compact .field .btn-teritary span + .icon {
  margin-bottom: 0; }

.card-content.has-instance-count {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-flow: wrap; }

.instance-count {
  display: inline-block;
  margin: 20px 10px;
  position: relative;
  width: 120px; }
  .instance-count .count {
    font-size: 16px;
    font-size: 1.6rem;
    background: transparent;
    border: 1px solid;
    border-radius: 50%;
    color: #161618;
    display: inline-block;
    font-weight: 600;
    height: 80px;
    line-height: 80px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    width: 80px; }
    .instance-count .count.ruby01 {
      border-color: #FBE7E8 !important; }
    .instance-count .count.ruby02 {
      border-color: #F5C3C4 !important; }
    .instance-count .count.ruby03 {
      border-color: #EE9496 !important; }
    .instance-count .count.ruby04 {
      border-color: #E66467 !important; }
    .instance-count .count.ruby05 {
      border-color: #DF3539 !important; }
    .instance-count .count.ruby06 {
      border-color: #DA1217 !important; }
    .instance-count .count.ruby07 {
      border-color: #C31014 !important; }
    .instance-count .count.ruby08 {
      border-color: #A30D11 !important; }
    .instance-count .count.ruby09 {
      border-color: #8D0B0E !important; }
    .instance-count .count.ruby10 {
      border-color: #6C080B !important; }
    .instance-count .count.amber01 {
      border-color: #FEF2E5 !important; }
    .instance-count .count.amber02 {
      border-color: #FDDFBD !important; }
    .instance-count .count.amber03 {
      border-color: #FCC888 !important; }
    .instance-count .count.amber04 {
      border-color: #FBAF50 !important; }
    .instance-count .count.amber05 {
      border-color: #FA9601 !important; }
    .instance-count .count.amber06 {
      border-color: #F98300 !important; }
    .instance-count .count.amber07 {
      border-color: #DF6F00 !important; }
    .instance-count .count.amber08 {
      border-color: #CD6200 !important; }
    .instance-count .count.amber09 {
      border-color: #BB5500 !important; }
    .instance-count .count.amber10 {
      border-color: #A14100 !important; }
    .instance-count .count.emerald01 {
      border-color: #EBF9F1 !important; }
    .instance-count .count.emerald02 {
      border-color: #CBEFDC !important; }
    .instance-count .count.emerald03 {
      border-color: #A1E4BF !important; }
    .instance-count .count.emerald04 {
      border-color: #78D8A3 !important; }
    .instance-count .count.emerald05 {
      border-color: #4DCC86 !important; }
    .instance-count .count.emerald06 {
      border-color: #2AC371 !important; }
    .instance-count .count.emerald07 {
      border-color: #25AF65 !important; }
    .instance-count .count.emerald08 {
      border-color: #1F9254 !important; }
    .instance-count .count.emerald09 {
      border-color: #1C7F49 !important; }
    .instance-count .count.emerald10 {
      border-color: #156138 !important; }
    .instance-count .count.azure01 {
      border-color: #E6F1FD !important; }
    .instance-count .count.azure02 {
      border-color: #BEDCFA !important; }
    .instance-count .count.azure03 {
      border-color: #8ABFF7 !important; }
    .instance-count .count.azure04 {
      border-color: #55A3F3 !important; }
    .instance-count .count.azure05 {
      border-color: #1C86EF !important; }
    .instance-count .count.azure06 {
      border-color: #0072ED !important; }
    .instance-count .count.azure07 {
      border-color: #0066D4 !important; }
    .instance-count .count.azure08 {
      border-color: #0054B1 !important; }
    .instance-count .count.azure09 {
      border-color: #004A99 !important; }
    .instance-count .count.azure10 {
      border-color: #003876 !important; }
    .instance-count .count.turquoise01 {
      border-color: #ECF8F8 !important; }
    .instance-count .count.turquoise02 {
      border-color: #CFEEEE !important; }
    .instance-count .count.turquoise03 {
      border-color: #A8E1E1 !important; }
    .instance-count .count.turquoise04 {
      border-color: #82D4D4 !important; }
    .instance-count .count.turquoise05 {
      border-color: #5CC6C7 !important; }
    .instance-count .count.turquoise06 {
      border-color: #40BDBE !important; }
    .instance-count .count.turquoise07 {
      border-color: #39A9AA !important; }
    .instance-count .count.turquoise08 {
      border-color: #2F8D8E !important; }
    .instance-count .count.turquoise09 {
      border-color: #297B7B !important; }
    .instance-count .count.turquoise10 {
      border-color: #1F5E5E !important; }
    .instance-count .count.amethyst01 {
      border-color: #F1EBFC !important; }
    .instance-count .count.amethyst02 {
      border-color: #DDCBF7 !important; }
    .instance-count .count.amethyst03 {
      border-color: #C2A1F1 !important; }
    .instance-count .count.amethyst04 {
      border-color: #A876EB !important; }
    .instance-count .count.amethyst05 {
      border-color: #8D4BE5 !important; }
    .instance-count .count.amethyst06 {
      border-color: #7928E1 !important; }
    .instance-count .count.amethyst07 {
      border-color: #6C23C9 !important; }
    .instance-count .count.amethyst08 {
      border-color: #591DA8 !important; }
    .instance-count .count.amethyst09 {
      border-color: #4E1A91 !important; }
    .instance-count .count.amethyst10 {
      border-color: #3B1470 !important; }
    .instance-count .count.graphite01 {
      border-color: #EEEEEE !important; }
    .instance-count .count.graphite02 {
      border-color: #D3D3D3 !important; }
    .instance-count .count.graphite03 {
      border-color: #B1B1B1 !important; }
    .instance-count .count.graphite04 {
      border-color: #8F8F8F !important; }
    .instance-count .count.graphite05 {
      border-color: #6C6C6C !important; }
    .instance-count .count.graphite06 {
      border-color: #535353 !important; }
    .instance-count .count.graphite07 {
      border-color: #4A4A4A !important; }
    .instance-count .count.graphite08 {
      border-color: #3E3E3E !important; }
    .instance-count .count.graphite09 {
      border-color: #363636 !important; }
    .instance-count .count.graphite10 {
      border-color: #292929 !important; }
    .instance-count .count.slate01 {
      border-color: #F5F5F5 !important; }
    .instance-count .count.slate02 {
      border-color: #E0E0E1 !important; }
    .instance-count .count.slate03 {
      border-color: #C5C5C9 !important; }
    .instance-count .count.slate04 {
      border-color: #BBBBBF !important; }
    .instance-count .count.slate05 {
      border-color: #8E8E95 !important; }
    .instance-count .count.slate06 {
      border-color: #6F6F76 !important; }
    .instance-count .count.slate07 {
      border-color: #525257 !important; }
    .instance-count .count.slate08 {
      border-color: #3B3B3F !important; }
    .instance-count .count.slate09 {
      border-color: #28282A !important; }
    .instance-count .count.slate10 {
      border-color: #161618 !important; }
    .instance-count .count.alert01 {
      border-color: #DA1217 !important; }
    .instance-count .count.alert02 {
      border-color: #F98300 !important; }
    .instance-count .count.alert03 {
      border-color: #FFD100 !important; }
    .instance-count .count.alert04 {
      border-color: #2AC371 !important; }
  .instance-count svg.icon {
    background: #ffffff;
    height: 19px;
    position: absolute;
    right: 23px;
    top: 0;
    width: 20px; }
    .instance-count svg.icon.ruby01 {
      color: #FBE7E8 !important; }
    .instance-count svg.icon.ruby02 {
      color: #F5C3C4 !important; }
    .instance-count svg.icon.ruby03 {
      color: #EE9496 !important; }
    .instance-count svg.icon.ruby04 {
      color: #E66467 !important; }
    .instance-count svg.icon.ruby05 {
      color: #DF3539 !important; }
    .instance-count svg.icon.ruby06 {
      color: #DA1217 !important; }
    .instance-count svg.icon.ruby07 {
      color: #C31014 !important; }
    .instance-count svg.icon.ruby08 {
      color: #A30D11 !important; }
    .instance-count svg.icon.ruby09 {
      color: #8D0B0E !important; }
    .instance-count svg.icon.ruby10 {
      color: #6C080B !important; }
    .instance-count svg.icon.amber01 {
      color: #FEF2E5 !important; }
    .instance-count svg.icon.amber02 {
      color: #FDDFBD !important; }
    .instance-count svg.icon.amber03 {
      color: #FCC888 !important; }
    .instance-count svg.icon.amber04 {
      color: #FBAF50 !important; }
    .instance-count svg.icon.amber05 {
      color: #FA9601 !important; }
    .instance-count svg.icon.amber06 {
      color: #F98300 !important; }
    .instance-count svg.icon.amber07 {
      color: #DF6F00 !important; }
    .instance-count svg.icon.amber08 {
      color: #CD6200 !important; }
    .instance-count svg.icon.amber09 {
      color: #BB5500 !important; }
    .instance-count svg.icon.amber10 {
      color: #A14100 !important; }
    .instance-count svg.icon.emerald01 {
      color: #EBF9F1 !important; }
    .instance-count svg.icon.emerald02 {
      color: #CBEFDC !important; }
    .instance-count svg.icon.emerald03 {
      color: #A1E4BF !important; }
    .instance-count svg.icon.emerald04 {
      color: #78D8A3 !important; }
    .instance-count svg.icon.emerald05 {
      color: #4DCC86 !important; }
    .instance-count svg.icon.emerald06 {
      color: #2AC371 !important; }
    .instance-count svg.icon.emerald07 {
      color: #25AF65 !important; }
    .instance-count svg.icon.emerald08 {
      color: #1F9254 !important; }
    .instance-count svg.icon.emerald09 {
      color: #1C7F49 !important; }
    .instance-count svg.icon.emerald10 {
      color: #156138 !important; }
    .instance-count svg.icon.azure01 {
      color: #E6F1FD !important; }
    .instance-count svg.icon.azure02 {
      color: #BEDCFA !important; }
    .instance-count svg.icon.azure03 {
      color: #8ABFF7 !important; }
    .instance-count svg.icon.azure04 {
      color: #55A3F3 !important; }
    .instance-count svg.icon.azure05 {
      color: #1C86EF !important; }
    .instance-count svg.icon.azure06 {
      color: #0072ED !important; }
    .instance-count svg.icon.azure07 {
      color: #0066D4 !important; }
    .instance-count svg.icon.azure08 {
      color: #0054B1 !important; }
    .instance-count svg.icon.azure09 {
      color: #004A99 !important; }
    .instance-count svg.icon.azure10 {
      color: #003876 !important; }
    .instance-count svg.icon.turquoise01 {
      color: #ECF8F8 !important; }
    .instance-count svg.icon.turquoise02 {
      color: #CFEEEE !important; }
    .instance-count svg.icon.turquoise03 {
      color: #A8E1E1 !important; }
    .instance-count svg.icon.turquoise04 {
      color: #82D4D4 !important; }
    .instance-count svg.icon.turquoise05 {
      color: #5CC6C7 !important; }
    .instance-count svg.icon.turquoise06 {
      color: #40BDBE !important; }
    .instance-count svg.icon.turquoise07 {
      color: #39A9AA !important; }
    .instance-count svg.icon.turquoise08 {
      color: #2F8D8E !important; }
    .instance-count svg.icon.turquoise09 {
      color: #297B7B !important; }
    .instance-count svg.icon.turquoise10 {
      color: #1F5E5E !important; }
    .instance-count svg.icon.amethyst01 {
      color: #F1EBFC !important; }
    .instance-count svg.icon.amethyst02 {
      color: #DDCBF7 !important; }
    .instance-count svg.icon.amethyst03 {
      color: #C2A1F1 !important; }
    .instance-count svg.icon.amethyst04 {
      color: #A876EB !important; }
    .instance-count svg.icon.amethyst05 {
      color: #8D4BE5 !important; }
    .instance-count svg.icon.amethyst06 {
      color: #7928E1 !important; }
    .instance-count svg.icon.amethyst07 {
      color: #6C23C9 !important; }
    .instance-count svg.icon.amethyst08 {
      color: #591DA8 !important; }
    .instance-count svg.icon.amethyst09 {
      color: #4E1A91 !important; }
    .instance-count svg.icon.amethyst10 {
      color: #3B1470 !important; }
    .instance-count svg.icon.graphite01 {
      color: #EEEEEE !important; }
    .instance-count svg.icon.graphite02 {
      color: #D3D3D3 !important; }
    .instance-count svg.icon.graphite03 {
      color: #B1B1B1 !important; }
    .instance-count svg.icon.graphite04 {
      color: #8F8F8F !important; }
    .instance-count svg.icon.graphite05 {
      color: #6C6C6C !important; }
    .instance-count svg.icon.graphite06 {
      color: #535353 !important; }
    .instance-count svg.icon.graphite07 {
      color: #4A4A4A !important; }
    .instance-count svg.icon.graphite08 {
      color: #3E3E3E !important; }
    .instance-count svg.icon.graphite09 {
      color: #363636 !important; }
    .instance-count svg.icon.graphite10 {
      color: #292929 !important; }
    .instance-count svg.icon.slate01 {
      color: #F5F5F5 !important; }
    .instance-count svg.icon.slate02 {
      color: #E0E0E1 !important; }
    .instance-count svg.icon.slate03 {
      color: #C5C5C9 !important; }
    .instance-count svg.icon.slate04 {
      color: #BBBBBF !important; }
    .instance-count svg.icon.slate05 {
      color: #8E8E95 !important; }
    .instance-count svg.icon.slate06 {
      color: #6F6F76 !important; }
    .instance-count svg.icon.slate07 {
      color: #525257 !important; }
    .instance-count svg.icon.slate08 {
      color: #3B3B3F !important; }
    .instance-count svg.icon.slate09 {
      color: #28282A !important; }
    .instance-count svg.icon.slate10 {
      color: #161618 !important; }
    .instance-count svg.icon.alert01 {
      color: #DA1217 !important; }
    .instance-count svg.icon.alert02 {
      color: #F98300 !important; }
    .instance-count svg.icon.alert03 {
      color: #FFD100 !important; }
    .instance-count svg.icon.alert04 {
      color: #2AC371 !important; }
    .instance-count svg.icon.icon-alert {
      right: 22px;
      top: -3px; }
  .instance-count .count[class='count'] {
    background-color: transparent; }
  .instance-count .title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #6F6F76;
    font-size: 1.6rem;
    line-height: 20px;
    text-align: center;
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }

.count-info {
  margin: 15px 20px;
  text-align: center;
  width: auto; }

.object-count.personalize-text {
  color: #161618; }

.object-count {
  color: #3B3B3F;
  display: inline-block;
  min-width: 150px;
  text-align: center; }
  .object-count.hyperlink {
    margin: -1px 0 0;
    padding: 0 0 8px;
    text-decoration: none;
    line-height: normal; }
  .object-count span,
  .object-count .xl-text {
    color: inherit;
    display: block; }
  .object-count .xl-text {
    font-size: 48px;
    font-size: 4.8rem; }

.form-layout-compact .object-count .xl-text {
  font-size: 4rem; }

html.is-firefox .instance-count .title {
  -moz-orient: vertical;
  width: 120px;
  height: 40px; }

html[dir='rtl'] .instance-count .title {
  padding-left: inherit;
  padding-right: 0;
  text-align: center; }

.instance-count .count {
  background: transparent;
  border: 1px solid;
  color: #161618;
  height: 80px;
  width: 80px; }
  .instance-count .count[class='count'] {
    background-color: transparent; }

.instance-count svg.icon {
  background: #ffffff;
  right: 24px; }

.page-container .form-responsive input,
.page-container .form-responsive textarea,
.container .form-responsive input,
.container .form-responsive textarea {
  max-width: 100% !important;
  width: 100%; }

.page-container .form-responsive .compound-field .field-checkbox,
.container .form-responsive .compound-field .field-checkbox {
  margin-top: 0; }

.page-container .form-responsive .field-checkbox,
.container .form-responsive .field-checkbox {
  margin-top: 30px; }
  @media (max-width: 767px) {
    .page-container .form-responsive .field-checkbox .icon-dirty.dirty-checkbox.is-checked,
    .container .form-responsive .field-checkbox .icon-dirty.dirty-checkbox.is-checked {
      top: -1px; } }

.page-container .form-responsive .colorpicker-container,
.container .form-responsive .colorpicker-container {
  position: relative;
  width: 100%; }
  .page-container .form-responsive .colorpicker-container .colorpicker,
  .container .form-responsive .colorpicker-container .colorpicker {
    width: auto; }
  .page-container .form-responsive .colorpicker-container .trigger,
  .container .form-responsive .colorpicker-container .trigger {
    position: absolute;
    right: 0; }

.page-container .form-responsive .dropdown-wrapper,
.container .form-responsive .dropdown-wrapper {
  width: 100%; }
  .page-container .form-responsive .dropdown-wrapper div.dropdown,
  .page-container .form-responsive .dropdown-wrapper div.multiselect,
  .container .form-responsive .dropdown-wrapper div.dropdown,
  .container .form-responsive .dropdown-wrapper div.multiselect {
    width: inherit; }

.page-container .form-responsive .field .checkbox-label,
.page-container .form-responsive .field .checkbox > label,
.container .form-responsive .field .checkbox-label,
.container .form-responsive .field .checkbox > label {
  margin-top: 0;
  white-space: unset; }

.page-container .form-responsive .checkbox-group-label + .compound-field .field .checkbox-label,
.page-container .form-responsive .checkbox-group-label + .compound-field .field .checkbox > label,
.container .form-responsive .checkbox-group-label + .compound-field .field .checkbox-label,
.container .form-responsive .checkbox-group-label + .compound-field .field .checkbox > label {
  margin-top: 0; }

.page-container .form-responsive .checkbox-group-label + .compound-field .field.field-checkbox,
.container .form-responsive .checkbox-group-label + .compound-field .field.field-checkbox {
  margin-bottom: 0; }

.page-container .form-responsive .field-checkbox,
.container .form-responsive .field-checkbox {
  text-align: left; }

.page-container .form-responsive .lookup-wrapper,
.container .form-responsive .lookup-wrapper {
  width: 100%; }

.page-container .form-responsive .label,
.page-container .form-responsive label,
.container .form-responsive .label,
.container .form-responsive label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.page-container .form-responsive .row.flex-align-bottom .label,
.page-container .form-responsive .row.flex-align-bottom label:not(.checkbox-label), .page-container .form-responsive.row.flex-align-bottom .label,
.page-container .form-responsive.row.flex-align-bottom label:not(.checkbox-label),
.container .form-responsive .row.flex-align-bottom .label,
.container .form-responsive .row.flex-align-bottom label:not(.checkbox-label),
.container .form-responsive.row.flex-align-bottom .label,
.container .form-responsive.row.flex-align-bottom label:not(.checkbox-label) {
  overflow: visible;
  white-space: normal; }

.page-container .form-responsive .row.no-bottom-margin,
.container .form-responsive .row.no-bottom-margin {
  margin-bottom: 0; }

.page-container .form-responsive .spinbox-wrapper,
.container .form-responsive .spinbox-wrapper {
  width: 100%; }
  .page-container .form-responsive .spinbox-wrapper input,
  .container .form-responsive .spinbox-wrapper input {
    width: calc(100% - 66px); }

.page-container .flex-wrap-form,
.container .flex-wrap-form {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 767px) {
    .page-container .flex-wrap-form .field .columns.one, .page-container .flex-wrap-form .field .columns.two, .page-container .flex-wrap-form .field .columns.three, .page-container .flex-wrap-form .field .columns.four, .page-container .flex-wrap-form .field .columns.five, .page-container .flex-wrap-form .field .columns.six, .page-container .flex-wrap-form .field .columns.seven, .page-container .flex-wrap-form .field .columns.eight, .page-container .flex-wrap-form .field .columns.nine, .page-container .flex-wrap-form .field .columns.ten, .page-container .flex-wrap-form .field .columns.eleven, .page-container .flex-wrap-form .field .columns.twelve,
    .container .flex-wrap-form .field .columns.one,
    .container .flex-wrap-form .field .columns.two,
    .container .flex-wrap-form .field .columns.three,
    .container .flex-wrap-form .field .columns.four,
    .container .flex-wrap-form .field .columns.five,
    .container .flex-wrap-form .field .columns.six,
    .container .flex-wrap-form .field .columns.seven,
    .container .flex-wrap-form .field .columns.eight,
    .container .flex-wrap-form .field .columns.nine,
    .container .flex-wrap-form .field .columns.ten,
    .container .flex-wrap-form .field .columns.eleven,
    .container .flex-wrap-form .field .columns.twelve {
      margin-left: 0; } }

.page-container .flex-columns,
.container .flex-columns {
  display: inline-block; }
  @media (min-width: 767px) {
    .page-container .flex-columns,
    .container .flex-columns {
      display: flex;
      justify-content: space-between; } }
  @media (max-width: 767px) {
    .page-container .flex-columns .columns,
    .container .flex-columns .columns {
      padding: 0; } }

@media (max-width: 768px) {
  .page-container .form-responsive .field .checkbox-label,
  .page-container .form-responsive .field .checkbox > label,
  .container .form-responsive .field .checkbox-label,
  .container .form-responsive .field .checkbox > label {
    margin-bottom: 13px;
    margin-top: -1px; }
  .form-responsive .checkbox-group-label + .compound-field .field .checkbox-label {
    margin-bottom: 0; } }

.modal.display-fullsize .form-responsive input,
.modal.display-fullsize .form-responsive textarea {
  max-width: none;
  width: 100%; }

.modal.display-fullsize .form-responsive .colorpicker-container {
  width: 100%; }
  .modal.display-fullsize .form-responsive .colorpicker-container .colorpicker {
    width: auto; }

.modal.display-fullsize .form-responsive .dropdown-wrapper {
  width: 100%; }
  .modal.display-fullsize .form-responsive .dropdown-wrapper div.dropdown,
  .modal.display-fullsize .form-responsive .dropdown-wrapper div.multiselect {
    width: inherit; }

html[lang^='fr'] .field.label-left .label::after {
  padding-left: 8px; }

html:not([lang^='fr']) .field.label-left .label::after {
  padding-left: 0; }

.input-hideshow-text {
  color: #8E8E95;
  cursor: pointer;
  position: absolute;
  text-transform: uppercase;
  transform: translate(calc(-100% + -8px), 11px); }

.input-hide-text {
  -webkit-text-security: disc; }
  .input-hide-text::-ms-reveal, .input-hide-text::-ms-clear {
    display: none !important; }

html[dir='rtl'] .form-responsive .colorpicker-container .trigger {
  left: 0;
  right: auto; }

html[dir='rtl'] .input-hideshow-text {
  transform: translate(calc(100% + 8px), 7px); }

.form-responsive .compound-field .checkbox-label {
  margin-top: 0 !important; }

.column .field > .checkbox-label.top-margin,
.columns .field > .checkbox-label.top-margin {
  margin-top: 39px !important; }

@media (max-width: 766px) {
  .column .field > .checkbox-label.top-margin,
  .columns .field > .checkbox-label.top-margin {
    margin-bottom: 5px !important;
    margin-top: 0 !important; }
  .column .field-checkbox span.label,
  .columns .field-checkbox span.label {
    margin-top: -29px !important; } }

.input-hideshow-text {
  transform: translate(calc(-100% + -8px), 8px); }

.form-responsive .icon-dirty.dirty-checkbox.is-checked {
  top: 0; }

.is-firefox .form-responsive .icon-dirty.dirty-checkbox.is-checked {
  top: 0 !important; }
  @media (max-width: 767px) {
    .is-firefox .form-responsive .icon-dirty.dirty-checkbox.is-checked {
      top: -1px !important; } }

.hyperlink {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  border: 1px solid transparent;
  color: #0072ED;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.5rem;
  position: relative;
  text-decoration: underline;
  -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); }
  .hyperlink:hover:not([disabled]):not(.personalize-actionable-disabled) {
    color: #0066D4; }
  .hyperlink.personalize-actionable {
    color: #0072ED; }
    .hyperlink.personalize-actionable:not([disabled]):not(.personalize-actionable-disabled):hover {
      color: #0066D4;
      opacity: 1; }
  .hyperlink.show-visited:visited, .hyperlink.force-visited {
    color: #7928E1; }
    .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) {
    border-color: #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
  .hyperlink[disabled] {
    color: #6F6F76;
    pointer-events: none; }
    .hyperlink[disabled]:hover {
      cursor: default; }
    .hyperlink[disabled]:focus:not(.hide-focus) {
      outline: none; }
  .hyperlink.back, .hyperlink.directional {
    color: #0072ED;
    font-size: 1.6rem; }
    .hyperlink.back .icon, .hyperlink.directional .icon {
      color: #0072ED;
      display: inline;
      height: 11px;
      position: relative;
      top: -1px;
      vertical-align: middle;
      width: 11px; }
  .hyperlink.back .icon {
    left: 2px;
    margin-left: -6px;
    margin-right: 2px; }
  .hyperlink.directional .icon {
    left: 1px; }

.field-short .hyperlink,
.form-layout-compact .field .hyperlink {
  font-size: 1.4rem; }

p .hyperlink {
  font-size: 1.6rem;
  white-space: nowrap; }

.link-list {
  margin-bottom: 40px; }
  .link-list li {
    line-height: 25px; }
    .link-list li svg {
      color: #0072ED;
      height: 18px;
      left: 8px;
      margin-right: 0;
      top: 3px;
      width: 18px; }
    .link-list li a span {
      border: 1px solid transparent;
      padding-bottom: 3px;
      padding-left: 2px;
      position: relative;
      text-transform: capitalize;
      top: 0; }
  .link-list div {
    margin-bottom: 10px;
    padding-bottom: 5px; }
    .link-list div:last-child {
      border: 0; }
  .link-list .timestamp {
    color: #6F6F76;
    display: block;
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
    position: static; }

html[dir='rtl'] .hyperlink {
  margin-right: -4px; }

html[dir='rtl'] .hyperlink.back:focus span {
  box-shadow: none; }

html[dir='rtl'] .hyperlink.back .icon {
  margin-right: 0; }

.field .checkbox-label,
.field .checkbox > label {
  color: #3B3B3F;
  display: inline-block;
  font-size: 1.6rem;
  margin-bottom: 0;
  margin-top: 0; }

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

.compound-field > .field,
.compound-field > .field-short {
  clear: both;
  display: inline-block;
  margin-right: 15px; }
  .compound-field > .field.field-checkbox label,
  .compound-field > .field-short.field-checkbox label {
    line-height: 17px; }
  .compound-field > .field .error-message .message-text,
  .compound-field > .field-short .error-message .message-text {
    float: left; }

.compound-field > .checkbox-group-label {
  margin-top: 2px; }

.compound-field > .field {
  line-height: 37px;
  vertical-align: baseline; }

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

.compound-field .dropdown-wrapper {
  margin-bottom: 0;
  margin-top: -3px;
  vertical-align: middle; }

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

.attach-up-relative {
  top: -15px; }

.attach-up-relative-x2 {
  padding-top: 37px;
  top: -37px; }

.field {
  margin-bottom: 20px;
  position: relative; }
  .field.less-margin {
    margin-bottom: 5px; }
  .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: #3B3B3F;
    margin-bottom: 0; }
  .field.field-radio {
    margin-bottom: 20px; }
    .field.field-radio .icon-dirty {
      left: -1px;
      margin-top: 1px; }
  .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: 20px; }
  .field.l-pull-left {
    margin-right: 20px; }
  .field.top-padding {
    margin-top: 3rem; }

.field-short > .textarea-wordcount,
.form-layout-compact .field > .textarea-wordcount {
  color: #3B3B3F;
  font-size: 1.3rem;
  margin-bottom: 0; }

.field-pane {
  height: 0;
  overflow: hidden;
  padding: 0 0 0 25px; }
  .field-pane .field-content {
    padding: 20px 0; }

.icon.close {
  color: #6F6F76;
  cursor: pointer;
  height: 18px;
  right: 29px;
  top: 0; }
  .icon.close:hover {
    color: #161618; }
  .icon.close.is-empty {
    display: none; }

input[data-clearable] + button.close {
  position: relative;
  right: 30px;
  top: -1px; }

button.close {
  height: 24px;
  margin: 0;
  min-height: 24px;
  min-width: 24px;
  position: absolute;
  right: 7px;
  top: 4px;
  width: 24px; }
  button.close.is-empty {
    display: none; }

[data-clearable='true'] {
  padding-right: 32px; }
  [data-clearable='true'] + .icon.close {
    margin-left: -27px;
    right: auto;
    top: -2px; }
    [data-clearable='true'] + .icon.close:hover {
      color: #161618; }

.is-disabled .icon.close {
  cursor: default;
  opacity: 0.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;
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #BBBBBF;
  border-collapse: separate;
  border-radius: 2px;
  color: #000000;
  display: inline-block;
  font-size: 1.6rem;
  height: 3.8rem;
  max-width: 100%;
  padding: 0 10px;
  resize: none;
  text-align: left;
  width: 300px; }
  input:hover,
  textarea:hover {
    border-color: #28282A; }
  input[disabled],
  textarea[disabled] {
    background-color: #ffffff;
    border: solid 1px #C5C5C9;
    color: #C5C5C9; }
  input[readonly],
  textarea[readonly] {
    background-color: #E0E0E1;
    border-color: #BBBBBF;
    color: #000000; }
  input.is-placeholder,
  textarea.is-placeholder {
    color: #6F6F76; }
    input.is-placeholder.error,
    textarea.is-placeholder.error {
      color: #da1217; }
    input.is-placeholder.alert,
    textarea.is-placeholder.alert {
      color: #F98300; }
    input.is-placeholder.info,
    textarea.is-placeholder.info {
      color: #0064D4; }
  input:focus, input.is-focused,
  textarea:focus,
  textarea.is-focused {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  input.error,
  textarea.error {
    border-color: #da1217; }
    input.error:focus,
    textarea.error:focus {
      border-color: #da1217 !important;
      box-shadow: 0 0 4px 2px rgba(218, 18, 23, 0.3) !important;
      color: #000000 !important; }
  input.alert,
  textarea.alert {
    border-color: #F98300; }
    input.alert:focus,
    textarea.alert:focus {
      border-color: #F98300 !important;
      color: #000000 !important; }
  input.success,
  textarea.success {
    border-color: #2AC371; }
    input.success:focus,
    textarea.success:focus {
      border-color: #2AC371 !important;
      color: #000000 !important; }
  input.info,
  textarea.info {
    border-color: #0064D4; }
    input.info:focus,
    textarea.info:focus {
      border-color: #0064D4 !important;
      color: #000000 !important; }

input:focus {
  border-color: #0072ED; }

textarea[rows] {
  height: auto; }

.input-style {
  background-color: #ffffff;
  border: 1px solid #BBBBBF;
  border-collapse: separate; }
  .input-style:hover, .input-style.is-hovered {
    border-color: #28282A; }
  .input-style[disabled], .input-style.is-disabled {
    background-color: #ffffff;
    border: solid 1px #C5C5C9; }
  .input-style[readonly], .input-style.is-readonly {
    background-color: #E0E0E1;
    border-color: #BBBBBF; }
  .input-style.is-placeholder {
    color: #6F6F76; }
  .input-style.is-focused {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }

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

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

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

.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) {
  margin: 5px 0 15px; }

.inline textarea:not(.busy):not(.colorpicker):not(.datepicker):not(.switch):not(.lookup):not(.searchfield) {
  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):not(.checkbox-label):not(.accessible)::after,
.label.required:not(.inline):not(.checkbox-label):not(.accessible)::after {
  content: '*';
  color: #da1217;
  display: inline-block;
  font-size: 2.8rem;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 3px; }

label.required:not(.inline):not(.checkbox-label) .required-asterisk,
.label.required:not(.inline):not(.checkbox-label) .required-asterisk {
  color: #da1217;
  display: inline-block;
  font-size: 2.8rem;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 3px; }

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

label.required .label-text .required-asterisk,
.label.required .label-text .required-asterisk {
  color: #da1217;
  display: inline-block;
  font-size: 2.8rem;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 3px; }

span.required::after {
  content: '*';
  color: #da1217;
  display: inline-block;
  font-size: 2.8rem;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 3px; }

::-webkit-input-placeholder {
  color: #6F6F76;
  font-size: 1.6rem;
  font-weight: 400;
  opacity: 1; }

.is-safari input[disabled],
.is-safari textarea[disabled],
.is-safari .searchfield[disabled] {
  -webkit-text-fill-color: #C5C5C9; }

::-moz-placeholder {
  color: #6F6F76;
  font-size: 1.6rem;
  font-weight: 400;
  opacity: 1; }

:-ms-input-placeholder {
  color: #6F6F76;
  font-size: 1.6rem;
  font-weight: 400;
  opacity: 1; }

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

.error {
  color: #da1217; }

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

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

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

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

.alert,
.alert-message,
.alert-message p {
  color: #F98300; }

.alert::-webkit-input-placeholder {
  color: #F98300;
  opacity: 1; }

.alert::-moz-placeholder {
  color: #F98300;
  opacity: 1; }

.alert:-ms-input-placeholder {
  color: #F98300;
  opacity: 1; }

.success,
.success-message,
.success-message p {
  color: #2AC371; }

.success::-webkit-input-placeholder {
  color: #2AC371;
  opacity: 1; }

.success::-moz-placeholder {
  color: #2AC371;
  opacity: 1; }

.success:-ms-input-placeholder {
  color: #2AC371;
  opacity: 1; }

.info,
.info-message,
.info-message p {
  color: #0064D4; }

.info::-webkit-input-placeholder {
  color: #0064D4;
  opacity: 1; }

.info::-moz-placeholder {
  color: #0064D4;
  opacity: 1; }

.info:-ms-input-placeholder {
  color: #0064D4;
  opacity: 1; }

::selection {
  background: #0072ED;
  color: #ffffff; }

::-moz-selection {
  background: #0072ED;
  color: #ffffff; }

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

.field-short,
.form-layout-compact .field {
  font-size: 0;
  margin-bottom: 12px;
  position: relative; }
  .field-short input,
  .form-layout-compact .field input {
    font-size: 1.4rem;
    height: 2.8rem;
    margin-bottom: 0;
    padding: 0 5px;
    resize: none; }
  .field-short textarea:not(.editable),
  .form-layout-compact .field textarea:not(.editable) {
    font-size: 1.4rem;
    line-height: 1.6rem;
    min-height: 80px;
    padding: 5px; }
  .field-short:last-child:not(:only-child),
  .form-layout-compact .field:last-child:not(:only-child) {
    margin-bottom: 0; }
  .field-short .error-message .message-text,
  .form-layout-compact .field .error-message .message-text {
    font-size: 1.4rem; }
  .field-short .icon-error,
  .field-short .icon-success,
  .form-layout-compact .field .icon-error,
  .form-layout-compact .field .icon-success {
    height: 14px;
    margin-left: -1px;
    top: auto;
    width: 18px; }
  .field-short .icon-error.lower-opacity,
  .form-layout-compact .field .icon-error.lower-opacity {
    opacity: 0.3;
    z-index: -1; }
  .field-short ::-webkit-input-placeholder,
  .form-layout-compact .field ::-webkit-input-placeholder {
    font-size: 1.4rem; }
  .field-short ::-moz-placeholder,
  .form-layout-compact .field ::-moz-placeholder {
    font-size: 1.4rem; }
  .field-short :-ms-input-placeholder,
  .form-layout-compact .field :-ms-input-placeholder {
    font-size: 1.4rem; }

.field-large input,
.form-layout-large .field input {
  height: 4.4rem;
  padding: 0 16px; }

.is-firefox .field-short input:not(.spinbox),
.is-firefox .form-layout-compact .field input:not(.spinbox) {
  padding-top: 2px; }

.field-short input {
  text-align: left;
  width: 150px; }

.field-short .icon-error,
.field-short .icon-success {
  margin-left: -27px;
  margin-top: 6px;
  top: auto; }

.field-short label {
  display: inline-block;
  font-size: 1.4rem;
  padding-right: 10px;
  padding-top: 5px;
  text-align: right;
  vertical-align: top;
  width: 150px; }
  .field-short label ~ .error-message {
    left: 150px; }

.field-stacked label:not(.radio-label) {
  display: block;
  padding-right: 0;
  padding-top: 0 !important;
  text-align: initial;
  vertical-align: initial;
  width: auto; }
  .field-stacked label:not(.radio-label) ~ .error-message {
    left: 0; }

.field-stacked .datepicker,
.field-stacked .timepicker {
  width: 150px; }

.field-stacked input {
  width: 300px; }

.form-layout-compact .field {
  margin-bottom: 12px; }
  .form-layout-compact .field span.data {
    display: inline; }

.form-layout-compact label,
.form-layout-compact .label {
  font-size: 1.4rem;
  margin: 0 0 6px 0; }

.form-layout-compact label.inline .checkbox ~ .label-text,
.form-layout-compact .checkbox-label {
  line-height: 1.4rem; }

.form-layout-compact .field.field-checkbox {
  margin-bottom: 12px; }

.form-layout-compact .field:not(.field-checkbox) + .field.field-checkbox {
  margin-bottom: 10px; }

.field-short {
  margin-bottom: 12px; }
  .field-short label,
  .field-short .label {
    font-size: 1.4rem;
    margin: 0 0 6px 0; }

.input-lg,
.colorpicker-container .input-lg.colorpicker,
.field-short .input-lg,
.form-layout-compact .field .input-lg {
  width: 400px; }

.input-md,
.colorpicker-container .input-md.colorpicker,
.input-md.datepicker,
.field-short .input-md,
.form-layout-compact .field .input-md {
  width: 300px; }

.input-mm,
.colorpicker-container .input-mm.colorpicker,
.input-mm.datepicker,
.field-short .input-mm,
.form-layout-compact .field .input-mm {
  width: 225px; }

.input-sm,
.colorpicker-container .input-sm.colorpicker,
.field-short .input-sm,
.form-layout-compact .field .input-sm {
  width: 150px; }

.input-xs,
.colorpicker-container .input-xs.colorpicker,
.field-short .input-xs,
.form-layout-compact .field .input-xs {
  width: 75px; }

.input-full {
  width: 100%; }

.field-info {
  display: block;
  font-size: 1.6rem;
  line-height: 1.2rem;
  margin-bottom: 12px;
  margin-top: 7px;
  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 + .error-message {
    margin-top: -12px; }
  .field-info .message-text {
    font-size: inherit;
    line-height: 14px;
    margin-bottom: 16px;
    margin-top: -2px;
    max-width: 267px;
    padding-left: 20px; }

.error-message {
  color: #da1217;
  display: block;
  font-size: 1.6rem;
  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: 1.6rem;
    line-height: 15px;
    max-width: 280px;
    padding-left: 19px; }

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

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

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

.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-mm,
.columns input.has-actions.datepicker.input-mm {
  max-width: 225px;
  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; }

.column .field > .checkbox-label.top-margin,
.columns .field > .checkbox-label.top-margin {
  margin-top: 30px; }

.column .field-checkbox span.label,
.columns .field-checkbox span.label {
  margin-top: 10px; }

.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-short label ~ .error-message {
  left: initial;
  right: 150px; }

html[dir='rtl'] .field-short.field-stacked label ~ .error-message {
  right: initial; }

html[dir='rtl'] .field-short.field-stacked label:not(.radio-label) {
  text-align: right; }

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'] [data-clearable='true'] {
  padding-left: 32px;
  padding-right: 10px; }
  html[dir='rtl'] [data-clearable='true'] + .icon.close {
    margin-right: -30px;
    right: auto; }

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

html[dir='rtl'] .field-short label:not(.radio-label) {
  padding-left: 10px;
  padding-right: inherit;
  text-align: left; }

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

html[dir='rtl'] .compound-field > .field .error-message .message-text,
html[dir='rtl'] .compound-field > .field-short .error-message .message-text {
  float: right; }

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

@media (max-width: 766px) {
  .column .field > .checkbox-label.top-margin,
  .columns .field > .checkbox-label.top-margin {
    margin-bottom: 5px;
    margin-top: -5px; }
  .column .field-checkbox span.label,
  .columns .field-checkbox span.label {
    margin-top: -22px; } }

@media (max-width: 766px) {
  .input-md {
    width: 225px; } }

.field .btn-actions .icon {
  height: 18px;
  width: 18px; }

label.required:not(.inline) .required-asterisk,
.label.required:not(.inline) .required-asterisk,
label.required:not(.inline):not(.accessible):not(.checkbox-label)::after,
.label.required:not(.inline):not(.accessible):not(.checkbox-label)::after,
label.required .label-text:not(.accessible):not(.checkbox-label)::after,
.label.required .label-text:not(.accessible):not(.checkbox-label)::after {
  font-size: 2.2rem !important;
  top: 3px !important; }

span.required::after {
  font-size: 2.2rem; }

.field-info .icon {
  margin-top: -3px; }

.field-info + .error-message {
  margin-top: 0; }

.error-message .icon {
  height: 18px;
  margin-top: 4px;
  margin-inline-end: 1px;
  width: 18px; }

.error-message .message-text {
  padding-left: 21px; }

.is-firefox .field-short input:not(.spinbox),
.is-firefox .form-layout-compact .field input:not(.spinbox) {
  padding-top: 0; }

button.close {
  top: 7px;
  width: 14px; }
  button.close .icon {
    height: 16px;
    right: initial;
    top: -2px;
    width: 16px; }

.alert-message .icon,
.success-message .icon,
.info-message .icon,
.custom-icon-message .icon {
  height: 18px;
  left: -1px;
  top: -2px;
  width: 18px; }

.link {
  cursor: pointer;
  display: inline-grid;
  width: 156px;
  height: 136px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid transparent;
  box-shadow: 0 0 4px 0 #E0E0E1;
  padding-top: 5%;
  margin-inline-start: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  transition: 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .link.dual {
    width: 328px; }
  .link .status {
    width: 48px;
    height: 48px;
    margin: auto; }
    .link .status .icon {
      color: #6C23C9;
      width: 48px;
      height: 48px; }
  .link .text {
    height: 40px;
    margin: 12px;
    color: #6F6F76; }
    .link .text .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 16px;
      font-weight: 600;
      text-align: center; }
  .link:hover {
    border-color: #C5C5C9; }
  .link.is-selected {
    border: 2px solid #0072ED; }
  .link:focus:not(.is-selected) {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }

.skip-link {
  background-color: #ffffff;
  border: 1px solid #C5C5C9;
  border-radius: 0 0 2px 2px;
  border-top: 1px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  color: #0072ED;
  font-size: 1.6rem;
  left: 0;
  line-height: 31px;
  margin-left: 20px;
  padding: 0 10px;
  position: absolute;
  text-decoration: none;
  top: -40px;
  transition: top 1s ease-out 0s, background 1s linear 0s;
  z-index: 10019; }
  .skip-link:hover::after {
    border-bottom: 1px solid #0072ED;
    content: '';
    height: 23px;
    left: 10px;
    position: absolute;
    width: calc(100% - 20px); }

.skip-link:focus {
  left: 0;
  outline: 0 none;
  position: absolute;
  top: 0;
  transition: top 0.3s ease-in 0s, background 0.3s linear 0s; }

html[dir='rtl'] .skip-link {
  left: unset;
  margin-right: 20px;
  right: 0; }

.switch {
  clear: both;
  display: block;
  margin: 0;
  position: relative; }
  .switch label {
    color: #3B3B3F;
    display: inline-block;
    font-size: 1.6rem;
    padding-left: 42px; }
    .switch label.inline {
      margin-bottom: 0; }
  .switch input {
    border: none;
    clip: rect(0, 0, 0, 0);
    height: 14px;
    position: absolute; }
    .switch input:focus {
      box-shadow: none; }
  .switch input:empty ~ .label-text,
  .switch input:empty ~ label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: pointer;
    line-height: 16px;
    margin-bottom: 12px;
    position: relative; }
    .switch input:empty ~ .label-text:hover::after,
    .switch input:empty ~ label:hover::after {
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
  .switch input:empty ~ .label-text::before,
  .switch input:empty ~ label::before {
    background-color: #BBBBBF;
    border-radius: 4px;
    height: 4px;
    left: 0;
    top: 7px;
    width: 31px; }
  .switch input:empty ~ .label-text::before,
  .switch input:empty ~ .label-text::after,
  .switch input:empty ~ label::before,
  .switch input:empty ~ label::after {
    -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    content: ' ';
    display: block;
    position: absolute; }
  .switch input:empty ~ .label-text::after,
  .switch input:empty ~ label::after {
    background-color: #ffffff;
    border: 1px solid #C5C5C9;
    border-radius: 50%;
    height: 14px;
    left: 0;
    top: 0;
    width: 14px; }
  .switch input:checked ~ .label-text::before,
  .switch input:checked ~ label::before {
    background-color: #8ABFF7; }
  .switch input:checked ~ .label-text::after,
  .switch input:checked ~ label::after {
    background: #0072ED;
    border-color: #0072ED;
    left: 15px; }
  .switch input:not(:disabled):active ~ .label-text::after,
  .switch input:not(:disabled):not(.hide-focus):focus ~ .label-text::after,
  .switch input:not(:disabled):active ~ label::after,
  .switch input:not(:disabled):not(.hide-focus):focus ~ label::after {
    background-color: #ffffff;
    box-shadow: 0 0 0 3px #cbdce6, 0 0 0 4px #0072ED, 0 0 4px 6px rgba(54, 138, 192, 0.3); }
  .switch input:not(:disabled):checked:active ~ .label-text::after,
  .switch input:not(:disabled):checked:focus ~ .label-text::after,
  .switch input:not(:disabled):checked:active ~ label::after,
  .switch input:not(:disabled):checked:focus ~ label::after {
    background-color: #0072ED; }
  .switch input:not(:disabled):checked:hover ~ .label-text::after,
  .switch input:not(:disabled):checked:hover ~ label::after {
    background-color: #0066D4; }
  .switch input:disabled ~ .label-text,
  .switch input:disabled ~ label {
    color: #C5C5C9;
    cursor: default; }
    .switch input:disabled ~ .label-text:hover::after,
    .switch input:disabled ~ label:hover::after {
      box-shadow: none; }
  .switch input:disabled ~ .label-text::before,
  .switch input:disabled ~ label::before {
    background-color: #C5C5C9; }
  .switch input:disabled ~ .label-text::after,
  .switch input:disabled ~ label::after {
    background-color: #E0E0E1;
    border-color: #C5C5C9; }
  .switch input:disabled:checked ~ .label-text::before,
  .switch input:disabled:checked ~ label::before {
    background-color: #BEDCFA; }
  .switch input:disabled:checked ~ .label-text::after,
  .switch input:disabled:checked ~ label::after {
    background-color: #55A3F3;
    border-color: #B1B1B1; }

.form-layout-compact .switch input:empty ~ .label-text,
.form-layout-compact .switch input:empty ~ label {
  font-size: 1.4rem;
  margin-bottom: 8px;
  padding-left: 38px; }

.modal-body-wrapper .switch:last-child {
  margin-bottom: 0; }

html[dir='rtl'] .switch input {
  border: 0;
  padding: 0;
  width: 0; }

html[dir='rtl'] .switch label {
  padding-left: 0;
  padding-right: 42px; }

html[dir='rtl'] .switch input:empty {
  margin-left: 0;
  margin-right: -9999px; }
  html[dir='rtl'] .switch input:empty ~ .label-text::before,
  html[dir='rtl'] .switch input:empty ~ label::before {
    left: auto;
    right: 0; }
  html[dir='rtl'] .switch input:empty ~ .label-text::after,
  html[dir='rtl'] .switch input:empty ~ label::after {
    left: auto;
    right: 0; }

html[dir='rtl'] .switch input:checked ~ .label-text::after,
html[dir='rtl'] .switch input:checked ~ label::after {
  left: auto;
  right: 15px; }

.field-short .radio-group legend,
.form-layout-compact .field .radio-group legend {
  padding-bottom: 18px; }

.radio-group .field-short:first-of-type,
.form-layout-compact .field .radio-group .field-short:first-of-type {
  margin-top: 17px; }

.ids-virtual-scroll {
  height: 250px;
  overflow: auto;
  width: 100%; }
  .ids-virtual-scroll:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }

.ids-virtual-scroll-viewport {
  position: relative; }

.stat {
  display: inline-block;
  min-height: 136px;
  max-height: 136px;
  width: 155px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  margin-inline-start: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  outline: 1px solid #ffffff;
  transition: 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .stat:nth-last-child(-n + 1) {
    margin-bottom: 16px; }
  .stat.no-margin-top {
    margin-top: -2px; }
  .stat.actionable {
    cursor: pointer; }
    .stat.actionable:hover {
      outline: 1px solid #C5C5C9;
      box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15); }
    .stat.actionable.is-selected {
      outline: 2px solid #0072ED; }
    .stat.actionable:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: 0; }
  .stat.dual {
    width: 328px; }
    @media (max-width: 396px) {
      .stat.dual {
        width: auto;
        min-width: 156px; } }
  .stat .assessment {
    display: flex;
    margin: 10px 11px 0 15px; }
    .stat .assessment .percentage {
      min-width: 49px;
      min-height: 18px;
      font-size: 14px;
      font-weight: 700;
      flex-grow: 1;
      line-height: 25px; }
    .stat .assessment .status {
      height: 24px;
      max-height: 24px;
      width: 24px;
      max-width: 24px;
      flex-grow: 1;
      text-align: center;
      border-radius: 50%; }
      .stat .assessment .status .icon {
        margin: 0;
        top: 50%;
        transform: translateY(-50%); }
    .stat .assessment.info .percentage {
      color: #0064D4; }
    .stat .assessment.info .status {
      background-color: #E6F1FD; }
      .stat .assessment.info .status .icon {
        color: #0064D4; }
    .stat .assessment.error .percentage {
      color: #da1217; }
    .stat .assessment.error .status {
      background-color: #FBE7E8; }
      .stat .assessment.error .status .icon {
        color: #da1217; }
    .stat .assessment.caution .percentage {
      color: #F98300; }
    .stat .assessment.caution .status {
      background-color: #FEF2E5; }
      .stat .assessment.caution .status .icon {
        color: #F98300; }
    .stat .assessment.success .success {
      color: #2AC371; }
    .stat .assessment.success .status {
      background-color: #EBF9F1; }
      .stat .assessment.success .status .icon {
        color: #2AC371; }
  .stat .details {
    position: relative;
    margin: 17px 15px 16px; }
    .stat .details .value {
      font-size: 40px;
      font-weight: 600;
      color: #161618; }
      .stat .details .value.success .icon {
        color: #2AC371; }
      .stat .details .value.alert .icon {
        color: #DA1217; }
    .stat .details .title {
      font-size: 14px;
      font-weight: 600;
      color: #6F6F76; }
    .stat .details .subtitle {
      font-size: 12px;
      font-weight: 400;
      color: #8E8E95;
      text-transform: uppercase; }
    .stat .details:has(> :last-child:nth-child(3)) {
      /* 3 elements */
      margin-top: 4px; }

.card.bordered .stat,
.widget.bordered .stat {
  box-shadow: none; }

.theme-new-dark .stat .assessment .status,
.theme-classic-dark .stat .assessment .status {
  background-color: transparent; }

html[class*="theme-classic-"] .stat {
  box-shadow: none;
  margin-top: 12px;
  margin-bottom: 6px;
  width: auto; }

.modal.about {
  max-width: 560px;
  min-width: 300px;
  width: calc(100% - 40px); }
  .modal.about .modal-content {
    margin: 0;
    position: relative; }
  .modal.about .modal-content .modal-body-wrapper {
    padding: 16px 16px 0; }
  .modal.about .modal.about .modal-body {
    margin: 0 10px 16px; }
  .modal.about .modal-body p:first-of-type {
    padding-top: 10px; }
  .modal.about .close-container {
    position: absolute;
    right: 8px;
    text-align: right;
    top: 8px; }
  .modal.about .modal-header {
    padding-top: 40px;
    text-align: center; }
    .modal.about .modal-header h1 {
      color: #161618;
      margin: 0;
      padding: 0;
      text-align: center; }
  .modal.about .modal-body {
    border: 1px solid #C5C5C9;
    border-radius: 2px;
    margin: 0 10px 30px;
    max-height: 199px;
    outline: medium none;
    overflow-y: scroll; }
    @media only screen and (max-height: 425px) {
      .modal.about .modal-body {
        max-height: 175px; } }
    @media only screen and (max-height: 400px) {
      .modal.about .modal-body {
        max-height: 145px; } }
    @media only screen and (max-height: 350px) {
      .modal.about .modal-body {
        max-height: 115px; } }
    @media only screen and (max-height: 300px) {
      .modal.about .modal-body {
        max-height: 100px; } }
    @media only screen and (max-height: 265px) {
      .modal.about .modal-body {
        max-height: 53px; } }
    .modal.about .modal-body:hover {
      border-color: #525257; }
    .modal.about .modal-body:focus, .modal.about .modal-body.focusbody {
      border: solid 1px #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }
  .modal.about .modal-body-wrapper {
    margin-bottom: 20px;
    overflow: hidden; }
  .modal.about .additional-content {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #161618;
    font-size: 1.6rem;
    line-height: normal; }
  .modal.about .about-logo {
    height: 72px;
    margin-bottom: 6px;
    width: 72px; }
  .modal.about p {
    color: #161618;
    margin-top: 0;
    padding: 10px; }
    .modal.about p:focus {
      outline: none; }

html[dir='rtl'] .modal.about .close-container {
  left: 8px;
  right: auto; }

#copy-to-clipboard {
  top: 375px;
  right: 20px;
  position: absolute; }

/* stylelint-disable */
/* stylelint-enable */
.btn-expander {
  background-color: transparent !important;
  border-color: transparent;
  color: #28282A;
  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;
      width: auto; }
      .btn-expander .icon.plus-minus::before, .btn-expander .icon.plus-minus::after {
        background-color: #6F6F76;
        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);
      padding-right: 0; }
      .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: #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .btn-expander:focus:active {
      background-color: #0072ED; }
  .btn-expander:active .icon {
    color: #000000; }
  .btn-expander:active .plus-minus::before, .btn-expander:active .plus-minus::after {
    background-color: #000000; }

/* stylelint-disable max-nesting-depth,selector-max-compound-selectors */
.accordion {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 0;
  font-size: 0;
  overflow-y: visible; }
  .accordion.is-disabled {
    background-color: transparent !important;
    border-bottom-color: #C5C5C9;
    pointer-events: none; }
    .accordion.is-disabled .accordion-header {
      background-color: transparent !important;
      color: #C5C5C9 !important; }
      .accordion.is-disabled .accordion-header a {
        color: #C5C5C9 !important; }
      .accordion.is-disabled .accordion-header span {
        color: #C5C5C9 !important; }
      .accordion.is-disabled .accordion-header .icon {
        color: #C5C5C9 !important; }
        .accordion.is-disabled .accordion-header .icon.plus-minus::before, .accordion.is-disabled .accordion-header .icon.plus-minus::after {
          background-color: #C5C5C9 !important; }
      .accordion.is-disabled .accordion-header.list-item::before {
        color: #C5C5C9 !important; }
    .accordion.is-disabled .accordion-pane {
      background-color: transparent !important; }
      .accordion.is-disabled .accordion-pane .accordion-content,
      .accordion.is-disabled .accordion-pane .accordion-header {
        background-color: transparent !important;
        border-bottom-color: transparent !important; }
  .accordion.has-icons > .accordion-header > a {
    padding-left: 54px; }
  .accordion.has-icons > .accordion-header > .icon + a,
  .accordion.has-icons > .accordion-header > [class^='btn'] + a {
    padding-left: 0; }
  .accordion.has-icons .accordion-pane .accordion-content {
    padding-inline-start: 54px; }
  .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 54px; }
  .accordion.has-icons .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 54px; }
  .accordion.has-icons .accordion-pane .accordion-header > a {
    padding-inline-start: 36px; }
  .accordion.has-icons .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 30px; }
    .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 0;
      width: calc(100% - 86px); }
  .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 37px; }
  .accordion.has-icons .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 0;
    width: calc(100% - 86px); }
  .accordion.has-icons .accordion-pane .accordion-header.no-icon > a {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 54px; }
  .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 73px; }
  .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 74px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 54px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 49px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 0;
      width: calc(100% - 76px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 56px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 0;
    width: calc(100% - 76px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 74px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 92px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 93px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 74px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 68px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 0;
      width: calc(100% - 95px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 75px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 0;
    width: calc(100% - 95px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 93px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 111px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 112px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 93px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 87px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 0;
      width: calc(100% - 114px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 94px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 0;
    width: calc(100% - 114px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 112px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 131px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 132px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 112px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 106px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 0;
      width: calc(100% - 134px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 113px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 0;
    width: calc(100% - 134px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-left: 132px; }
  .accordion.panel {
    background-color: #F5F5F5;
    border-color: #E0E0E1;
    border-right-color: #E0E0E1; }
    .accordion.panel .accordion-header {
      border-bottom-color: #E0E0E1; }
      .accordion.panel .accordion-header.is-focused:not(.hide-focus) {
        border-bottom-color: #0072ED; }
      .accordion.panel .accordion-header.is-selected, .accordion.panel .accordion-header.is-selected:hover {
        background-color: #0072ED;
        color: #ffffff; }
        .accordion.panel .accordion-header.is-selected > a, .accordion.panel .accordion-header.is-selected:hover > a {
          color: inherit; }
        .accordion.panel .accordion-header.is-selected > .icon, .accordion.panel .accordion-header.is-selected:hover > .icon {
          color: inherit; }
          .accordion.panel .accordion-header.is-selected > .icon .chevron, .accordion.panel .accordion-header.is-selected:hover > .icon .chevron {
            top: -1px; }
        .accordion.panel .accordion-header.is-selected > [class^='btn'] .icon, .accordion.panel .accordion-header.is-selected:hover > [class^='btn'] .icon {
          color: inherit; }
          .accordion.panel .accordion-header.is-selected > [class^='btn'] .icon.plus-minus::before, .accordion.panel .accordion-header.is-selected > [class^='btn'] .icon.plus-minus::after, .accordion.panel .accordion-header.is-selected:hover > [class^='btn'] .icon.plus-minus::before, .accordion.panel .accordion-header.is-selected:hover > [class^='btn'] .icon.plus-minus::after {
            background-color: #28282A; }
        .accordion.panel .accordion-header.is-selected > [class^='btn'] .audible, .accordion.panel .accordion-header.is-selected:hover > [class^='btn'] .audible {
          color: inherit; }
        .accordion.panel .accordion-header.is-selected [class^='btn']:focus, .accordion.panel .accordion-header.is-selected:hover [class^='btn']:focus {
          box-shadow: none; }
          .accordion.panel .accordion-header.is-selected [class^='btn']:focus:not(.hide-focus), .accordion.panel .accordion-header.is-selected:hover [class^='btn']:focus:not(.hide-focus) {
            border: 1px solid #28282A; }
        .accordion.panel .accordion-header.is-selected .accordion-header, .accordion.panel .accordion-header.is-selected:hover .accordion-header {
          border-bottom-color: #0072ED; }
      .accordion.panel .accordion-header.is-selected.is-focused:not(.hide-focus) {
        border-bottom-color: #0072ED; }
      .accordion.panel .accordion-header.filtered.has-filtered-children:not(:hover):not(.is-selected) > a {
        color: #6F6F76; }
      .accordion.panel .accordion-header.filtered.has-filtered-children:not(:hover):not(.is-selected) > .icon {
        color: #6F6F76; }
      .accordion.panel .accordion-header.filtered.has-filtered-children:not(:hover):not(.is-selected) > .btn > .icon::before, .accordion.panel .accordion-header.filtered.has-filtered-children:not(:hover):not(.is-selected) > .btn > .icon::after {
        background-color: #6F6F76; }
      .accordion.panel .accordion-header.has-filtered-children + .accordion-pane {
        display: block; }
      .accordion.panel .accordion-header:last-child {
        border-bottom-color: transparent; }
      .accordion.panel .accordion-header .btn {
        top: -1px; }
      .accordion.panel .accordion-header .icon {
        top: -3px; }
        .accordion.panel .accordion-header .icon.chevron {
          top: 1px; }
          .accordion.panel .accordion-header .icon.chevron.active {
            top: 0; }
    .accordion.panel .accordion-pane {
      background-color: #E0E0E1; }
      .accordion.panel .accordion-pane.is-expanded + .accordion-header,
      .accordion.panel .accordion-pane.is-expanded + .accordion-content {
        border-top-color: #E0E0E1; }
        .accordion.panel .accordion-pane.is-expanded + .accordion-header.is-focused:not(.hide-focus),
        .accordion.panel .accordion-pane.is-expanded + .accordion-content.is-focused:not(.hide-focus) {
          border-top-color: #0072ED; }
        .accordion.panel .accordion-pane.is-expanded + .accordion-header.is-selected,
        .accordion.panel .accordion-pane.is-expanded + .accordion-content.is-selected {
          border-top-color: transparent; }
      .accordion.panel .accordion-pane:last-child .accordion-content:last-child {
        border-bottom: 0; }
    .accordion.panel .accordion-content {
      border-bottom-color: #E0E0E1; }
    .accordion.panel.alternate {
      background-color: #ffffff; }
      .accordion.panel.alternate.is-disabled .accordion-header {
        border-bottom-color: #E0E0E1; }
      .accordion.panel.alternate .accordion-header {
        border-bottom-color: #E0E0E1; }
        .accordion.panel.alternate .accordion-header.is-focused:not(.hide-focus) {
          border-bottom-color: #0072ED; }
      .accordion.panel.alternate .accordion-pane {
        background-color: #E0E0E1; }
        .accordion.panel.alternate .accordion-pane .accordion-header {
          border-bottom-color: #E0E0E1; }
          .accordion.panel.alternate .accordion-pane .accordion-header:last-child {
            border-bottom-color: transparent; }
          .accordion.panel.alternate .accordion-pane .accordion-header.is-focused:not(.hide-focus) {
            border-bottom-color: #0072ED;
            box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
          .accordion.panel.alternate .accordion-pane .accordion-header.is-selected, .accordion.panel.alternate .accordion-pane .accordion-header.is-selected:hover, .accordion.panel.alternate .accordion-pane .accordion-header.is-focused.is-selected {
            border-bottom-color: #0072ED; }
          .accordion.panel.alternate .accordion-pane .accordion-header.has-filtered-children, .accordion.panel.alternate .accordion-pane .accordion-header.has-filtered-children.is-focused, .accordion.panel.alternate .accordion-pane .accordion-header.has-filtered-children.is-selected {
            background-color: transparent; }
        .accordion.panel.alternate .accordion-pane .accordion-content {
          border-bottom-color: #E0E0E1;
          color: #6F6F76; }
    .accordion.panel.inverse {
      background-color: #28282A;
      border-right: #28282A; }
      .accordion.panel.inverse .accordion-header {
        border-bottom-color: #28282A;
        color: #ffffff; }
        .accordion.panel.inverse .accordion-header .icon {
          color: #ffffff; }
          .accordion.panel.inverse .accordion-header .icon.plus-minus::before, .accordion.panel.inverse .accordion-header .icon.plus-minus::after {
            background-color: #ffffff; }
        .accordion.panel.inverse .accordion-header > [class^='btn']:focus:not(.hide-focus) {
          border-color: #0072ED;
          box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
        .accordion.panel.inverse .accordion-header.list-item::before {
          color: #ffffff; }
        .accordion.panel.inverse .accordion-header.list-item.is-selected, .accordion.panel.inverse .accordion-header.list-item.is-selected:hover, .accordion.panel.inverse .accordion-header.list-item.is-focused.is-selected {
          color: #28282A; }
        .accordion.panel.inverse .accordion-header.is-focused:not(.hide-focus) {
          border-color: #0072ED; }
        .accordion.panel.inverse .accordion-header.is-selected, .accordion.panel.inverse .accordion-header.is-selected:hover, .accordion.panel.inverse .accordion-header.is-focused.is-selected {
          border-color: #ffffff;
          color: #28282A; }
          .accordion.panel.inverse .accordion-header.is-selected .icon, .accordion.panel.inverse .accordion-header.is-selected:hover .icon, .accordion.panel.inverse .accordion-header.is-focused.is-selected .icon {
            color: #ffffff; }
            .accordion.panel.inverse .accordion-header.is-selected .icon.plus-minus::before, .accordion.panel.inverse .accordion-header.is-selected .icon.plus-minus::after, .accordion.panel.inverse .accordion-header.is-selected:hover .icon.plus-minus::before, .accordion.panel.inverse .accordion-header.is-selected:hover .icon.plus-minus::after, .accordion.panel.inverse .accordion-header.is-focused.is-selected .icon.plus-minus::before, .accordion.panel.inverse .accordion-header.is-focused.is-selected .icon.plus-minus::after {
              background-color: #28282A; }
          .accordion.panel.inverse .accordion-header.is-selected > [class^='btn']:focus:not(.hide-focus), .accordion.panel.inverse .accordion-header.is-selected:hover > [class^='btn']:focus:not(.hide-focus), .accordion.panel.inverse .accordion-header.is-focused.is-selected > [class^='btn']:focus:not(.hide-focus) {
            border-color: #28282A;
            box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
        .accordion.panel.inverse .accordion-header:hover {
          color: #ffffff; }
          .accordion.panel.inverse .accordion-header:hover .icon {
            color: #ffffff; }
            .accordion.panel.inverse .accordion-header:hover .icon.plus-minus::before, .accordion.panel.inverse .accordion-header:hover .icon.plus-minus::after {
              background-color: #ffffff; }
      .accordion.panel.inverse .accordion-pane {
        background-color: #28282A; }
        .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-header,
        .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-content {
          border-top-color: #28282A; }
        .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-header.is-focused, .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-header.is-selected {
          border-top-color: transparent; }
        .accordion.panel.inverse .accordion-pane .accordion-header:last-child {
          border-bottom-color: transparent; }
        .accordion.panel.inverse .accordion-pane .accordion-header.is-focused:not(.hide-focus) {
          border-bottom-color: #0072ED;
          box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
        .accordion.panel.inverse .accordion-pane .accordion-header.is-selected, .accordion.panel.inverse .accordion-pane .accordion-header.is-selected:hover, .accordion.panel.inverse .accordion-pane .accordion-header.is-focused.is-selected {
          color: #28282A; }
          .accordion.panel.inverse .accordion-pane .accordion-header.is-selected .icon, .accordion.panel.inverse .accordion-pane .accordion-header.is-selected:hover .icon, .accordion.panel.inverse .accordion-pane .accordion-header.is-focused.is-selected .icon {
            color: #28282A; }
        .accordion.panel.inverse .accordion-pane .accordion-content {
          border-bottom-color: #28282A;
          color: #ffffff; }
          .accordion.panel.inverse .accordion-pane .accordion-content p {
            color: inherit; }
    .accordion.panel.has-subheader-separators .accordion-pane.is-expanded {
      padding: 0; }
    .accordion.panel.has-subheader-separators .accordion-pane .accordion-header:not(:last-child) {
      border-bottom-color: #C5C5C9; }

.accordion-content {
  font-size: 1.6rem; }

.accordion-header {
  border: 1px solid transparent;
  border-bottom-color: #E0E0E1;
  cursor: pointer;
  font-size: 0;
  height: 45px;
  overflow: hidden;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }
  .accordion-header > * {
    vertical-align: middle; }
  .accordion-header span {
    color: inherit; }
    .accordion-header span.audible {
      color: inherit; }
  .accordion-header a {
    color: inherit;
    font-size: 1.6rem;
    text-decoration: none;
    text-overflow: ellipsis; }
  .accordion-header > a {
    display: inline-block;
    overflow: hidden;
    padding: 13px 0 13px 20px;
    white-space: nowrap;
    width: calc(100% - 1px); }
    .accordion-header > a > span {
      margin-top: -1px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
  .accordion-header > [class^='btn'] {
    background-color: transparent !important;
    border-color: transparent;
    color: #28282A;
    height: 38px;
    margin: 0 3px;
    min-width: 0;
    padding: 0 10px;
    width: 40px;
    border-radius: 8px;
    width: 38px;
    height: 38px;
    margin: unset; }
    .accordion-header > [class^='btn'] > * {
      pointer-events: none; }
    .accordion-header > [class^='btn'] + a {
      width: calc(100% - 57px); }
    .accordion-header > [class^='btn'] .icon {
      padding-left: 0;
      padding-right: 1px;
      position: relative; }
      .accordion-header > [class^='btn'] .icon:not(.plus-minus) {
        top: -1px; }
      .accordion-header > [class^='btn'] .icon.plus-minus {
        position: static;
        width: auto; }
        .accordion-header > [class^='btn'] .icon.plus-minus::before, .accordion-header > [class^='btn'] .icon.plus-minus::after {
          background-color: #6F6F76;
          left: 13px;
          top: 17px;
          width: 12px; }
      .accordion-header > [class^='btn'] .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);
        padding-right: 0; }
        .accordion-header > [class^='btn'] .icon.chevron.active {
          -webkit-transform: rotateX(180deg);
          -moz-transform: rotateX(180deg);
          -o-transform: rotateX(180deg);
          -ms-transform: rotateX(180deg);
          transform: rotateX(180deg); }
    .accordion-header > [class^='btn']:focus {
      box-shadow: none; }
      .accordion-header > [class^='btn']:focus:not(.hide-focus) {
        border-color: #0072ED;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
      .accordion-header > [class^='btn']:focus:active {
        background-color: #0072ED; }
    .accordion-header > [class^='btn']:active .icon {
      color: #000000; }
    .accordion-header > [class^='btn']:active .plus-minus::before, .accordion-header > [class^='btn']:active .plus-minus::after {
      background-color: #000000; }
  .accordion-header > [class^='btn'] + a,
  .accordion-header > .icon + a {
    padding-left: 0; }
  .accordion-header .icon {
    color: #6F6F76;
    top: -1px;
    width: 18px; }
  .accordion-header .notification-badge-container {
    margin: 0 18px;
    width: 18px; }
    .accordion-header .notification-badge-container + a {
      width: calc(100% - 56px);
      padding: 9px 0 7px !important; }
    .accordion-header .notification-badge-container .notification-dot.notification-dot-upper-right {
      right: 3px;
      top: 3px;
      transform: scale(1) translate(50%, -50%);
      transform-origin: 100% 0%; }
    .accordion-header .notification-badge-container .notification-dot.notification-dot-upper-left {
      top: 3px;
      left: 3px;
      transform: scale(1) translate(-50%, -50%);
      transform-origin: 0% 0%; }
    .accordion-header .notification-badge-container .notification-dot.notification-dot-lower-right {
      top: 9px;
      left: 9px;
      transform: scale(1) translate(50%, 50%);
      transform-origin: 100% 100%; }
    .accordion-header .notification-badge-container .notification-dot.notification-dot-lower-left {
      top: 9px;
      left: 3px;
      transform: scale(1) translate(-50%, 50%);
      transform-origin: 0% 100%; }
  .accordion-header > .icon {
    margin: 0 16px; }
    .accordion-header > .icon + a {
      width: calc(100% - 56px); }
  .accordion-header:hover {
    color: #161618; }
    .accordion-header:hover > a {
      text-decoration: none; }
    .accordion-header:hover .icon {
      color: #161618; }
      .accordion-header:hover .icon.plus-minus::before, .accordion-header:hover .icon.plus-minus::after {
        background-color: #161618; }
  .accordion-header.is-focused:not(.hide-focus) {
    border-color: #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
  .accordion-header.has-chevron > [class^='btn'] {
    padding: 0; }
  .accordion-header.has-chevron > a {
    width: calc(100% - 55px); }
  .accordion-header.has-chevron > .icon + a {
    width: calc(100% - 104px); }
  .accordion-header.is-disabled {
    background-color: transparent !important;
    color: #C5C5C9 !important;
    pointer-events: none; }
    .accordion-header.is-disabled span.audible {
      color: #ffffff !important; }
    .accordion-header.is-disabled a {
      color: #C5C5C9 !important; }
    .accordion-header.is-disabled .icon {
      color: #C5C5C9 !important; }
      .accordion-header.is-disabled .icon.plus-minus::before, .accordion-header.is-disabled .icon.plus-minus::after {
        background-color: #C5C5C9 !important; }
    .accordion-header.is-disabled + .accordion-pane {
      background-color: transparent !important;
      border-bottom-color: transparent !important; }
      .accordion-header.is-disabled + .accordion-pane .accordion-header {
        background-color: transparent !important;
        border-bottom-color: transparent !important; }
        .accordion-header.is-disabled + .accordion-pane .accordion-header a {
          color: #C5C5C9 !important; }
        .accordion-header.is-disabled + .accordion-pane .accordion-header .icon {
          color: #C5C5C9 !important; }
          .accordion-header.is-disabled + .accordion-pane .accordion-header .icon.plus-minus::before, .accordion-header.is-disabled + .accordion-pane .accordion-header .icon.plus-minus::after {
            background-color: #C5C5C9 !important; }
  .accordion-header.filtered {
    color: #6F6F76; }
    .accordion-header.filtered.icon {
      color: #6F6F76; }
    .accordion-header.filtered:not(.has-filtered-children) {
      display: none; }

.accordion-pane {
  -webkit-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  display: none;
  overflow: hidden;
  padding: 0; }
  .accordion-pane:not(.is-expanded) {
    height: 0; }
  .accordion-pane.is-expanded {
    display: block;
    padding: 0; }
    .accordion-pane.is-expanded + .accordion-header,
    .accordion-pane.is-expanded + .accordion-content {
      border-top-color: #E0E0E1; }
      .accordion-pane.is-expanded + .accordion-header.is-focused:not(.hide-focus),
      .accordion-pane.is-expanded + .accordion-content.is-focused:not(.hide-focus) {
        border-top-color: #0072ED; }
  .accordion-pane .accordion-content {
    color: #6F6F76;
    overflow-x: visible; }
    .accordion-pane .accordion-content p {
      font-size: 1.6rem;
      -webkit-text-size-adjust: 100%; }
    .accordion-pane .accordion-content.filtered {
      display: none; }
  .accordion-pane .accordion-content {
    padding-inline-start: 20px; }
  .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 40px; }
  .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 40px; }
  .accordion-pane .accordion-header {
    height: 34px; }
    .accordion-pane .accordion-header:not(:first-child) {
      border-top-color: transparent; }
    .accordion-pane .accordion-header:last-child {
      border-bottom: 1px solid transparent; }
    .accordion-pane .accordion-header > a {
      padding: 8px 0 8px 20px; }
    .accordion-pane .accordion-header > [class^='btn'],
    .accordion-pane .accordion-header > .icon {
      margin-left: 14px; }
      .accordion-pane .accordion-header > [class^='btn'] + a,
      .accordion-pane .accordion-header > .icon + a {
        padding: 8px 0 8px 1px;
        width: calc(100% - 41px); }
    .accordion-pane .accordion-header > [class^='btn'] {
      height: 25px;
      width: 20px; }
      .accordion-pane .accordion-header > [class^='btn'] .icon.plus-minus::before, .accordion-pane .accordion-header > [class^='btn'] .icon.plus-minus::after {
        left: 5px;
        top: 10px;
        width: 10px; }
    .accordion-pane .accordion-header.list-item::before {
      color: #6F6F76;
      content: '\25cf';
      display: inline-block;
      font-size: 1.6rem;
      padding: 4px 10px 8px 21px;
      vertical-align: middle; }
    .accordion-pane .accordion-header.list-item a {
      padding-left: 1px;
      vertical-align: middle;
      width: calc(100% - 41px); }
    .accordion-pane .accordion-header.list-item.is-disabled > a {
      color: #C5C5C9; }
    .accordion-pane .accordion-header.is-focused:not(.hide-focus) {
      border-color: #0072ED; }
      .accordion-pane .accordion-header.is-focused:not(.hide-focus):last-child {
        border-bottom-color: #0072ED; }
    .accordion-pane .accordion-header.is-selected, .accordion-pane .accordion-header.is-selected:hover {
      color: #28282A; }
      .accordion-pane .accordion-header.is-selected.list-item::before, .accordion-pane .accordion-header.is-selected:hover.list-item::before {
        color: inherit; }
    .accordion-pane .accordion-header.is-disabled {
      background-color: transparent; }
    .accordion-pane .accordion-header:not(.has-chevron) .icon.chevron {
      height: 16px;
      left: -8px;
      top: -1px;
      width: 16px; }
  .accordion-pane .accordion-pane {
    border-bottom-color: transparent;
    padding: 0; }
    .accordion-pane .accordion-pane .accordion-content {
      padding-inline-start: 59px; }
    .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-inline-start: 59px; }
    .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-inline-start: 40px; }
    .accordion-pane .accordion-pane .accordion-header > a {
      padding-inline-start: 40px; }
    .accordion-pane .accordion-pane .accordion-header > .icon,
    .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
      margin-inline-start: 34px; }
      .accordion-pane .accordion-pane .accordion-header > .icon + a,
      .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
        padding-inline-start: 0;
        width: calc(100% - 59px); }
    .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-inline-start: 41px; }
    .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-inline-start: 0;
      width: calc(100% - 59px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-inline-start: 78px; }
    .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-inline-start: 78px; }
    .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-inline-start: 59px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-inline-start: 59px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
      margin-inline-start: 53px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
        padding-inline-start: 0;
        width: calc(100% - 78px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-inline-start: 60px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-inline-start: 0;
      width: calc(100% - 78px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-inline-start: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-inline-start: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-inline-start: 78px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-inline-start: 78px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
      margin-inline-start: 72px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
        padding-inline-start: 0;
        width: calc(100% - 97px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-inline-start: 79px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-inline-start: 0;
      width: calc(100% - 97px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-inline-start: 116px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-inline-start: 116px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-inline-start: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-inline-start: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
      margin-inline-start: 92px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
        padding-inline-start: 0;
        width: calc(100% - 117px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-inline-start: 99px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-inline-start: 0;
      width: calc(100% - 117px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 116px; }

.accordion-content {
  padding: 15px 0 15px 20px; }

html[lang='ja-JP'] .accordion-pane .accordion-header.list-item::before {
  font-size: 0.8rem; }

html[dir='rtl'] .accordion > .accordion-content {
  padding-left: auto;
  padding-right: 20px; }

html[dir='rtl'] .accordion .accordion-header {
  -webkit-font-feature-settings: 'ccmp' 0; }
  html[dir='rtl'] .accordion .accordion-header > a {
    padding-left: 0;
    padding-right: 20px; }
  html[dir='rtl'] .accordion .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-header > [class^='btn'] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 20px; }

html[dir='rtl'] .accordion .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane.has-icons .accordion-content {
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 20px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 14px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-left: 0;
    padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 21px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 34px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 41px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 53px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 60px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 72px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 79px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 92px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 99px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion.has-icons .accordion-header > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-header > .icon + a,
html[dir='rtl'] .accordion.has-icons .accordion-header > [class^='btn'] + a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-content {
  padding-right: 54px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane.has-icons .accordion-content {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > a {
  padding-right: 36px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.no-icon > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 30px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-left: 0;
    padding-right: 1px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 37px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-content {
  padding-right: 54px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 54px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 49px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 56px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 68px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 75px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 87px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 94px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 132px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 132px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-left: 3px;
  margin-right: 106px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 113px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 132px; }

/* stylelint-enable max-nesting-depth,selector-max-compound-selectors */
.is-firefox .accordion-header > [class^='btn'] .icon.plus-minus::before, .is-firefox .accordion-header > [class^='btn'] .icon.plus-minus::after {
  top: 15px; }

.is-firefox .accordion-pane .accordion-header > [class^='btn'] .icon.plus-minus::before, .is-firefox .accordion-pane .accordion-header > [class^='btn'] .icon.plus-minus::after {
  top: 9px; }

html.is-safari .accordion-header .btn, html.ios .accordion-header .btn {
  top: -2px; }

html.android .accordion-pane .accordion-header.list-item::before {
  font-size: 0.7rem; }

.tooltip.tooltip-accordion-style {
  background-color: #ffffff;
  color: #000000; }
  .tooltip.tooltip-accordion-style .arrow {
    display: none; }
  .tooltip.tooltip-accordion-style .tooltip-content {
    padding: 5px; }
    .tooltip.tooltip-accordion-style .tooltip-content p {
      color: #000000; }

.accordion-pane .accordion-header > a {
  padding-bottom: 6px;
  padding-top: 6px; }

.accordion-pane .accordion-header > [class^='btn'] {
  height: 23px;
  min-height: 23px; }
  .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-bottom: 6px;
    padding-top: 6px; }

.accordion-pane .accordion-header.list-item::before {
  padding: 4px 8px 8px 21px; }

.accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 40px; }

.accordion-pane .accordion-pane .accordion-header > .icon,
.accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 34px; }
  .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 61px); }

.accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 41px; }

.accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 61px); }

.accordion-header > a {
  padding: 11px 0 13px 20px; }

.accordion-header .btn {
  color: inherit;
  top: -2px; }

.accordion-header.is-selected .btn,
.accordion-header.is-selected .btn:hover {
  color: #ffffff; }

html:not([dir='rtl']):not(.is-firefox):not(.ie11) .accordion-pane .accordion-header > [class^='btn'] {
  height: 24px;
  min-height: 24px; }

.accordion.panel .accordion-header .btn {
  top: -2px; }

.accordion.panel .accordion-header.is-selected [class^='btn']:focus:not(.hide-focus) {
  border: 1px solid #ffffff !important; }

.ids-actionsheet {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #ffffff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  bottom: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  color: #161618;
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0 auto;
  max-height: 70vh;
  max-width: 480px;
  overflow: auto;
  padding: 12px;
  position: fixed;
  right: 0;
  -webkit-touch-callout: none;
  z-index: 4000; }

.ids-actionsheet-tray-container {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: transform 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  border-radius: 10px 10px 0 0;
  bottom: 40px;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 40px;
  left: 0;
  margin: 0 auto;
  max-width: 480px;
  pointer-events: visible;
  position: fixed;
  right: 0;
  text-align: center;
  visibility: visible;
  width: 100%;
  -webkit-touch-callout: none;
  z-index: 4000; }
  .ids-actionsheet-tray-container.ruby {
    background: #C31014; }
  .ids-actionsheet-tray-container.amber {
    background: #DF6F00; }
  .ids-actionsheet-tray-container.emerald {
    background: #25AF65; }
  .ids-actionsheet-tray-container.azure {
    background: #0066D4; }
  .ids-actionsheet-tray-container.turquoise {
    background: #39A9AA; }
  .ids-actionsheet-tray-container.amethyst {
    background: #6C23C9; }
  .ids-actionsheet-tray-container.slate {
    background: #525257; }
  .ids-actionsheet-tray-container button.ids-actionsheet-tray-btn {
    color: #ffffff;
    width: 100%; }
    .ids-actionsheet-tray-container button.ids-actionsheet-tray-btn svg.icon {
      color: #ffffff;
      margin-right: 8px;
      vertical-align: middle; }
    .ids-actionsheet-tray-container button.ids-actionsheet-tray-btn .ids-actionsheet-tray-btn-text {
      line-height: 40px;
      vertical-align: middle; }
  .ids-actionsheet-tray-container + .ids-actionsheet {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none; }

.ids-actionsheet-container {
  bottom: 0;
  left: 0;
  max-height: 100vh;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0; }
  .ids-actionsheet-container.engaged {
    pointer-events: auto; }
    .ids-actionsheet-container.engaged .ids-actionsheet {
      transform: translate(0); }
    .ids-actionsheet-container.engaged .overlay {
      visibility: visible; }

.ids-action {
  display: block;
  margin-right: 0; }
  .ids-action.btn-tertiary {
    color: #6F6F76; }
    .ids-action.btn-tertiary svg.icon {
      color: #6F6F76; }
    .ids-action.btn-tertiary:hover:not(:disabled) {
      color: #292929; }
      .ids-action.btn-tertiary:hover:not(:disabled) svg.icon {
        color: #292929; }

.separator + .ids-action,
.ids-action + .ids-action {
  margin-top: 12px; }

.ids-actionsheet {
  color: #161618; }

.ids-action.btn-secondary {
  border-color: #0072ED;
  color: #0072ED; }
  .ids-action.btn-secondary:hover {
    border-color: #0072ED;
    background-color: #E6F1FD;
    color: #0072ED; }

body.is-open-touch {
  overflow: hidden; }

.resize-app-menu-container {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  display: flex;
  height: 100vh; }
  .resize-app-menu-container .application-menu.is-open {
    flex-basis: 300px;
    height: 100vh !important;
    min-width: 300px;
    position: relative; }
    .resize-app-menu-container .application-menu.is-open + .resizer {
      background: #28282A;
      cursor: col-resize;
      flex-basis: 3px;
      height: 100vh;
      left: 0;
      position: relative;
      z-index: 2; }
      .resize-app-menu-container .application-menu.is-open + .resizer + .page-container {
        position: relative; }
  .resize-app-menu-container .resizer {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    left: -300px; }
  .resize-app-menu-container .application-menu ~ .page-container {
    right: 0; }
  .resize-app-menu-container .page-container:nth-child(2) {
    margin-top: 65px;
    top: 0; }
  .resize-app-menu-container .page-container.tab-panel-container {
    margin-top: 100px;
    top: 0; }
  .resize-app-menu-container .resize-page-container {
    display: flex;
    flex-direction: column; }
    .resize-app-menu-container .resize-page-container .page-container.scrollable {
      -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      right: 0; }
    .resize-app-menu-container .resize-page-container .page-container:last-child {
      height: calc(100% - 60px); }

.application-menu {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #3B3B3F;
  border-right: 1px solid #28282A;
  bottom: 0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: -300px;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  width: 300px;
  z-index: 500; }
  .application-menu.is-open {
    left: 0; }
  .application-menu.has-open-switcher {
    overflow-y: hidden; }
  .application-menu .audible {
    color: #ffffff !important; }
  .application-menu.show-shadow.is-open {
    -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75); }
  .application-menu + .page-container {
    -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    right: 0; }
  .application-menu .searchfield-wrapper + .accordion {
    min-height: calc(100% - 36px); }
  .application-menu .accordion {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    flex: 0 0 auto;
    margin-bottom: calc(-2rem - 38px);
    margin-left: 1px;
    min-height: 100%;
    width: calc(100% - 1px); }
    .application-menu .accordion::after {
      clear: both;
      content: '';
      display: table; }
    .application-menu .accordion .accordion-content .content {
      display: inline-block;
      max-width: calc(100% - 46px); }
    .application-menu .accordion .panel {
      padding-left: 49px; }
      .application-menu .accordion .panel > * {
        vertical-align: middle; }
      .application-menu .accordion .panel.logout .icon.avatar {
        border-radius: 24px;
        height: 48px;
        vertical-align: top;
        width: 48px; }
      .application-menu .accordion .panel.logout .content {
        font-size: 1.6rem;
        max-width: calc(100% - 52px);
        padding-left: 0.5em; }
        .application-menu .accordion .panel.logout .content > * {
          display: block;
          line-height: 1.5em; }
        .application-menu .accordion .panel.logout .content > .name {
          font-size: 20px;
          font-size: 2rem; }
      .application-menu .accordion .panel.logout span {
        display: inline-block; }
  .application-menu .searchfield-wrapper {
    background-color: #28282A;
    border-bottom-color: #28282A !important;
    margin-bottom: 0;
    width: 100%; }
    .application-menu .searchfield-wrapper .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);
      color: #868686; }
      .application-menu .searchfield-wrapper .icon:not(.close) {
        left: 18px; }
    .application-menu .searchfield-wrapper button.close {
      align-items: center;
      justify-content: center;
      top: 5px; }
      .application-menu .searchfield-wrapper button.close:focus:not(.hide-focus) {
        box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px transparent, 0 0 4px 3px rgba(33, 34, 36, 0.3); }
        .application-menu .searchfield-wrapper button.close:focus:not(.hide-focus) .icon {
          color: #ffffff; }
      .application-menu .searchfield-wrapper button.close:not(.is-empty) {
        display: flex; }
    .application-menu .searchfield-wrapper.has-go-button .icon.close {
      right: 45px; }
    .application-menu .searchfield-wrapper.is-hovered .searchfield {
      border-left-color: transparent; }
    .application-menu .searchfield-wrapper.is-hovered .searchfield-category-button {
      border-color: transparent; }
    .application-menu .searchfield-wrapper.active .searchfield,
    .application-menu .searchfield-wrapper.active .searchfield-category-button, .application-menu .searchfield-wrapper.is-hovered.active .searchfield,
    .application-menu .searchfield-wrapper.is-hovered.active .searchfield-category-button {
      border-color: transparent;
      color: #ffffff; }
    .application-menu .searchfield-wrapper.active .icon, .application-menu .searchfield-wrapper.is-hovered.active .icon {
      color: #ffffff; }
    .application-menu .searchfield-wrapper.has-categories.show-category .searchfield {
      border-left-color: #28282A; }
    .application-menu .searchfield-wrapper.has-categories.show-category.is-hovered .searchfield {
      border-left-color: #28282A; }
    .application-menu .searchfield-wrapper.has-focus {
      box-shadow: none !important; }
    .application-menu .searchfield-wrapper .searchfield {
      padding-left: 39px;
      padding-right: 34px; }
    .application-menu .searchfield-wrapper .icon:not(.close):not(.icon-error) {
      left: 18px; }
  .application-menu .searchfield,
  .application-menu .searchfield-category-button {
    -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);
    background-color: transparent;
    border-color: transparent; }
  .application-menu .go-button {
    margin: 0; }
  .application-menu .searchfield {
    color: #ffffff;
    display: block; }
    .application-menu .searchfield::placeholder {
      color: #8E8E95; }
    .application-menu .searchfield::-webkit-input-placeholder {
      color: #8E8E95; }
    .application-menu .searchfield::-moz-placeholder {
      color: #8E8E95;
      opacity: 1; }
    .application-menu .searchfield:-ms-input-placeholder {
      color: #8E8E95; }
  .application-menu .accordion-static-panel {
    background-color: #28282A;
    border-bottom-color: #28282A !important;
    margin: 0 auto;
    min-height: 85px;
    padding: 10px 0 10px 30px; }
    .application-menu .accordion-static-panel .name {
      display: block;
      font-size: 2.8rem;
      line-height: 1.5em;
      padding: 15px 10px 10px;
      position: relative; }
    .application-menu .accordion-static-panel .btn-menu {
      margin-top: -5px;
      text-align: left; }
      .application-menu .accordion-static-panel .btn-menu span {
        color: inherit;
        display: inline-block;
        max-width: 168px;
        overflow: hidden;
        text-overflow: ellipsis; }
  .application-menu .icon.avatar {
    border-radius: 20px;
    height: 40px;
    top: 3px;
    vertical-align: top;
    width: 40px; }
  .application-menu .icon.avatar.l-center {
    top: 5px;
    vertical-align: middle; }
  .application-menu .expandable-area {
    display: inline-block;
    vertical-align: middle; }
  .application-menu .accordion-content h1,
  .application-menu .accordion-content h2,
  .application-menu .accordion-content h3,
  .application-menu .accordion-content h4,
  .application-menu .accordion-content p {
    color: #F5F5F5; }
  .application-menu .accordion::after,
  .application-menu .branding {
    height: calc(2rem + 38px); }
  .application-menu .branding {
    padding: 1rem 0 0 1rem; }
    .application-menu .branding .icon {
      height: 34px;
      margin-top: 1px;
      width: 34px; }
  .application-menu .hyperlink {
    color: #ffffff; }
    .application-menu .hyperlink:hover:not([disabled]) {
      color: #ffffff; }
  .application-menu .application-menu-content {
    flex: 1 1 auto; }
  .application-menu .application-menu-header,
  .application-menu .application-menu-footer {
    background-color: #525257;
    border-bottom-color: #28282A !important;
    flex: 0 0 auto;
    padding: 10px 0 10px 20px; }
    .application-menu .application-menu-header button,
    .application-menu .application-menu-footer button {
      margin: 5px 15px; }
      .application-menu .application-menu-header button:first-child,
      .application-menu .application-menu-footer button:first-child {
        margin: 5px 0; }
      .application-menu .application-menu-header button span,
      .application-menu .application-menu-footer button span {
        color: #ffffff; }
      .application-menu .application-menu-header button .icon,
      .application-menu .application-menu-footer button .icon {
        color: #ffffff; }
      .application-menu .application-menu-header button:not(:disabled):hover .icon,
      .application-menu .application-menu-header button:not(:disabled):hover span,
      .application-menu .application-menu-footer button:not(:disabled):hover .icon,
      .application-menu .application-menu-footer button:not(:disabled):hover span {
        color: #ffffff; }
  .application-menu .application-menu-header {
    padding-top: 15px; }
    .application-menu .application-menu-header .name,
    .application-menu .application-menu-header .name-xl {
      display: block;
      font-size: 2.8rem;
      line-height: 1.5em;
      padding: 15px 10px 10px;
      position: relative; }
    .application-menu .application-menu-header .name-xl {
      font-size: 4.2rem;
      line-height: normal;
      padding-left: 0;
      padding-top: 2.5rem; }
    .application-menu .application-menu-header .content {
      display: inline-block;
      max-width: calc(100% - 46px); }
  .application-menu .application-menu-footer {
    border-bottom-color: #525257 !important;
    border-top-color: #28282A !important; }
    .application-menu .application-menu-footer .hyperlink {
      margin-left: 5px;
      position: relative;
      top: -4px; }
    .application-menu .application-menu-footer .application-menu-toolbar button:first-child {
      margin: 5px -3px; }
  .application-menu .application-menu-toolbar {
    margin-left: -10px;
    margin-top: -5px; }
  .application-menu .application-menu-switcher-panel {
    background-color: #3B3B3F;
    border-top: 1px solid #28282A;
    height: 100%;
    left: 0;
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 501; }
    .application-menu .application-menu-switcher-panel .content {
      max-width: 100%;
      overflow-y: auto;
      padding: 0 !important;
      width: 100%; }
  .application-menu .accordion-heading {
    border-top: 1px solid #28282A;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 0.9;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 15px;
    text-transform: uppercase; }
  .application-menu .application-menu-switcher-trigger {
    float: right;
    height: auto;
    margin-left: 0 !important;
    max-width: 78%;
    min-height: 34px;
    white-space: normal;
    z-index: 1; }
    .application-menu .application-menu-switcher-trigger > * {
      vertical-align: top; }
    .application-menu .application-menu-switcher-trigger span {
      display: inline-block;
      max-width: 85%;
      padding-top: 1px;
      text-align: right; }
  .application-menu.has-menu-footer .accordion,
  .application-menu.has-menu-footer .searchfield-wrapper + .accordion {
    min-height: auto; }

@media (max-width: 766px) {
  .application-menu {
    z-index: 7001; } }

.application-menu-wrapper {
  display: inherit;
  flex-direction: inherit;
  height: inherit; }

.ie11 .application-menu.has-menu-footer.has-scrollbar {
  overflow-y: scroll; }

.ios-click-target {
  cursor: pointer; }

.is-firefox.is-mac .application-menu .application-menu-switcher-trigger {
  padding-top: 8px; }
  .is-firefox.is-mac .application-menu .application-menu-switcher-trigger span {
    padding-top: 2px; }
  .is-firefox.is-mac .application-menu .application-menu-switcher-trigger .icon {
    padding-top: 0; }

.is-firefox .application-menu .application-menu-switcher-trigger span {
  padding-top: 0; }

.is-firefox .application-menu .application-menu-switcher-trigger .icon {
  padding-top: 1px; }

html[dir='rtl'] .application-menu {
  -webkit-transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #3B3B3F;
  border-left: 1px solid #28282A;
  border-right: 0;
  left: unset;
  right: -300px; }
  html[dir='rtl'] .application-menu.is-open {
    left: unset;
    right: 0; }
  html[dir='rtl'] .application-menu .searchfield-wrapper .icon:not(.close) {
    left: auto;
    right: 18px; }
  html[dir='rtl'] .application-menu .searchfield-wrapper .searchfield {
    padding-left: 34px;
    padding-right: 53px; }
  html[dir='rtl'] .application-menu .accordion {
    margin-left: 0;
    margin-right: 1px; }
    html[dir='rtl'] .application-menu .accordion .panel.logout .content {
      padding-left: 0;
      padding-right: 0.5em; }
  html[dir='rtl'] .application-menu .branding {
    padding: 1rem 1rem 0 0; }
  html[dir='rtl'] .application-menu + .page-container {
    left: 0;
    right: unset; }
  html[dir='rtl'] .application-menu .btn-menu {
    left: inherit;
    right: 43px; }

html[dir='rtl'].ie11 .application-menu + .page-container {
  right: auto; }

@media (min-width: 767px) {
  .application-menu + .page-container {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    margin: 0 0 0 auto;
    width: 100%; }
  .application-menu.is-open {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
    .application-menu.is-open + .page-container {
      left: 300px;
      margin: 0;
      width: calc(100% - 300px); }
      .application-menu.is-open + .page-container.scrollable {
        right: 0; }
  html[dir='rtl'] .application-menu.is-open + .page-container.scrollable {
    right: auto; } }

.application-menu {
  background-color: #161618; }
  .application-menu .searchfield-wrapper {
    background-color: #000000;
    border-radius: 6px;
    margin: 0 8px;
    width: calc(100% - calc(8px * 2)); }
    .application-menu .searchfield-wrapper > svg.icon:not(.close) {
      top: 13px; }
    .application-menu .searchfield-wrapper .searchfield {
      height: 40px; }
      .application-menu .searchfield-wrapper .searchfield::placeholder {
        color: #ffffff;
        opacity: 1; }
      .application-menu .searchfield-wrapper .searchfield::-webkit-input-placeholder {
        color: #ffffff;
        opacity: 1; }
      .application-menu .searchfield-wrapper .searchfield::-moz-placeholder {
        color: #ffffff;
        opacity: 1; }
      .application-menu .searchfield-wrapper .searchfield:-ms-input-placeholder {
        color: #ffffff;
        opacity: 1; }
    .application-menu .searchfield-wrapper > .icon {
      top: 13px; }
    .application-menu .searchfield-wrapper:first-child {
      margin-top: 10px; }
    .application-menu .searchfield-wrapper button.close {
      height: 24px;
      right: 9px;
      top: 8px; }
      .application-menu .searchfield-wrapper button.close > svg.close.icon {
        top: 0; }
  .application-menu .application-menu-header,
  .application-menu .application-menu-footer {
    padding: 10px 0; }
    .application-menu .application-menu-header button .icon,
    .application-menu .application-menu-footer button .icon {
      color: #E0E0E1; }
    .application-menu .application-menu-header button:hover,
    .application-menu .application-menu-footer button:hover {
      background-color: #28282A !important; }
    .application-menu .application-menu-header .flex-toolbar:not(.editor-toolbar):not(.formatter-toolbar):not(.contextual-toolbar) .toolbar-section [class^='btn']:not(:disabled):not(.searchfield-category-button):not(.collapse-button):hover,
    .application-menu .application-menu-footer .flex-toolbar:not(.editor-toolbar):not(.formatter-toolbar):not(.contextual-toolbar) .toolbar-section [class^='btn']:not(:disabled):not(.searchfield-category-button):not(.collapse-button):hover {
      background-color: #28282A; }
  .application-menu .accordion-static-panel .btn-menu span {
    max-width: 150px; }
  .application-menu .accordion-static-panel .btn-menu svg {
    margin-top: -10px; }
  .application-menu .application-menu-header .icon.avatar {
    left: 29px;
    top: 0; }
  .application-menu .application-menu-header .name-xl {
    font-size: 2.2rem;
    font-weight: 600;
    padding-left: 29px;
    padding-top: calc(8px * 2); }
  .application-menu .application-menu-header button.application-menu-switcher-trigger {
    margin: 0 8px;
    max-width: 72%; }
    .application-menu .application-menu-header button.application-menu-switcher-trigger > * {
      vertical-align: middle; }
    .application-menu .application-menu-header button.application-menu-switcher-trigger > span {
      padding-top: 0; }
  .application-menu .application-menu-toolbar .toolbar-section {
    display: flex;
    justify-content: center; }
  .application-menu .application-menu-switcher-panel {
    background-color: #161618; }
    .application-menu .application-menu-switcher-panel .accordion.panel.inverse {
      background-color: #161618; }
      .application-menu .application-menu-switcher-panel .accordion.panel.inverse .accordion-header {
        border-radius: 6px; }
        .application-menu .application-menu-switcher-panel .accordion.panel.inverse .accordion-header.is-selected {
          background-color: #3B3B3F; }
      .application-menu .application-menu-switcher-panel .accordion.panel.inverse .accordion-header:hover {
        background-color: #28282A; }
  .application-menu .application-menu-header {
    background-color: #161618; }
  .application-menu .application-menu-footer {
    background-color: #161618; }
  .application-menu .accordion.panel.inverse {
    background-color: transparent;
    padding: calc(8px * 1);
    width: auto; }
    .application-menu .accordion.panel.inverse .accordion-header {
      -webkit-transition: border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      border-bottom-color: transparent;
      border-radius: 6px;
      color: #E0E0E1;
      height: auto; }
      .application-menu .accordion.panel.inverse .accordion-header .btn,
      .application-menu .accordion.panel.inverse .accordion-header .btn-expander {
        color: inherit;
        top: auto; }
        .application-menu .accordion.panel.inverse .accordion-header .btn:focus:not(.hide-focus),
        .application-menu .accordion.panel.inverse .accordion-header .btn-expander:focus:not(.hide-focus) {
          border-color: #0066D4;
          box-shadow: none; }
      .application-menu .accordion.panel.inverse .accordion-header .icon {
        top: auto; }
        .application-menu .accordion.panel.inverse .accordion-header .icon.plus-minus::before, .application-menu .accordion.panel.inverse .accordion-header .icon.plus-minus::after {
          background-color: #E0E0E1; }
      .application-menu .accordion.panel.inverse .accordion-header:hover {
        background-color: #28282A;
        color: #ffffff; }
      .application-menu .accordion.panel.inverse .accordion-header.is-focused:not(.hide-focus) {
        border-color: #ffffff;
        box-shadow: none; }
      .application-menu .accordion.panel.inverse .accordion-header.is-selected {
        background-color: #3B3B3F;
        color: #ffffff; }
        .application-menu .accordion.panel.inverse .accordion-header.is-selected .icon.plus-minus::before, .application-menu .accordion.panel.inverse .accordion-header.is-selected .icon.plus-minus::after {
          background-color: #ffffff; }
    .application-menu .accordion.panel.inverse > .accordion-header > a {
      padding-bottom: 7px;
      padding-top: 9px; }
    .application-menu .accordion.panel.inverse > .accordion-header.is-selected {
      border-bottom-color: #ffffff; }
      .application-menu .accordion.panel.inverse > .accordion-header.is-selected > a > span {
        font-weight: 600; }
    .application-menu .accordion.panel.inverse > .accordion-header.is-expanded {
      background-color: #000000;
      border-radius: 0;
      margin: 10px -10px 0;
      padding: 10px;
      position: relative; }
      .application-menu .accordion.panel.inverse > .accordion-header.is-expanded:not(.is-focused), .application-menu .accordion.panel.inverse > .accordion-header.is-expanded:not(.is-selected) {
        border-bottom-color: transparent; }
      .application-menu .accordion.panel.inverse > .accordion-header.is-expanded:hover, .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-focused, .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-selected {
        z-index: 0; }
        .application-menu .accordion.panel.inverse > .accordion-header.is-expanded:hover > a, .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-focused > a, .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-selected > a {
          position: relative; }
        .application-menu .accordion.panel.inverse > .accordion-header.is-expanded:hover::before, .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-focused::before, .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-selected::before {
          border: 1px solid transparent;
          border-radius: 6px;
          content: ' ';
          display: block;
          height: calc(100% - 22px);
          position: absolute;
          width: calc(100% - 20px); }
      .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-focused {
        background-color: #000000;
        border-color: transparent; }
        .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-focused::before {
          border-color: #ffffff; }
      .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-selected {
        background-color: #000000;
        border-bottom-color: transparent;
        border-top-color: transparent; }
        .application-menu .accordion.panel.inverse > .accordion-header.is-expanded.is-selected::before {
          background-color: #3B3B3F;
          border-color: #3B3B3F; }
      .application-menu .accordion.panel.inverse > .accordion-header.is-expanded:hover {
        background-color: #000000; }
        .application-menu .accordion.panel.inverse > .accordion-header.is-expanded:hover::before {
          background-color: #28282A;
          border-color: #28282A; }
      .application-menu .accordion.panel.inverse > .accordion-header.is-expanded + .accordion-pane:not(.all-children-filtered) {
        background-color: #000000; }
        .application-menu .accordion.panel.inverse > .accordion-header.is-expanded + .accordion-pane:not(.all-children-filtered) .accordion-header {
          border-radius: 6px; }
          .application-menu .accordion.panel.inverse > .accordion-header.is-expanded + .accordion-pane:not(.all-children-filtered) .accordion-header:not(.is-selected):not(.is-focused) {
            border-color: transparent; }
        .application-menu .accordion.panel.inverse > .accordion-header.is-expanded + .accordion-pane:not(.all-children-filtered) .accordion-pane {
          background: transparent; }
    .application-menu .accordion.panel.inverse > .accordion-header + .accordion-header {
      margin-top: 4px; }
    .application-menu .accordion.panel.inverse > .accordion-header .accordion-pane {
      background-color: transparent; }
    .application-menu .accordion.panel.inverse > .accordion-header.filtered + .accordion-pane {
      background-color: #000000; }
    .application-menu .accordion.panel.inverse > .accordion-pane {
      padding: 0;
      position: relative; }
      .application-menu .accordion.panel.inverse > .accordion-pane.is-expanded {
        margin: 0 -10px;
        padding: 0 10px 10px; }
    .application-menu .accordion.panel.inverse .accordion-pane {
      background-color: transparent; }
      .application-menu .accordion.panel.inverse .accordion-pane .accordion-header {
        color: #E0E0E1;
        margin-top: 3px; }
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header a {
          font-size: 14px;
          padding-bottom: 7px;
          padding-top: 11px; }
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .btn,
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .btn-expander {
          height: 25px;
          width: 25px; }
          .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .btn .icon.plus-minus::before, .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .btn .icon.plus-minus::after,
          .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .btn-expander .icon.plus-minus::before,
          .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .btn-expander .icon.plus-minus::after {
            left: 4px;
            top: 11px;
            width: 15px; }
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .icon.plus-minus::before, .application-menu .accordion.panel.inverse .accordion-pane .accordion-header .icon.plus-minus::after {
          background-color: #E0E0E1; }
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header:hover {
          color: #ffffff; }
          .application-menu .accordion.panel.inverse .accordion-pane .accordion-header:hover .icon.plus-minus::before, .application-menu .accordion.panel.inverse .accordion-pane .accordion-header:hover .icon.plus-minus::after {
            background-color: #ffffff; }
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header.is-selected {
          color: #ffffff;
          border-bottom-color: #ffffff; }
          .application-menu .accordion.panel.inverse .accordion-pane .accordion-header.is-selected > a > span {
            font-weight: 600; }
          .application-menu .accordion.panel.inverse .accordion-pane .accordion-header.is-selected .icon.plus-minus::before, .application-menu .accordion.panel.inverse .accordion-pane .accordion-header.is-selected .icon.plus-minus::after {
            background-color: #ffffff; }
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header.list-item::before {
          color: inherit;
          font-size: 0.4rem;
          padding-right: 13px;
          padding-top: 7px; }
        .application-menu .accordion.panel.inverse .accordion-pane .accordion-header:not(.has-chevron) .icon.chevron {
          left: -5px;
          width: 13px; }
      .application-menu .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-header:not(.is-focused):not(.is-selected),
      .application-menu .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-content {
        border-top-color: transparent; }
    .application-menu .accordion.panel.inverse > .accordion-pane + .accordion-header {
      margin-top: 4px; }
    .application-menu .accordion.panel.inverse.has-icons .accordion-pane .accordion-header > a {
      letter-spacing: 0.2px; }
    .application-menu .accordion.panel.inverse.has-icons .accordion-pane .accordion-header.is-selected > a {
      letter-spacing: 0; }

.accordion.panel.inverse .accordion-pane.is-expanded + .accordion-header.is-selected {
  border-color: #ffffff; }

html.is-firefox .application-menu .searchfield-wrapper {
  height: auto; }
  html.is-firefox .application-menu .searchfield-wrapper > .icon {
    top: 14px; }

html.is-firefox.is-mac .application-menu .application-menu-switcher-trigger {
  padding-top: 0; }
  html.is-firefox.is-mac .application-menu .application-menu-switcher-trigger > span {
    padding-top: 0; }

html[dir='rtl'] .application-menu {
  background-color: #161618; }
  html[dir='rtl'] .application-menu .application-menu-header .application-menu-switcher-trigger {
    float: left; }
  html[dir='rtl'] .application-menu .application-menu-header .icon.avatar {
    left: 0;
    right: 29px; }
  html[dir='rtl'] .application-menu .application-menu-header .name-xl {
    padding-left: 0;
    padding-right: 29px; }
  html[dir='rtl'] .application-menu .searchfield-wrapper .icon:not(.close) {
    right: 8px; }
  html[dir='rtl'] .application-menu .accordion.panel.inverse .accordion-pane .accordion-header:not(.has-chevron) .icon.chevron {
    left: auto;
    right: -5px; }
  html[dir='rtl'] .application-menu .accordion.panel.inverse .accordion-pane .accordion-header.list-item::before {
    font-size: 1.2rem;
    padding-left: 8px;
    padding-right: 28px; }

html[dir='rtl'].android .application-menu .accordion.panel.inverse .accordion-pane .accordion-header.list-item::before {
  font-size: 0.6rem; }

.application-menu .accordion-pane .accordion-content {
  padding-inline-start: 21px; }

.application-menu .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 46px; }

.application-menu .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 21px; }

.application-menu .accordion-pane .accordion-header > a {
  padding-inline-start: 20px; }

.application-menu .accordion-pane .accordion-header > .icon,
.application-menu .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 18px; }
  .application-menu .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 49px); }

.application-menu .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 29px; }

.application-menu .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 49px); }

.application-menu .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 47px; }

.application-menu .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 72px; }

.application-menu .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 47px; }

.application-menu .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 40px; }

.application-menu .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 44px; }
  .application-menu .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 72px); }

.application-menu .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 55px; }

.application-menu .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 72px); }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 73px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 97px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 73px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 59px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 69px; }
  .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 97px); }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 80px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 97px); }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 98px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 122px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 98px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 78px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 94px; }
  .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 122px); }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 105px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 122px); }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 122px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 150px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 122px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 122px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 122px; }
  .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 150px); }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 133px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 150px); }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.no-icon > a {
  padding-left: 150px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 127px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 177px; }

.application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 151px; }

.application-menu .accordion.has-icons .accordion-header > a {
  padding-left: 54px; }

.application-menu .accordion.has-icons .accordion-header > .icon + a {
  padding-left: 0; }

.application-menu .accordion.has-icons .accordion-pane .accordion-content {
  padding-inline-start: 55px; }

.application-menu .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 56px; }

.application-menu .accordion.has-icons .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 56px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-header > a {
  padding-inline-start: 54px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-header > .icon,
.application-menu .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 30px; }
  .application-menu .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 78px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 41px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 78px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 59px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 76px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 60px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 59px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 50px; }
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 102px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 61px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 102px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 79px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 95px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 76px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 59px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 68px; }
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 127px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 80px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 127px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 98px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 114px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 128px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 78px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 87px; }
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 152px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 99px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 152px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 115px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 133px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 153px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 122px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: 106px; }
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-start: 0;
    width: calc(100% - 180px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 118px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-start: 0;
  width: calc(100% - 180px); }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.no-icon > a {
  padding-left: 114px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 135px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 182px; }

.application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 122px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 21px; }

html[dir='rtl'] .application-menu .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 46px; }

html[dir='rtl'] .application-menu .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 21px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 20px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 18px; }
  html[dir='rtl'] .application-menu .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 49px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 26px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 49px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 47px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 72px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 47px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 40px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 44px; }
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 72px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 52px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 72px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 73px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 97px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 73px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 59px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 69px; }
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 97px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 77px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 97px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 98px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 122px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 98px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 78px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 94px; }
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 122px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 102px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 122px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 122px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 152px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 122px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 122px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 122px; }
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 152px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 130px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 152px); }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.no-icon > a {
  padding-right: 152px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 127px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 177px; }

html[dir='rtl'] .application-menu .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 151px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-header > a {
  padding-right: 54px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-header > .icon + a {
  padding-right: 0; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 55px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 78px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 56px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 54px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 50px; }
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 78px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 58px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 78px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 55px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 102px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 78px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 59px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 74px; }
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 102px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 82px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 102px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 79px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 127px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 102px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 59px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 99px; }
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 127px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 107px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 127px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 104px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 152px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 128px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 78px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 124px; }
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 152px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 132px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 152px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 130px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 150px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 153px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-inline-start: 0;
  padding-inline-end: 122px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
  margin-inline-start: auto;
  margin-inline-end: 152px; }
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
    padding-inline-end: 0;
    width: calc(100% - 180px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-inline-start: 0;
  padding-inline-end: 160px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-inline-end: 0;
  width: calc(100% - 180px); }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.no-icon > a {
  padding-right: 182px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 158px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-inline-start: 0;
  padding-inline-end: 182px; }

html[dir='rtl'] .application-menu .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-inline-start: 0;
  padding-inline-end: 122px; }

.popupmenu.autocomplete {
  border: 1px solid #0072ED;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #BBBBBF;
  box-shadow: 0 2px 5px 2px rgba(54, 138, 192, 0.1);
  line-height: 30px;
  margin-top: -1px;
  overflow: auto;
  padding: 5px 0; }
  .popupmenu.autocomplete.is-ontop {
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -2px 5px 2px rgba(54, 138, 192, 0.1); }
  .popupmenu.autocomplete li {
    color: #161618; }
    .popupmenu.autocomplete li:hover {
      background-color: #E0E0E1; }
    .popupmenu.autocomplete li.is-selected {
      background-color: #0072ED;
      color: #ffffff; }
  .popupmenu.autocomplete + .arrow {
    display: none; }
  .popupmenu.autocomplete a {
    color: inherit;
    padding: 0 10px; }
    .popupmenu.autocomplete a > * {
      vertical-align: middle; }
    .popupmenu.autocomplete a > .icon {
      position: static; }
    .popupmenu.autocomplete a span {
      line-height: normal; }
  .popupmenu.autocomplete small {
    color: inherit; }
  .popupmenu.autocomplete a::before,
  .popupmenu.autocomplete a::after {
    display: none; }
  .popupmenu.autocomplete .is-selected i {
    color: #ffffff; }

input.autocomplete.is-open {
  background-color: transparent;
  border: 1px solid #0072ED;
  border-bottom: 1px solid #BBBBBF;
  border-radius: 3px 3px 0 0; }
  input.autocomplete.is-open.is-ontop {
    border: 1px solid #0072ED;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #BBBBBF;
    box-shadow: 0 -2px 5px 2px rgba(54, 138, 192, 0.1); }

.blockgrid {
  margin: 0;
  max-width: 100%;
  text-align: left; }
  .blockgrid .block {
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    margin: 20px 0 0 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 200px; }
    .blockgrid .block img {
      border: 1px solid transparent;
      margin-bottom: 10px; }
      .blockgrid .block img.image-round {
        border-radius: 100%;
        height: 75px;
        width: 75px; }
      .blockgrid .block img:focus {
        border: solid 1px #0072ED;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
        outline: none;
        outline-color: transparent; }
    .blockgrid .block a {
      display: inline-block;
      margin-bottom: 10px; }
    .blockgrid .block.text-block {
      width: 300px; }
      .blockgrid .block.text-block p {
        text-align: left;
        padding: 5%;
        padding-left: 45px; }
    .blockgrid .block.is-selected {
      background-color: rgba(230, 241, 253, 0.7);
      box-shadow: 0 0 0 1px rgba(230, 241, 253, 0.7); }
    .blockgrid .block.is-selectable {
      border: 1px transparent solid;
      border-radius: 3px;
      outline: none; }
      .blockgrid .block.is-selectable.is-selected {
        background-color: transparent;
        border: 1px #0072ED solid;
        box-shadow: 0 0 0 1px #0072ED; }
        .blockgrid .block.is-selectable.is-selected:hover {
          background-color: transparent; }
        .blockgrid .block.is-selectable.is-selected input.checkbox + label {
          display: block; }
      .blockgrid .block.is-selectable.is-activated {
        background-color: rgba(230, 241, 253, 0.7); }
        .blockgrid .block.is-selectable.is-activated.is-selected {
          border: 1px #0072ED solid;
          box-shadow: 0 0 0 1px #0072ED; }
        .blockgrid .block.is-selectable.is-activated:hover {
          background-color: rgba(230, 241, 253, 0.7); }
      .blockgrid .block.is-selectable:hover {
        background-color: #E6F1FD;
        border-radius: 3px;
        cursor: pointer; }
        .blockgrid .block.is-selectable:hover input.checkbox + label {
          display: block; }
      .blockgrid .block.is-selectable:focus {
        border: 1px #0072ED solid;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
        .blockgrid .block.is-selectable:focus input.checkbox + label {
          display: block; }
      .blockgrid .block.is-selectable.has-focus {
        border: 1px #0072ED solid; }
    .blockgrid .block input.checkbox:focus + label {
      display: block; }
    .blockgrid .block input.checkbox + label {
      display: none;
      outline: none;
      position: absolute;
      right: 0;
      top: 7px;
      z-index: 100; }
      .blockgrid .block input.checkbox + label.text-block {
        right: 87%;
        top: 45%; }
  .blockgrid.l-center {
    text-align: center; }
  .blockgrid.blockgrid-md .block {
    width: 145px; }
  .blockgrid.blockgrid-sm .block {
    width: 120px; }
  .blockgrid.is-selectable {
    cursor: pointer; }
  .blockgrid .blockgrid-title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #6F6F76;
    display: block;
    font-size: 1.6rem;
    padding-bottom: 10px;
    text-align: center; }

html[dir='rtl'] .blockgrid {
  text-align: right; }
  html[dir='rtl'] .blockgrid .block {
    margin: 20px 20px 0 0; }

.ai-loading-indicator {
  display: flex;
  position: relative;
  width: 56px; }
  .ai-loading-indicator[hidden] {
    display: none; }
  .ai-loading-indicator .bar {
    margin-right: 2px;
    margin-left: 2px;
    background-color: #F98300;
    width: 16px;
    height: 8px;
    border-radius: 8px;
    transition: 0.2s;
    animation: loading 1.2s ease-in-out 0.2s infinite; }
    .ai-loading-indicator .bar:nth-child(1) {
      background-color: #254A92;
      animation-delay: 0s; }
    .ai-loading-indicator .bar:nth-child(2) {
      background-color: #10B6A6;
      animation-delay: 0.14s; }
    .ai-loading-indicator .bar:nth-child(3) {
      background-color: #CBEFDC;
      animation-delay: 0.42s; }

@keyframes loading {
  0% {
    height: 8px; }
  50% {
    width: 56px; }
  100% {
    height: 8px; } }

.busy-indicator-container {
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  z-index: 1010; }
  .busy-indicator-container.is-hidden {
    filter: alpha(opacity=0);
    opacity: 0; }
  .busy-indicator-container.blocked-ui {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 58px); }
  .busy-indicator-container span {
    font-size: 16px;
    font-size: 1.6rem;
    color: #0072ED;
    display: block; }

.busy-indicator {
  filter: alpha(opacity=100);
  opacity: 1;
  display: inline-block;
  height: 64px;
  margin: 2px;
  position: relative;
  vertical-align: middle;
  width: 64px; }
  .busy-indicator.is-hidden {
    filter: alpha(opacity=0);
    opacity: 0; }
  .busy-indicator .bar {
    background-color: #0072ED;
    display: inline-block;
    height: 50px;
    margin-right: 5px;
    width: 5px; }
    .busy-indicator .bar:last-child {
      margin-right: 0; }
  .busy-indicator:not(.is-hidden) > .bar {
    -webkit-animation: stretchdelay 1s infinite ease-in-out;
    -moz-animation: stretchdelay 1s infinite ease-in-out;
    -o-animation: stretchdelay 1s infinite ease-in-out;
    -ms-animation: stretchdelay 1s infinite ease-in-out;
    animation: stretchdelay 1s infinite ease-in-out; }
    .busy-indicator:not(.is-hidden) > .bar.one {
      -webkit-animation-delay: -0.5s;
      -moz-animation-delay: -0.5s;
      -o-animation-delay: -0.5s;
      -ms-animation-delay: -0.5s;
      animation-delay: -0.5s; }
    .busy-indicator:not(.is-hidden) > .bar.two {
      -webkit-animation-delay: -0.4s;
      -moz-animation-delay: -0.4s;
      -o-animation-delay: -0.4s;
      -ms-animation-delay: -0.4s;
      animation-delay: -0.4s; }
    .busy-indicator:not(.is-hidden) > .bar.three {
      -webkit-animation-delay: -0.3s;
      -moz-animation-delay: -0.3s;
      -o-animation-delay: -0.3s;
      -ms-animation-delay: -0.3s;
      animation-delay: -0.3s; }
    .busy-indicator:not(.is-hidden) > .bar.four {
      -webkit-animation-delay: -0.2s;
      -moz-animation-delay: -0.2s;
      -o-animation-delay: -0.2s;
      -ms-animation-delay: -0.2s;
      animation-delay: -0.2s; }
    .busy-indicator:not(.is-hidden) > .bar.five {
      -webkit-animation-delay: -0.1s;
      -moz-animation-delay: -0.1s;
      -o-animation-delay: -0.1s;
      -ms-animation-delay: -0.1s;
      animation-delay: -0.1s; }

.busy.overlay {
  filter: alpha(opacity=75);
  opacity: 0.75;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
  background-color: #ffffff;
  position: absolute;
  visibility: visible; }
  .busy.overlay.transparent {
    background-color: transparent; }
  .busy.overlay.is-hidden {
    filter: alpha(opacity=0);
    opacity: 0; }

@-webkit-keyframes stretchdelay {
  0%,
  70%,
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }

@-moz-keyframes stretchdelay {
  0%,
  70%,
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes stretchdelay {
  0%,
  70%,
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }

input + .busy-indicator-container,
.dropdown-wrapper > .busy-indicator-container {
  position: absolute; }
  input + .busy-indicator-container + .busy.overlay,
  .dropdown-wrapper > .busy-indicator-container + .busy.overlay {
    filter: alpha(opacity=50);
    opacity: 0.5; }
    input + .busy-indicator-container + .busy.overlay.is-hidden,
    .dropdown-wrapper > .busy-indicator-container + .busy.overlay.is-hidden {
      filter: alpha(opacity=0);
      opacity: 0; }
  input + .busy-indicator-container .busy-indicator,
  .dropdown-wrapper > .busy-indicator-container .busy-indicator {
    background-color: transparent;
    height: 22px;
    margin: 8px 1px 1px;
    position: absolute;
    right: 0;
    width: 40px; }
    input + .busy-indicator-container .busy-indicator .bar,
    .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
      height: 22px;
      margin-right: 3px;
      width: 3px; }
      input + .busy-indicator-container .busy-indicator .bar:last-child,
      .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
        margin-right: 0; }

.form-layout-compact input + .busy-indicator-container .busy-indicator,
.form-layout-compact .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  height: 18px;
  margin-top: 5px; }
  .form-layout-compact input + .busy-indicator-container .busy-indicator .bar,
  .form-layout-compact .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
    height: 18px; }

.inline + .busy-indicator-container .busy-indicator,
.inline .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  background-color: transparent;
  height: 22px;
  margin: 5px 1px 1px;
  position: absolute;
  right: 0;
  width: 40px; }
  .inline + .busy-indicator-container .busy-indicator .bar,
  .inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
    height: 24px;
    margin-right: 3px;
    width: 3px; }
    .inline + .busy-indicator-container .busy-indicator .bar:last-child,
    .inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
      margin-right: 0; }

.ie9 .busy-indicator .bar {
  -ms-transform: scaleY(0.6);
  -ms-transform-origin: 50% 50%; }
  .ie9 .busy-indicator .bar.half {
    -ms-transform: scaleY(0.8); }
  .ie9 .busy-indicator .bar.full {
    -ms-transform: scaleY(1); }

.is-firefox input + .busy-indicator-container,
.is-firefox .dropdown-wrapper > .busy-indicator-container {
  position: absolute; }
  .is-firefox input + .busy-indicator-container .busy-indicator,
  .is-firefox .dropdown-wrapper > .busy-indicator-container .busy-indicator {
    margin: 7px 5px 1px; }

.busy-xs {
  min-height: 20px;
  min-width: 20px; }
  .busy-xs .busy-indicator-container.blocked-ui {
    top: calc(50% - 8px); }
  .busy-xs .busy-indicator {
    height: inherit;
    margin: 2px;
    width: inherit; }
    .busy-xs .busy-indicator .bar {
      height: 12px;
      margin-right: 2px;
      width: 2px; }
      .busy-xs .busy-indicator .bar:last-child {
        margin-right: 0; }

.busy-sm {
  min-height: 28px;
  min-width: 40px; }
  .busy-sm .busy-indicator-container.blocked-ui {
    top: calc(50% - 18px); }
  .busy-sm .busy-indicator {
    height: inherit;
    margin: 4px;
    width: inherit; }
    .busy-sm .busy-indicator .bar {
      height: 22px;
      margin-right: 3px;
      width: 3px; }
      .busy-sm .busy-indicator .bar:last-child {
        margin-right: 0; }

body {
  opacity: 1;
  transition: opacity 0.25s ease-in-out; }

.busy-loading-locale {
  opacity: 0; }

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

html[dir='rtl'] input + .busy-indicator-container .busy-indicator,
html[dir='rtl'] .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  left: 0;
  right: auto; }
  html[dir='rtl'] input + .busy-indicator-container .busy-indicator .bar,
  html[dir='rtl'] .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
    margin-left: 3px;
    margin-right: 0; }
    html[dir='rtl'] input + .busy-indicator-container .busy-indicator .bar:last-child,
    html[dir='rtl'] .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
      margin-left: 0; }

html[dir='rtl'] .busy-xs .busy-indicator .bar {
  margin-left: 2px;
  margin-right: 0; }
  html[dir='rtl'] .busy-xs .busy-indicator .bar:last-child {
    margin-left: 0; }

html[dir='rtl'] .busy-sm .busy-indicator .bar {
  margin-left: 2px;
  margin-right: 0; }
  html[dir='rtl'] .busy-sm .busy-indicator .bar:last-child {
    margin-left: 0; }

.cards.single .card.is-selectable:focus-visible {
  border: solid 1px #0072ED;
  box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
  outline: none;
  outline-color: transparent; }

.cards .card {
  cursor: pointer; }
  .cards .card.is-selected {
    background-color: #E6F1FD;
    border: 2px solid #0072ED; }
    .cards .card.is-selected .card-content {
      border: none; }
  .cards .card:not(.is-selected) .card-content {
    border: 1px solid transparent; }
  .cards .card .card-content {
    padding: 16px; }
    .cards .card .card-content .checkbox-label {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .cards .card .card-content .checkbox-label ~ p {
        margin-left: 35px; }
    .cards .card .card-content p:not(:first-child):not(.text-strong) {
      color: #6F6F76; }
    .cards .card .card-content p + p {
      margin-top: 5px; }

.cards.multiple .card-content,
.cards.multiple .widget-content, .cards.single .card-content,
.cards.single .widget-content {
  align-items: start !important;
  flex-wrap: nowrap; }

.card,
.small-widget,
.widget {
  background-color: #ffffff;
  border: 1px solid #C5C5C9;
  border-radius: 2px;
  margin-bottom: 16px;
  min-height: 360px;
  position: relative;
  width: 100%; }
  .card.no-header .card-content,
  .small-widget.no-header .card-content,
  .widget.no-header .card-content {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
    .card.no-header .card-content .btn-actions-wrapper,
    .small-widget.no-header .card-content .btn-actions-wrapper,
    .widget.no-header .card-content .btn-actions-wrapper {
      min-width: 38px;
      min-height: 38px;
      padding: 2px;
      margin: 1px;
      position: absolute;
      right: 8px;
      top: 8px; }
  .card.border-less,
  .small-widget.border-less,
  .widget.border-less {
    background: none;
    border: none;
    box-shadow: none; }
  .card.compact-bottom,
  .small-widget.compact-bottom,
  .widget.compact-bottom {
    margin-bottom: 8px; }
  .card.card-variant,
  .small-widget.card-variant,
  .widget.card-variant {
    height: auto;
    min-height: 0;
    max-height: none;
    align-items: center;
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between; }
    .card.card-variant .widget-content,
    .card.card-variant .card-content,
    .small-widget.card-variant .widget-content,
    .small-widget.card-variant .card-content,
    .widget.card-variant .widget-content,
    .widget.card-variant .card-content {
      height: auto;
      min-height: auto;
      max-height: none; }
    .card.card-variant .card-image,
    .small-widget.card-variant .card-image,
    .widget.card-variant .card-image {
      padding: 15px 0 15px 15px;
      flex: 0 0 auto; }
    .card.card-variant .card-content,
    .small-widget.card-variant .card-content,
    .widget.card-variant .card-content {
      padding: 15px 16px; }
      .card.card-variant .card-content div.card-content-status,
      .small-widget.card-variant .card-content div.card-content-status,
      .widget.card-variant .card-content div.card-content-status {
        margin-left: -4px;
        margin-bottom: 5px;
        color: #2AC371; }
        .card.card-variant .card-content div.card-content-status .icon,
        .small-widget.card-variant .card-content div.card-content-status .icon,
        .widget.card-variant .card-content div.card-content-status .icon {
          margin-top: -2px;
          vertical-align: middle;
          height: 8px;
          color: #2AC371; }
        .card.card-variant .card-content div.card-content-status.success,
        .small-widget.card-variant .card-content div.card-content-status.success,
        .widget.card-variant .card-content div.card-content-status.success {
          color: #2AC371; }
          .card.card-variant .card-content div.card-content-status.success .icon,
          .small-widget.card-variant .card-content div.card-content-status.success .icon,
          .widget.card-variant .card-content div.card-content-status.success .icon {
            color: #2AC371; }
        .card.card-variant .card-content div.card-content-status.alert,
        .small-widget.card-variant .card-content div.card-content-status.alert,
        .widget.card-variant .card-content div.card-content-status.alert {
          color: #F98300; }
          .card.card-variant .card-content div.card-content-status.alert .icon,
          .small-widget.card-variant .card-content div.card-content-status.alert .icon,
          .widget.card-variant .card-content div.card-content-status.alert .icon {
            color: #F98300; }
        .card.card-variant .card-content div.card-content-status.error,
        .small-widget.card-variant .card-content div.card-content-status.error,
        .widget.card-variant .card-content div.card-content-status.error {
          color: #DA1217; }
          .card.card-variant .card-content div.card-content-status.error .icon,
          .small-widget.card-variant .card-content div.card-content-status.error .icon,
          .widget.card-variant .card-content div.card-content-status.error .icon {
            color: #DA1217; }
      .card.card-variant .card-content div.card-content-header,
      .small-widget.card-variant .card-content div.card-content-header,
      .widget.card-variant .card-content div.card-content-header {
        color: #161618;
        font-size: 16px;
        margin-top: 0; }
        .card.card-variant .card-content div.card-content-header .header-status,
        .small-widget.card-variant .card-content div.card-content-header .header-status,
        .widget.card-variant .card-content div.card-content-header .header-status {
          color: #2AC371; }
          .card.card-variant .card-content div.card-content-header .header-status.available,
          .small-widget.card-variant .card-content div.card-content-header .header-status.available,
          .widget.card-variant .card-content div.card-content-header .header-status.available {
            color: #2AC371; }
          .card.card-variant .card-content div.card-content-header .header-status.busy,
          .small-widget.card-variant .card-content div.card-content-header .header-status.busy,
          .widget.card-variant .card-content div.card-content-header .header-status.busy {
            color: #DA1217; }
          .card.card-variant .card-content div.card-content-header .header-status.away,
          .small-widget.card-variant .card-content div.card-content-header .header-status.away,
          .widget.card-variant .card-content div.card-content-header .header-status.away {
            color: #F98300; }
      .card.card-variant .card-content div.card-content-sub,
      .small-widget.card-variant .card-content div.card-content-sub,
      .widget.card-variant .card-content div.card-content-sub {
        color: #6F6F76;
        margin-top: 2px;
        font-size: 1.6rem; }
        .card.card-variant .card-content div.card-content-sub .hyperlink,
        .small-widget.card-variant .card-content div.card-content-sub .hyperlink,
        .widget.card-variant .card-content div.card-content-sub .hyperlink {
          padding: 4px 3px; }
    .card.card-variant .card-buttonset,
    .small-widget.card-variant .card-buttonset,
    .widget.card-variant .card-buttonset {
      display: flex; }
      .card.card-variant .card-buttonset .card-content-action .btn,
      .small-widget.card-variant .card-buttonset .card-content-action .btn,
      .widget.card-variant .card-buttonset .card-content-action .btn {
        margin-right: 8px; }
        .card.card-variant .card-buttonset .card-content-action .btn span,
        .small-widget.card-variant .card-buttonset .card-content-action .btn span,
        .widget.card-variant .card-buttonset .card-content-action .btn span {
          margin-right: 5px; }
      .card.card-variant .card-buttonset .card-content-action .btn-actions,
      .small-widget.card-variant .card-buttonset .card-content-action .btn-actions,
      .widget.card-variant .card-buttonset .card-content-action .btn-actions {
        margin-right: 8px; }
  .card.is-empty,
  .small-widget.is-empty,
  .widget.is-empty {
    min-height: 0; }
    .card.is-empty.no-border,
    .small-widget.is-empty.no-border,
    .widget.is-empty.no-border {
      border: 1px solid transparent;
      box-shadow: unset; }
    .card.is-empty.inverted,
    .small-widget.is-empty.inverted,
    .widget.is-empty.inverted {
      background-color: #161618; }
      .card.is-empty.inverted .card-empty-title,
      .small-widget.is-empty.inverted .card-empty-title,
      .widget.is-empty.inverted .card-empty-title {
        color: #ffffff; }
      .card.is-empty.inverted .card-empty-info p,
      .small-widget.is-empty.inverted .card-empty-info p,
      .widget.is-empty.inverted .card-empty-info p {
        color: #F5F5F5; }
    .card.is-empty .card-content,
    .card.is-empty .widget-content,
    .small-widget.is-empty .card-content,
    .small-widget.is-empty .widget-content,
    .widget.is-empty .card-content,
    .widget.is-empty .widget-content {
      height: auto;
      min-height: 0; }
    .card.is-empty .card-content,
    .small-widget.is-empty .card-content,
    .widget.is-empty .card-content {
      margin: 0;
      position: absolute;
      top: 50%;
      padding-top: 12px; }
      .card.is-empty .card-content .notification-container,
      .small-widget.is-empty .card-content .notification-container,
      .widget.is-empty .card-content .notification-container {
        position: relative;
        width: inherit;
        top: -3px; }
      .card.is-empty .card-content .card-empty-info .font-size-px-14,
      .small-widget.is-empty .card-content .card-empty-info .font-size-px-14,
      .widget.is-empty .card-content .card-empty-info .font-size-px-14 {
        margin: 0 auto;
        width: 150px; }
        @media only screen and (max-width: 1024px) {
          .card.is-empty .card-content .card-empty-info .font-size-px-14,
          .small-widget.is-empty .card-content .card-empty-info .font-size-px-14,
          .widget.is-empty .card-content .card-empty-info .font-size-px-14 {
            width: unset; } }
    .card.is-empty .card-header + .card-content,
    .small-widget.is-empty .card-header + .card-content,
    .widget.is-empty .card-header + .card-content {
      padding-top: 33px; }
  .card.expandable-area,
  .small-widget.expandable-area,
  .widget.expandable-area {
    height: auto;
    min-height: 0;
    max-height: none; }
    .card.expandable-area .widget-content,
    .card.expandable-area .card-content,
    .small-widget.expandable-area .widget-content,
    .small-widget.expandable-area .card-content,
    .widget.expandable-area .widget-content,
    .widget.expandable-area .card-content {
      height: auto;
      min-height: auto;
      max-height: none; }
    .card.expandable-area .expandable-header:first-child,
    .small-widget.expandable-area .expandable-header:first-child,
    .widget.expandable-area .expandable-header:first-child {
      padding-top: 0; }
    .card.expandable-area .expandable-header .icon,
    .small-widget.expandable-area .expandable-header .icon,
    .widget.expandable-area .expandable-header .icon {
      height: 18px;
      width: 18px; }
    .card.expandable-area .btn-expander,
    .small-widget.expandable-area .btn-expander,
    .widget.expandable-area .btn-expander {
      border: 1px solid transparent;
      border-radius: 8px;
      display: inline-block; }
      .card.expandable-area .btn-expander:focus:not(.hide-focus),
      .small-widget.expandable-area .btn-expander:focus:not(.hide-focus),
      .widget.expandable-area .btn-expander:focus:not(.hide-focus) {
        border-color: #0072ED; }
  .card.editable-hover-border,
  .small-widget.editable-hover-border,
  .widget.editable-hover-border {
    border: 1px solid #0072ED; }
  .card .small-thin-text,
  .small-widget .small-thin-text,
  .widget .small-thin-text {
    font-size: 11px;
    font-size: 1.1rem;
    color: #525257; }
  .card .full-table,
  .small-widget .full-table,
  .widget .full-table {
    width: 100%; }
  .card.auto-size,
  .small-widget.auto-size,
  .widget.auto-size {
    height: auto;
    min-height: 0;
    max-height: none;
    min-width: 0;
    width: auto; }
    .card.auto-size .widget-content,
    .card.auto-size .card-content,
    .small-widget.auto-size .widget-content,
    .small-widget.auto-size .card-content,
    .widget.auto-size .widget-content,
    .widget.auto-size .card-content {
      height: auto;
      min-height: auto;
      max-height: none; }
    .card.auto-size .widget-content,
    .card.auto-size .card-content,
    .small-widget.auto-size .widget-content,
    .small-widget.auto-size .card-content,
    .widget.auto-size .widget-content,
    .widget.auto-size .card-content {
      min-width: 0;
      width: auto; }

.card.expandable-card {
  height: auto;
  min-height: 0; }
  .card.expandable-card .card-header {
    height: auto;
    margin: 0;
    padding: 16px; }
    .card.expandable-card .card-header.expandable-card-header[role='button'] {
      cursor: pointer; }
    .card.expandable-card .card-header p + p {
      margin-top: 8px; }
    .card.expandable-card .card-header .sub-heading {
      color: #6F6F76; }
    .card.expandable-card .card-header button.btn-actions {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }
  .card.expandable-card .card-pane {
    height: 0;
    overflow: hidden; }
    .card.expandable-card .card-pane .listview {
      margin-bottom: 24px; }
      .card.expandable-card .card-pane .listview li {
        margin: 0 17px;
        padding: 16px 7px; }
        .card.expandable-card .card-pane .listview li .btn-icon {
          left: 10px;
          border-radius: 50%; }
          .card.expandable-card .card-pane .listview li .btn-icon:hover {
            background-color: transparent; }

.card-expandable-area.card.expandable-area .expandable-header {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  width: 100%; }
  .card-expandable-area.card.expandable-area .expandable-header .btn-expander {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%); }
    .card-expandable-area.card.expandable-area .expandable-header .btn-expander svg.icon.vertical-more {
      transform: rotate(90deg); }

.small-widget {
  margin-bottom: 24px;
  min-height: 260px; }

.card-header,
.card-footer,
.widget-header,
.widget-footer {
  padding: 13px 20px;
  position: relative; }

.card-header,
.widget-header {
  height: 48px;
  line-height: 48px; }
  .card-header.has-toolbar,
  .widget-header.has-toolbar {
    padding: 0 13px 0 20px; }
    .card-header.has-toolbar .toolbar,
    .widget-header.has-toolbar .toolbar {
      height: 48px;
      line-height: normal; }
    .card-header.has-toolbar .title,
    .widget-header.has-toolbar .title {
      font-size: 16px;
      font-size: 1.6rem;
      color: #161618;
      -webkit-font-smoothing: antialiased;
      font-weight: 100;
      margin: 0;
      padding-top: 3px;
      text-rendering: optimizeLegibility !important; }
    .card-header.has-toolbar .searchfield,
    .widget-header.has-toolbar .searchfield {
      border: 1px solid transparent; }
    .card-header.has-toolbar .searchfield-wrapper,
    .widget-header.has-toolbar .searchfield-wrapper {
      margin: 4px 5px 5px 0; }
  .card-header .card-title ~ svg.icon,
  .card-header .widget-title ~ svg.icon,
  .widget-header .card-title ~ svg.icon,
  .widget-header .widget-title ~ svg.icon {
    background: transparent;
    cursor: pointer;
    margin-left: 5px;
    position: relative; }
    .card-header .card-title ~ svg.icon.ruby01,
    .card-header .widget-title ~ svg.icon.ruby01,
    .widget-header .card-title ~ svg.icon.ruby01,
    .widget-header .widget-title ~ svg.icon.ruby01 {
      color: #FBE7E8 !important; }
    .card-header .card-title ~ svg.icon.ruby02,
    .card-header .widget-title ~ svg.icon.ruby02,
    .widget-header .card-title ~ svg.icon.ruby02,
    .widget-header .widget-title ~ svg.icon.ruby02 {
      color: #F5C3C4 !important; }
    .card-header .card-title ~ svg.icon.ruby03,
    .card-header .widget-title ~ svg.icon.ruby03,
    .widget-header .card-title ~ svg.icon.ruby03,
    .widget-header .widget-title ~ svg.icon.ruby03 {
      color: #EE9496 !important; }
    .card-header .card-title ~ svg.icon.ruby04,
    .card-header .widget-title ~ svg.icon.ruby04,
    .widget-header .card-title ~ svg.icon.ruby04,
    .widget-header .widget-title ~ svg.icon.ruby04 {
      color: #E66467 !important; }
    .card-header .card-title ~ svg.icon.ruby05,
    .card-header .widget-title ~ svg.icon.ruby05,
    .widget-header .card-title ~ svg.icon.ruby05,
    .widget-header .widget-title ~ svg.icon.ruby05 {
      color: #DF3539 !important; }
    .card-header .card-title ~ svg.icon.ruby06,
    .card-header .widget-title ~ svg.icon.ruby06,
    .widget-header .card-title ~ svg.icon.ruby06,
    .widget-header .widget-title ~ svg.icon.ruby06 {
      color: #DA1217 !important; }
    .card-header .card-title ~ svg.icon.ruby07,
    .card-header .widget-title ~ svg.icon.ruby07,
    .widget-header .card-title ~ svg.icon.ruby07,
    .widget-header .widget-title ~ svg.icon.ruby07 {
      color: #C31014 !important; }
    .card-header .card-title ~ svg.icon.ruby08,
    .card-header .widget-title ~ svg.icon.ruby08,
    .widget-header .card-title ~ svg.icon.ruby08,
    .widget-header .widget-title ~ svg.icon.ruby08 {
      color: #A30D11 !important; }
    .card-header .card-title ~ svg.icon.ruby09,
    .card-header .widget-title ~ svg.icon.ruby09,
    .widget-header .card-title ~ svg.icon.ruby09,
    .widget-header .widget-title ~ svg.icon.ruby09 {
      color: #8D0B0E !important; }
    .card-header .card-title ~ svg.icon.ruby10,
    .card-header .widget-title ~ svg.icon.ruby10,
    .widget-header .card-title ~ svg.icon.ruby10,
    .widget-header .widget-title ~ svg.icon.ruby10 {
      color: #6C080B !important; }
    .card-header .card-title ~ svg.icon.amber01,
    .card-header .widget-title ~ svg.icon.amber01,
    .widget-header .card-title ~ svg.icon.amber01,
    .widget-header .widget-title ~ svg.icon.amber01 {
      color: #FEF2E5 !important; }
    .card-header .card-title ~ svg.icon.amber02,
    .card-header .widget-title ~ svg.icon.amber02,
    .widget-header .card-title ~ svg.icon.amber02,
    .widget-header .widget-title ~ svg.icon.amber02 {
      color: #FDDFBD !important; }
    .card-header .card-title ~ svg.icon.amber03,
    .card-header .widget-title ~ svg.icon.amber03,
    .widget-header .card-title ~ svg.icon.amber03,
    .widget-header .widget-title ~ svg.icon.amber03 {
      color: #FCC888 !important; }
    .card-header .card-title ~ svg.icon.amber04,
    .card-header .widget-title ~ svg.icon.amber04,
    .widget-header .card-title ~ svg.icon.amber04,
    .widget-header .widget-title ~ svg.icon.amber04 {
      color: #FBAF50 !important; }
    .card-header .card-title ~ svg.icon.amber05,
    .card-header .widget-title ~ svg.icon.amber05,
    .widget-header .card-title ~ svg.icon.amber05,
    .widget-header .widget-title ~ svg.icon.amber05 {
      color: #FA9601 !important; }
    .card-header .card-title ~ svg.icon.amber06,
    .card-header .widget-title ~ svg.icon.amber06,
    .widget-header .card-title ~ svg.icon.amber06,
    .widget-header .widget-title ~ svg.icon.amber06 {
      color: #F98300 !important; }
    .card-header .card-title ~ svg.icon.amber07,
    .card-header .widget-title ~ svg.icon.amber07,
    .widget-header .card-title ~ svg.icon.amber07,
    .widget-header .widget-title ~ svg.icon.amber07 {
      color: #DF6F00 !important; }
    .card-header .card-title ~ svg.icon.amber08,
    .card-header .widget-title ~ svg.icon.amber08,
    .widget-header .card-title ~ svg.icon.amber08,
    .widget-header .widget-title ~ svg.icon.amber08 {
      color: #CD6200 !important; }
    .card-header .card-title ~ svg.icon.amber09,
    .card-header .widget-title ~ svg.icon.amber09,
    .widget-header .card-title ~ svg.icon.amber09,
    .widget-header .widget-title ~ svg.icon.amber09 {
      color: #BB5500 !important; }
    .card-header .card-title ~ svg.icon.amber10,
    .card-header .widget-title ~ svg.icon.amber10,
    .widget-header .card-title ~ svg.icon.amber10,
    .widget-header .widget-title ~ svg.icon.amber10 {
      color: #A14100 !important; }
    .card-header .card-title ~ svg.icon.emerald01,
    .card-header .widget-title ~ svg.icon.emerald01,
    .widget-header .card-title ~ svg.icon.emerald01,
    .widget-header .widget-title ~ svg.icon.emerald01 {
      color: #EBF9F1 !important; }
    .card-header .card-title ~ svg.icon.emerald02,
    .card-header .widget-title ~ svg.icon.emerald02,
    .widget-header .card-title ~ svg.icon.emerald02,
    .widget-header .widget-title ~ svg.icon.emerald02 {
      color: #CBEFDC !important; }
    .card-header .card-title ~ svg.icon.emerald03,
    .card-header .widget-title ~ svg.icon.emerald03,
    .widget-header .card-title ~ svg.icon.emerald03,
    .widget-header .widget-title ~ svg.icon.emerald03 {
      color: #A1E4BF !important; }
    .card-header .card-title ~ svg.icon.emerald04,
    .card-header .widget-title ~ svg.icon.emerald04,
    .widget-header .card-title ~ svg.icon.emerald04,
    .widget-header .widget-title ~ svg.icon.emerald04 {
      color: #78D8A3 !important; }
    .card-header .card-title ~ svg.icon.emerald05,
    .card-header .widget-title ~ svg.icon.emerald05,
    .widget-header .card-title ~ svg.icon.emerald05,
    .widget-header .widget-title ~ svg.icon.emerald05 {
      color: #4DCC86 !important; }
    .card-header .card-title ~ svg.icon.emerald06,
    .card-header .widget-title ~ svg.icon.emerald06,
    .widget-header .card-title ~ svg.icon.emerald06,
    .widget-header .widget-title ~ svg.icon.emerald06 {
      color: #2AC371 !important; }
    .card-header .card-title ~ svg.icon.emerald07,
    .card-header .widget-title ~ svg.icon.emerald07,
    .widget-header .card-title ~ svg.icon.emerald07,
    .widget-header .widget-title ~ svg.icon.emerald07 {
      color: #25AF65 !important; }
    .card-header .card-title ~ svg.icon.emerald08,
    .card-header .widget-title ~ svg.icon.emerald08,
    .widget-header .card-title ~ svg.icon.emerald08,
    .widget-header .widget-title ~ svg.icon.emerald08 {
      color: #1F9254 !important; }
    .card-header .card-title ~ svg.icon.emerald09,
    .card-header .widget-title ~ svg.icon.emerald09,
    .widget-header .card-title ~ svg.icon.emerald09,
    .widget-header .widget-title ~ svg.icon.emerald09 {
      color: #1C7F49 !important; }
    .card-header .card-title ~ svg.icon.emerald10,
    .card-header .widget-title ~ svg.icon.emerald10,
    .widget-header .card-title ~ svg.icon.emerald10,
    .widget-header .widget-title ~ svg.icon.emerald10 {
      color: #156138 !important; }
    .card-header .card-title ~ svg.icon.azure01,
    .card-header .widget-title ~ svg.icon.azure01,
    .widget-header .card-title ~ svg.icon.azure01,
    .widget-header .widget-title ~ svg.icon.azure01 {
      color: #E6F1FD !important; }
    .card-header .card-title ~ svg.icon.azure02,
    .card-header .widget-title ~ svg.icon.azure02,
    .widget-header .card-title ~ svg.icon.azure02,
    .widget-header .widget-title ~ svg.icon.azure02 {
      color: #BEDCFA !important; }
    .card-header .card-title ~ svg.icon.azure03,
    .card-header .widget-title ~ svg.icon.azure03,
    .widget-header .card-title ~ svg.icon.azure03,
    .widget-header .widget-title ~ svg.icon.azure03 {
      color: #8ABFF7 !important; }
    .card-header .card-title ~ svg.icon.azure04,
    .card-header .widget-title ~ svg.icon.azure04,
    .widget-header .card-title ~ svg.icon.azure04,
    .widget-header .widget-title ~ svg.icon.azure04 {
      color: #55A3F3 !important; }
    .card-header .card-title ~ svg.icon.azure05,
    .card-header .widget-title ~ svg.icon.azure05,
    .widget-header .card-title ~ svg.icon.azure05,
    .widget-header .widget-title ~ svg.icon.azure05 {
      color: #1C86EF !important; }
    .card-header .card-title ~ svg.icon.azure06,
    .card-header .widget-title ~ svg.icon.azure06,
    .widget-header .card-title ~ svg.icon.azure06,
    .widget-header .widget-title ~ svg.icon.azure06 {
      color: #0072ED !important; }
    .card-header .card-title ~ svg.icon.azure07,
    .card-header .widget-title ~ svg.icon.azure07,
    .widget-header .card-title ~ svg.icon.azure07,
    .widget-header .widget-title ~ svg.icon.azure07 {
      color: #0066D4 !important; }
    .card-header .card-title ~ svg.icon.azure08,
    .card-header .widget-title ~ svg.icon.azure08,
    .widget-header .card-title ~ svg.icon.azure08,
    .widget-header .widget-title ~ svg.icon.azure08 {
      color: #0054B1 !important; }
    .card-header .card-title ~ svg.icon.azure09,
    .card-header .widget-title ~ svg.icon.azure09,
    .widget-header .card-title ~ svg.icon.azure09,
    .widget-header .widget-title ~ svg.icon.azure09 {
      color: #004A99 !important; }
    .card-header .card-title ~ svg.icon.azure10,
    .card-header .widget-title ~ svg.icon.azure10,
    .widget-header .card-title ~ svg.icon.azure10,
    .widget-header .widget-title ~ svg.icon.azure10 {
      color: #003876 !important; }
    .card-header .card-title ~ svg.icon.turquoise01,
    .card-header .widget-title ~ svg.icon.turquoise01,
    .widget-header .card-title ~ svg.icon.turquoise01,
    .widget-header .widget-title ~ svg.icon.turquoise01 {
      color: #ECF8F8 !important; }
    .card-header .card-title ~ svg.icon.turquoise02,
    .card-header .widget-title ~ svg.icon.turquoise02,
    .widget-header .card-title ~ svg.icon.turquoise02,
    .widget-header .widget-title ~ svg.icon.turquoise02 {
      color: #CFEEEE !important; }
    .card-header .card-title ~ svg.icon.turquoise03,
    .card-header .widget-title ~ svg.icon.turquoise03,
    .widget-header .card-title ~ svg.icon.turquoise03,
    .widget-header .widget-title ~ svg.icon.turquoise03 {
      color: #A8E1E1 !important; }
    .card-header .card-title ~ svg.icon.turquoise04,
    .card-header .widget-title ~ svg.icon.turquoise04,
    .widget-header .card-title ~ svg.icon.turquoise04,
    .widget-header .widget-title ~ svg.icon.turquoise04 {
      color: #82D4D4 !important; }
    .card-header .card-title ~ svg.icon.turquoise05,
    .card-header .widget-title ~ svg.icon.turquoise05,
    .widget-header .card-title ~ svg.icon.turquoise05,
    .widget-header .widget-title ~ svg.icon.turquoise05 {
      color: #5CC6C7 !important; }
    .card-header .card-title ~ svg.icon.turquoise06,
    .card-header .widget-title ~ svg.icon.turquoise06,
    .widget-header .card-title ~ svg.icon.turquoise06,
    .widget-header .widget-title ~ svg.icon.turquoise06 {
      color: #40BDBE !important; }
    .card-header .card-title ~ svg.icon.turquoise07,
    .card-header .widget-title ~ svg.icon.turquoise07,
    .widget-header .card-title ~ svg.icon.turquoise07,
    .widget-header .widget-title ~ svg.icon.turquoise07 {
      color: #39A9AA !important; }
    .card-header .card-title ~ svg.icon.turquoise08,
    .card-header .widget-title ~ svg.icon.turquoise08,
    .widget-header .card-title ~ svg.icon.turquoise08,
    .widget-header .widget-title ~ svg.icon.turquoise08 {
      color: #2F8D8E !important; }
    .card-header .card-title ~ svg.icon.turquoise09,
    .card-header .widget-title ~ svg.icon.turquoise09,
    .widget-header .card-title ~ svg.icon.turquoise09,
    .widget-header .widget-title ~ svg.icon.turquoise09 {
      color: #297B7B !important; }
    .card-header .card-title ~ svg.icon.turquoise10,
    .card-header .widget-title ~ svg.icon.turquoise10,
    .widget-header .card-title ~ svg.icon.turquoise10,
    .widget-header .widget-title ~ svg.icon.turquoise10 {
      color: #1F5E5E !important; }
    .card-header .card-title ~ svg.icon.amethyst01,
    .card-header .widget-title ~ svg.icon.amethyst01,
    .widget-header .card-title ~ svg.icon.amethyst01,
    .widget-header .widget-title ~ svg.icon.amethyst01 {
      color: #F1EBFC !important; }
    .card-header .card-title ~ svg.icon.amethyst02,
    .card-header .widget-title ~ svg.icon.amethyst02,
    .widget-header .card-title ~ svg.icon.amethyst02,
    .widget-header .widget-title ~ svg.icon.amethyst02 {
      color: #DDCBF7 !important; }
    .card-header .card-title ~ svg.icon.amethyst03,
    .card-header .widget-title ~ svg.icon.amethyst03,
    .widget-header .card-title ~ svg.icon.amethyst03,
    .widget-header .widget-title ~ svg.icon.amethyst03 {
      color: #C2A1F1 !important; }
    .card-header .card-title ~ svg.icon.amethyst04,
    .card-header .widget-title ~ svg.icon.amethyst04,
    .widget-header .card-title ~ svg.icon.amethyst04,
    .widget-header .widget-title ~ svg.icon.amethyst04 {
      color: #A876EB !important; }
    .card-header .card-title ~ svg.icon.amethyst05,
    .card-header .widget-title ~ svg.icon.amethyst05,
    .widget-header .card-title ~ svg.icon.amethyst05,
    .widget-header .widget-title ~ svg.icon.amethyst05 {
      color: #8D4BE5 !important; }
    .card-header .card-title ~ svg.icon.amethyst06,
    .card-header .widget-title ~ svg.icon.amethyst06,
    .widget-header .card-title ~ svg.icon.amethyst06,
    .widget-header .widget-title ~ svg.icon.amethyst06 {
      color: #7928E1 !important; }
    .card-header .card-title ~ svg.icon.amethyst07,
    .card-header .widget-title ~ svg.icon.amethyst07,
    .widget-header .card-title ~ svg.icon.amethyst07,
    .widget-header .widget-title ~ svg.icon.amethyst07 {
      color: #6C23C9 !important; }
    .card-header .card-title ~ svg.icon.amethyst08,
    .card-header .widget-title ~ svg.icon.amethyst08,
    .widget-header .card-title ~ svg.icon.amethyst08,
    .widget-header .widget-title ~ svg.icon.amethyst08 {
      color: #591DA8 !important; }
    .card-header .card-title ~ svg.icon.amethyst09,
    .card-header .widget-title ~ svg.icon.amethyst09,
    .widget-header .card-title ~ svg.icon.amethyst09,
    .widget-header .widget-title ~ svg.icon.amethyst09 {
      color: #4E1A91 !important; }
    .card-header .card-title ~ svg.icon.amethyst10,
    .card-header .widget-title ~ svg.icon.amethyst10,
    .widget-header .card-title ~ svg.icon.amethyst10,
    .widget-header .widget-title ~ svg.icon.amethyst10 {
      color: #3B1470 !important; }
    .card-header .card-title ~ svg.icon.graphite01,
    .card-header .widget-title ~ svg.icon.graphite01,
    .widget-header .card-title ~ svg.icon.graphite01,
    .widget-header .widget-title ~ svg.icon.graphite01 {
      color: #EEEEEE !important; }
    .card-header .card-title ~ svg.icon.graphite02,
    .card-header .widget-title ~ svg.icon.graphite02,
    .widget-header .card-title ~ svg.icon.graphite02,
    .widget-header .widget-title ~ svg.icon.graphite02 {
      color: #D3D3D3 !important; }
    .card-header .card-title ~ svg.icon.graphite03,
    .card-header .widget-title ~ svg.icon.graphite03,
    .widget-header .card-title ~ svg.icon.graphite03,
    .widget-header .widget-title ~ svg.icon.graphite03 {
      color: #B1B1B1 !important; }
    .card-header .card-title ~ svg.icon.graphite04,
    .card-header .widget-title ~ svg.icon.graphite04,
    .widget-header .card-title ~ svg.icon.graphite04,
    .widget-header .widget-title ~ svg.icon.graphite04 {
      color: #8F8F8F !important; }
    .card-header .card-title ~ svg.icon.graphite05,
    .card-header .widget-title ~ svg.icon.graphite05,
    .widget-header .card-title ~ svg.icon.graphite05,
    .widget-header .widget-title ~ svg.icon.graphite05 {
      color: #6C6C6C !important; }
    .card-header .card-title ~ svg.icon.graphite06,
    .card-header .widget-title ~ svg.icon.graphite06,
    .widget-header .card-title ~ svg.icon.graphite06,
    .widget-header .widget-title ~ svg.icon.graphite06 {
      color: #535353 !important; }
    .card-header .card-title ~ svg.icon.graphite07,
    .card-header .widget-title ~ svg.icon.graphite07,
    .widget-header .card-title ~ svg.icon.graphite07,
    .widget-header .widget-title ~ svg.icon.graphite07 {
      color: #4A4A4A !important; }
    .card-header .card-title ~ svg.icon.graphite08,
    .card-header .widget-title ~ svg.icon.graphite08,
    .widget-header .card-title ~ svg.icon.graphite08,
    .widget-header .widget-title ~ svg.icon.graphite08 {
      color: #3E3E3E !important; }
    .card-header .card-title ~ svg.icon.graphite09,
    .card-header .widget-title ~ svg.icon.graphite09,
    .widget-header .card-title ~ svg.icon.graphite09,
    .widget-header .widget-title ~ svg.icon.graphite09 {
      color: #363636 !important; }
    .card-header .card-title ~ svg.icon.graphite10,
    .card-header .widget-title ~ svg.icon.graphite10,
    .widget-header .card-title ~ svg.icon.graphite10,
    .widget-header .widget-title ~ svg.icon.graphite10 {
      color: #292929 !important; }
    .card-header .card-title ~ svg.icon.slate01,
    .card-header .widget-title ~ svg.icon.slate01,
    .widget-header .card-title ~ svg.icon.slate01,
    .widget-header .widget-title ~ svg.icon.slate01 {
      color: #F5F5F5 !important; }
    .card-header .card-title ~ svg.icon.slate02,
    .card-header .widget-title ~ svg.icon.slate02,
    .widget-header .card-title ~ svg.icon.slate02,
    .widget-header .widget-title ~ svg.icon.slate02 {
      color: #E0E0E1 !important; }
    .card-header .card-title ~ svg.icon.slate03,
    .card-header .widget-title ~ svg.icon.slate03,
    .widget-header .card-title ~ svg.icon.slate03,
    .widget-header .widget-title ~ svg.icon.slate03 {
      color: #C5C5C9 !important; }
    .card-header .card-title ~ svg.icon.slate04,
    .card-header .widget-title ~ svg.icon.slate04,
    .widget-header .card-title ~ svg.icon.slate04,
    .widget-header .widget-title ~ svg.icon.slate04 {
      color: #BBBBBF !important; }
    .card-header .card-title ~ svg.icon.slate05,
    .card-header .widget-title ~ svg.icon.slate05,
    .widget-header .card-title ~ svg.icon.slate05,
    .widget-header .widget-title ~ svg.icon.slate05 {
      color: #8E8E95 !important; }
    .card-header .card-title ~ svg.icon.slate06,
    .card-header .widget-title ~ svg.icon.slate06,
    .widget-header .card-title ~ svg.icon.slate06,
    .widget-header .widget-title ~ svg.icon.slate06 {
      color: #6F6F76 !important; }
    .card-header .card-title ~ svg.icon.slate07,
    .card-header .widget-title ~ svg.icon.slate07,
    .widget-header .card-title ~ svg.icon.slate07,
    .widget-header .widget-title ~ svg.icon.slate07 {
      color: #525257 !important; }
    .card-header .card-title ~ svg.icon.slate08,
    .card-header .widget-title ~ svg.icon.slate08,
    .widget-header .card-title ~ svg.icon.slate08,
    .widget-header .widget-title ~ svg.icon.slate08 {
      color: #3B3B3F !important; }
    .card-header .card-title ~ svg.icon.slate09,
    .card-header .widget-title ~ svg.icon.slate09,
    .widget-header .card-title ~ svg.icon.slate09,
    .widget-header .widget-title ~ svg.icon.slate09 {
      color: #28282A !important; }
    .card-header .card-title ~ svg.icon.slate10,
    .card-header .widget-title ~ svg.icon.slate10,
    .widget-header .card-title ~ svg.icon.slate10,
    .widget-header .widget-title ~ svg.icon.slate10 {
      color: #161618 !important; }
    .card-header .card-title ~ svg.icon.alert01,
    .card-header .widget-title ~ svg.icon.alert01,
    .widget-header .card-title ~ svg.icon.alert01,
    .widget-header .widget-title ~ svg.icon.alert01 {
      color: #DA1217 !important; }
    .card-header .card-title ~ svg.icon.alert02,
    .card-header .widget-title ~ svg.icon.alert02,
    .widget-header .card-title ~ svg.icon.alert02,
    .widget-header .widget-title ~ svg.icon.alert02 {
      color: #F98300 !important; }
    .card-header .card-title ~ svg.icon.alert03,
    .card-header .widget-title ~ svg.icon.alert03,
    .widget-header .card-title ~ svg.icon.alert03,
    .widget-header .widget-title ~ svg.icon.alert03 {
      color: #FFD100 !important; }
    .card-header .card-title ~ svg.icon.alert04,
    .card-header .widget-title ~ svg.icon.alert04,
    .widget-header .card-title ~ svg.icon.alert04,
    .widget-header .widget-title ~ svg.icon.alert04 {
      color: #2AC371 !important; }
  .card-header [class^='btn'] span,
  .widget-header [class^='btn'] span {
    color: #525257; }
  .card-header [class^='btn'] .icon,
  .widget-header [class^='btn'] .icon {
    color: #525257; }
  .card-header [class^='btn']:focus, .card-header [class^='btn']:hover,
  .widget-header [class^='btn']:focus,
  .widget-header [class^='btn']:hover {
    color: #0072ED; }
    .card-header [class^='btn']:focus span, .card-header [class^='btn']:hover span,
    .widget-header [class^='btn']:focus span,
    .widget-header [class^='btn']:hover span {
      color: #0072ED; }
    .card-header [class^='btn']:focus .icon, .card-header [class^='btn']:hover .icon,
    .widget-header [class^='btn']:focus .icon,
    .widget-header [class^='btn']:hover .icon {
      color: #0072ED; }
  .card-header [class^='btn'].is-selected, .card-header [class^='btn'].is-selected:focus, .card-header [class^='btn'].is-selected:hover,
  .widget-header [class^='btn'].is-selected,
  .widget-header [class^='btn'].is-selected:focus,
  .widget-header [class^='btn'].is-selected:hover {
    box-shadow: 0 0 0 2px transparent, 0 0 0 1px #0072ED;
    color: #0072ED; }
    .card-header [class^='btn'].is-selected span, .card-header [class^='btn'].is-selected:focus span, .card-header [class^='btn'].is-selected:hover span,
    .widget-header [class^='btn'].is-selected span,
    .widget-header [class^='btn'].is-selected:focus span,
    .widget-header [class^='btn'].is-selected:hover span {
      color: #0072ED; }
    .card-header [class^='btn'].is-selected .icon, .card-header [class^='btn'].is-selected:focus .icon, .card-header [class^='btn'].is-selected:hover .icon,
    .widget-header [class^='btn'].is-selected .icon,
    .widget-header [class^='btn'].is-selected:focus .icon,
    .widget-header [class^='btn'].is-selected:hover .icon {
      color: #0072ED; }
  .card-header > h2,
  .card-header > h1,
  .card-header > button,
  .widget-header > h2,
  .widget-header > h1,
  .widget-header > button {
    float: left;
    margin-bottom: 1px; }
  .card-header .btn-actions,
  .card-header .btn-system,
  .widget-header .btn-actions,
  .widget-header .btn-system {
    background-color: transparent !important; }
    .card-header .btn-actions .icon,
    .card-header .btn-system .icon,
    .widget-header .btn-actions .icon,
    .widget-header .btn-system .icon {
      color: #6F6F76 !important; }
    .card-header .btn-actions .audible,
    .card-header .btn-system .audible,
    .widget-header .btn-actions .audible,
    .widget-header .btn-system .audible {
      color: #6F6F76 !important; }
    .card-header .btn-actions:hover .icon,
    .card-header .btn-system:hover .icon,
    .widget-header .btn-actions:hover .icon,
    .widget-header .btn-system:hover .icon {
      color: #161618 !important; }
    .card-header .btn-actions.go-back,
    .card-header .btn-system.go-back,
    .widget-header .btn-actions.go-back,
    .widget-header .btn-system.go-back {
      margin-top: -2px; }
  .card-header:not(.has-toolbar) > .btn-actions,
  .card-header:not(.has-toolbar) > .btn-expander,
  .widget-header:not(.has-toolbar) > .btn-actions,
  .widget-header:not(.has-toolbar) > .btn-expander {
    line-height: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px; }
  .card-header:not(.has-toolbar) > .btn-actions,
  .widget-header:not(.has-toolbar) > .btn-actions {
    top: 7px; }
  .card-header:not(.has-toolbar) > .btn-expander,
  .widget-header:not(.has-toolbar) > .btn-expander {
    top: 5px; }
    .card-header:not(.has-toolbar) > .btn-expander .icon,
    .widget-header:not(.has-toolbar) > .btn-expander .icon {
      left: 11px;
      top: 9px; }
  .card-header:not(.has-toolbar) .icon,
  .widget-header:not(.has-toolbar) .icon {
    position: relative; }
  .card-header .btn-actions > .icon,
  .widget-header .btn-actions > .icon {
    top: unset; }

.widget-content,
.card-content {
  flex-direction: column;
  height: 320px;
  min-height: 320px;
  overflow: auto;
  width: 100%; }
  .widget-content.contained,
  .widget-content .contained,
  .card-content.contained,
  .card-content .contained {
    height: inherit; }
  .widget-content .card-group-action,
  .widget-content .widget-group-action,
  .widget-content .card-chart-action,
  .widget-content .widget-chart-action,
  .card-content .card-group-action,
  .card-content .widget-group-action,
  .card-content .card-chart-action,
  .card-content .widget-chart-action {
    padding: 0 10px 0 20px; }
    .widget-content .card-group-action .toolbar,
    .widget-content .widget-group-action .toolbar,
    .widget-content .card-chart-action .toolbar,
    .widget-content .widget-chart-action .toolbar,
    .card-content .card-group-action .toolbar,
    .card-content .widget-group-action .toolbar,
    .card-content .card-chart-action .toolbar,
    .card-content .widget-chart-action .toolbar {
      margin-bottom: 0; }
  .widget-content .card-group-action,
  .widget-content .widget-group-action,
  .card-content .card-group-action,
  .card-content .widget-group-action {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-bottom-color: #E0E0E1;
    font-size: 16px; }
  .widget-content .card-chart-action,
  .widget-content .widget-chart-action,
  .card-content .card-chart-action,
  .card-content .widget-chart-action {
    padding-top: 3px; }
  .widget-content.overflow-visible,
  .card-content.overflow-visible {
    overflow: initial; }

.card.has-footer .widget-content,
.card.has-footer .card-content {
  height: 275px;
  min-height: 275px; }

.card-footer,
.widget-footer {
  border-top: 1px solid #C5C5C9;
  min-height: 50px; }
  .card-footer .pager-toolbar a,
  .widget-footer .pager-toolbar a {
    margin: 2px 4px 0; }

.card-list-item {
  font-size: 0; }
  .card-list-item > * {
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle; }
  .card-list-item.alternate {
    background-color: #ffffff; }

.card-list-item-thumbnail {
  width: 64px; }
  .card-list-item-thumbnail img {
    border-radius: 0.5rem; }

.card-list-item-summary {
  margin: 0 1rem;
  width: calc(100% - 64px - 2rem - 125px); }

.card-list-item-price-container {
  text-align: right;
  width: 125px; }

.card-detail-table td,
.card-detail-table th {
  padding-top: 5px; }
  .card-detail-table td:first-child,
  .card-detail-table th:first-child {
    padding-top: 0; }

.widget-empty-icon,
.card-empty-icon,
.widget-empty-title,
.card-empty-title,
.widget-empty-info,
.card-empty-info,
.widget-empty-actions,
.card-empty-actions,
.empty-icon,
.empty-title,
.empty-actions,
.empty-info {
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: normal;
  text-align: center; }

.card-empty-icon,
.widget-empty-icon,
.empty-icon {
  padding: 20px 0; }

.card-empty-title,
.widget-empty-title,
.empty-title {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 20px; }
  .card-empty-title:first-child,
  .widget-empty-title:first-child,
  .empty-title:first-child {
    padding: 30px 0 20px; }

.card-empty-info,
.widget-empty-info,
.empty-info {
  font-size: 1.6rem;
  padding: 0 20px 40px; }
  .card-empty-info:last-child,
  .widget-empty-info:last-child,
  .empty-info:last-child {
    padding: 0 20px 30px; }

.card-empty-actions,
.widget-empty-actions,
.empty-actions {
  padding: 0 0 32px; }

button.btn.card,
a.btn.card {
  min-height: 50px;
  height: 50px; }
  button.btn.card:focus:not(.hide-focus),
  a.btn.card:focus:not(.hide-focus) {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }

a.btn.card {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%; }

html[dir='rtl'] .card-header > h2,
html[dir='rtl'] .card-header > h1,
html[dir='rtl'] .card-header > button,
html[dir='rtl'] .widget-header > h2,
html[dir='rtl'] .widget-header > h1,
html[dir='rtl'] .widget-header > button {
  float: right; }

html[dir='rtl'] .card-header:not(.expandable-card-header),
html[dir='rtl'] .widget-header:not(.expandable-card-header) {
  padding-left: 8px;
  padding-right: 16px; }

html[dir='rtl'] .card-header:not(.has-toolbar) > .btn-actions,
html[dir='rtl'] .widget-header:not(.has-toolbar) > .btn-actions {
  left: 0;
  right: auto; }

html[dir='rtl'] .card-header.has-toolbar,
html[dir='rtl'] .widget-header.has-toolbar {
  padding: 0 20px 0 13px; }
  html[dir='rtl'] .card-header.has-toolbar .searchfield-wrapper,
  html[dir='rtl'] .widget-header.has-toolbar .searchfield-wrapper {
    margin: 8px 0 5px 5px; }

html[dir='rtl'] .card-header > button,
html[dir='rtl'] .widget-header > button {
  float: right; }

html[dir='rtl'] .card-header > h2,
html[dir='rtl'] .card-header > h1,
html[dir='rtl'] .widget-header > h2,
html[dir='rtl'] .widget-header > h1 {
  float: right;
  width: auto; }

html[dir='rtl'] .card-content .card-group-action,
html[dir='rtl'] .card-content .widget-group-action,
html[dir='rtl'] .widget-content .card-group-action,
html[dir='rtl'] .widget-content .widget-group-action {
  padding: 0 20px 0 10px; }

html[dir='rtl'] .card-content .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close,
html[dir='rtl'] .widget-content .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  right: 330px;
  top: 7px; }

html[dir='rtl'] .card-content .listview-search .icon.close,
html[dir='rtl'] .widget-content .listview-search .icon.close {
  left: 0 !important; }

html[dir='rtl'] .card-content .listview-search input,
html[dir='rtl'] .widget-content .listview-search input {
  padding: 9px 40px 9px 26px !important; }

html[dir='rtl'][class*='theme-classic-'] .card-header-section.title .badge,
html[dir='rtl'][class*='theme-classic-'] .widget-header-section.title .badge {
  left: -5px;
  top: 1px; }

.card-header:not(.expandable-card-header),
.widget-header:not(.expandable-card-header) {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 8px;
  padding-top: 0; }

.card-header > button.btn-actions:not(.has-toolbar),
.widget-header > button.btn-actions:not(.has-toolbar) {
  position: relative; }
  .card-header > button.btn-actions:not(.has-toolbar) svg.icon,
  .widget-header > button.btn-actions:not(.has-toolbar) svg.icon {
    top: 0; }

.card-header .widget-title,
.widget-header .widget-title {
  margin: 0; }

.card-header .widget-title:has(+ .badge),
.widget-header .widget-title:has(+ .badge) {
  width: unset; }

.card-header:not(.has-toolbar) > .btn-actions,
.widget-header:not(.has-toolbar) > .btn-actions {
  right: 0;
  top: -1px; }

html[class*='theme-classic-'] .card-header.no-border,
html[class*='theme-classic-'] .widget-header.no-border {
  border-bottom: 1px solid transparent; }

html[class*='theme-classic-'] .card-header,
html[class*='theme-classic-'] .widget-header {
  border-bottom: 1px solid #C5C5C9; }
  html[class*='theme-classic-'] .card-header.has-subtitle .widget-header-section.more,
  html[class*='theme-classic-'] .widget-header.has-subtitle .widget-header-section.more {
    padding-top: 0; }

html[class*='theme-classic-'] .card-header-section.title, html[class*='theme-classic-'] .card-header-section.custom-action, html[class*='theme-classic-'] .card-header-section.detail-title, html[class*='theme-classic-'] .card-header-section.detail-custom-action,
html[class*='theme-classic-'] .widget-header-section.title,
html[class*='theme-classic-'] .widget-header-section.custom-action,
html[class*='theme-classic-'] .widget-header-section.detail-title,
html[class*='theme-classic-'] .widget-header-section.detail-custom-action {
  display: flex;
  flex-grow: 1; }

html[class*='theme-classic-'] .card-header-section.title + .custom-action,
html[class*='theme-classic-'] .card-header-section.title + .detail-custom-action,
html[class*='theme-classic-'] .widget-header-section.title + .custom-action,
html[class*='theme-classic-'] .widget-header-section.title + .detail-custom-action {
  text-align: right;
  flex-direction: row-reverse; }

html[class*='theme-classic-'] .card-header-section.title .badge,
html[class*='theme-classic-'] .widget-header-section.title .badge {
  left: 6px;
  position: relative;
  top: 2px; }

html[class*='theme-classic-'] .card-header-section.custom-action + .more,
html[class*='theme-classic-'] .widget-header-section.custom-action + .more {
  padding-top: 10px; }

html[class*='theme-classic-'] .card-header-section.more,
html[class*='theme-classic-'] .widget-header-section.more {
  padding-top: 6px; }

html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .widget-header-section.detail-title {
  display: none; }

html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .card-header-section.detail-title, html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .widget-header-section.detail-custom-action, html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .card-header-section.detail-title, html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action, html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .card-header-section.detail-title, html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .widget-header-section.detail-custom-action, html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .card-header-section.detail-title, html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action, html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .card-header-section.detail-title, html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-custom-action, html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-title, html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action {
  display: none; }

html[class*='theme-classic-'] .card .card-header.has-subtitle, html[class*='theme-classic-'] .card .widget-header.has-subtitle, html[class*='theme-classic-'] .widget .card-header.has-subtitle, html[class*='theme-classic-'] .widget .widget-header.has-subtitle, html[class*='theme-classic-'] .small-widget .card-header.has-subtitle, html[class*='theme-classic-'] .small-widget .widget-header.has-subtitle {
  align-items: flex-start;
  height: 61px;
  padding-top: 9px; }
  html[class*='theme-classic-'] .card .card-header.has-subtitle .widget-header-section.title, html[class*='theme-classic-'] .card .widget-header.has-subtitle .widget-header-section.title, html[class*='theme-classic-'] .widget .card-header.has-subtitle .widget-header-section.title, html[class*='theme-classic-'] .widget .widget-header.has-subtitle .widget-header-section.title, html[class*='theme-classic-'] .small-widget .card-header.has-subtitle .widget-header-section.title, html[class*='theme-classic-'] .small-widget .widget-header.has-subtitle .widget-header-section.title {
    display: block; }
  html[class*='theme-classic-'] .card .card-header.has-subtitle .widget-header-section.custom-action, html[class*='theme-classic-'] .card .widget-header.has-subtitle .widget-header-section.custom-action, html[class*='theme-classic-'] .widget .card-header.has-subtitle .widget-header-section.custom-action, html[class*='theme-classic-'] .widget .widget-header.has-subtitle .widget-header-section.custom-action, html[class*='theme-classic-'] .small-widget .card-header.has-subtitle .widget-header-section.custom-action, html[class*='theme-classic-'] .small-widget .widget-header.has-subtitle .widget-header-section.custom-action {
    display: block; }
    html[class*='theme-classic-'] .card .card-header.has-subtitle .widget-header-section.custom-action button:last-child, html[class*='theme-classic-'] .card .widget-header.has-subtitle .widget-header-section.custom-action button:last-child, html[class*='theme-classic-'] .widget .card-header.has-subtitle .widget-header-section.custom-action button:last-child, html[class*='theme-classic-'] .widget .widget-header.has-subtitle .widget-header-section.custom-action button:last-child, html[class*='theme-classic-'] .small-widget .card-header.has-subtitle .widget-header-section.custom-action button:last-child, html[class*='theme-classic-'] .small-widget .widget-header.has-subtitle .widget-header-section.custom-action button:last-child {
      margin-inline-end: 2px; }

html[class*='theme-classic-'] .card .card-header .card-header-section.title h1,
html[class*='theme-classic-'] .card .card-header .card-header-section.title h2,
html[class*='theme-classic-'] .card .card-header .card-header-section.title h3,
html[class*='theme-classic-'] .card .card-header .card-header-section.title h4,
html[class*='theme-classic-'] .card .card-header .card-header-section.title h5,
html[class*='theme-classic-'] .card .card-header .card-header-section.title h6, html[class*='theme-classic-'] .card .card-header .widget-header-section.title h1,
html[class*='theme-classic-'] .card .card-header .widget-header-section.title h2,
html[class*='theme-classic-'] .card .card-header .widget-header-section.title h3,
html[class*='theme-classic-'] .card .card-header .widget-header-section.title h4,
html[class*='theme-classic-'] .card .card-header .widget-header-section.title h5,
html[class*='theme-classic-'] .card .card-header .widget-header-section.title h6, html[class*='theme-classic-'] .card .widget-header .card-header-section.title h1,
html[class*='theme-classic-'] .card .widget-header .card-header-section.title h2,
html[class*='theme-classic-'] .card .widget-header .card-header-section.title h3,
html[class*='theme-classic-'] .card .widget-header .card-header-section.title h4,
html[class*='theme-classic-'] .card .widget-header .card-header-section.title h5,
html[class*='theme-classic-'] .card .widget-header .card-header-section.title h6, html[class*='theme-classic-'] .card .widget-header .widget-header-section.title h1,
html[class*='theme-classic-'] .card .widget-header .widget-header-section.title h2,
html[class*='theme-classic-'] .card .widget-header .widget-header-section.title h3,
html[class*='theme-classic-'] .card .widget-header .widget-header-section.title h4,
html[class*='theme-classic-'] .card .widget-header .widget-header-section.title h5,
html[class*='theme-classic-'] .card .widget-header .widget-header-section.title h6, html[class*='theme-classic-'] .widget .card-header .card-header-section.title h1,
html[class*='theme-classic-'] .widget .card-header .card-header-section.title h2,
html[class*='theme-classic-'] .widget .card-header .card-header-section.title h3,
html[class*='theme-classic-'] .widget .card-header .card-header-section.title h4,
html[class*='theme-classic-'] .widget .card-header .card-header-section.title h5,
html[class*='theme-classic-'] .widget .card-header .card-header-section.title h6, html[class*='theme-classic-'] .widget .card-header .widget-header-section.title h1,
html[class*='theme-classic-'] .widget .card-header .widget-header-section.title h2,
html[class*='theme-classic-'] .widget .card-header .widget-header-section.title h3,
html[class*='theme-classic-'] .widget .card-header .widget-header-section.title h4,
html[class*='theme-classic-'] .widget .card-header .widget-header-section.title h5,
html[class*='theme-classic-'] .widget .card-header .widget-header-section.title h6, html[class*='theme-classic-'] .widget .widget-header .card-header-section.title h1,
html[class*='theme-classic-'] .widget .widget-header .card-header-section.title h2,
html[class*='theme-classic-'] .widget .widget-header .card-header-section.title h3,
html[class*='theme-classic-'] .widget .widget-header .card-header-section.title h4,
html[class*='theme-classic-'] .widget .widget-header .card-header-section.title h5,
html[class*='theme-classic-'] .widget .widget-header .card-header-section.title h6, html[class*='theme-classic-'] .widget .widget-header .widget-header-section.title h1,
html[class*='theme-classic-'] .widget .widget-header .widget-header-section.title h2,
html[class*='theme-classic-'] .widget .widget-header .widget-header-section.title h3,
html[class*='theme-classic-'] .widget .widget-header .widget-header-section.title h4,
html[class*='theme-classic-'] .widget .widget-header .widget-header-section.title h5,
html[class*='theme-classic-'] .widget .widget-header .widget-header-section.title h6, html[class*='theme-classic-'] .small-widget .card-header .card-header-section.title h1,
html[class*='theme-classic-'] .small-widget .card-header .card-header-section.title h2,
html[class*='theme-classic-'] .small-widget .card-header .card-header-section.title h3,
html[class*='theme-classic-'] .small-widget .card-header .card-header-section.title h4,
html[class*='theme-classic-'] .small-widget .card-header .card-header-section.title h5,
html[class*='theme-classic-'] .small-widget .card-header .card-header-section.title h6, html[class*='theme-classic-'] .small-widget .card-header .widget-header-section.title h1,
html[class*='theme-classic-'] .small-widget .card-header .widget-header-section.title h2,
html[class*='theme-classic-'] .small-widget .card-header .widget-header-section.title h3,
html[class*='theme-classic-'] .small-widget .card-header .widget-header-section.title h4,
html[class*='theme-classic-'] .small-widget .card-header .widget-header-section.title h5,
html[class*='theme-classic-'] .small-widget .card-header .widget-header-section.title h6, html[class*='theme-classic-'] .small-widget .widget-header .card-header-section.title h1,
html[class*='theme-classic-'] .small-widget .widget-header .card-header-section.title h2,
html[class*='theme-classic-'] .small-widget .widget-header .card-header-section.title h3,
html[class*='theme-classic-'] .small-widget .widget-header .card-header-section.title h4,
html[class*='theme-classic-'] .small-widget .widget-header .card-header-section.title h5,
html[class*='theme-classic-'] .small-widget .widget-header .card-header-section.title h6, html[class*='theme-classic-'] .small-widget .widget-header .widget-header-section.title h1,
html[class*='theme-classic-'] .small-widget .widget-header .widget-header-section.title h2,
html[class*='theme-classic-'] .small-widget .widget-header .widget-header-section.title h3,
html[class*='theme-classic-'] .small-widget .widget-header .widget-header-section.title h4,
html[class*='theme-classic-'] .small-widget .widget-header .widget-header-section.title h5,
html[class*='theme-classic-'] .small-widget .widget-header .widget-header-section.title h6 {
  font-size: 2rem;
  font-weight: 400;
  margin: 0; }

html[class*='theme-classic-'] .card .card-header .card-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .card .card-header .widget-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .card .widget-header .card-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .card .widget-header .widget-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .widget .card-header .card-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .widget .card-header .widget-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .widget .widget-header .card-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .widget .widget-header .widget-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .small-widget .card-header .card-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .small-widget .card-header .widget-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .small-widget .widget-header .card-header-section.detail-title + .detail-custom-action, html[class*='theme-classic-'] .small-widget .widget-header .widget-header-section.detail-title + .detail-custom-action {
  text-align: right;
  flex-direction: row-reverse;
  padding-top: 5px; }

html[class*='theme-classic-'] .card .card-header.has-back-button, html[class*='theme-classic-'] .card .widget-header.has-back-button, html[class*='theme-classic-'] .widget .card-header.has-back-button, html[class*='theme-classic-'] .widget .widget-header.has-back-button, html[class*='theme-classic-'] .small-widget .card-header.has-back-button, html[class*='theme-classic-'] .small-widget .widget-header.has-back-button {
  padding-left: 8px; }
  html[class*='theme-classic-'] .card .card-header.has-back-button .widget-header-section.title, html[class*='theme-classic-'] .card .card-header.has-back-button .widget-header-section.more, html[class*='theme-classic-'] .card .card-header.has-back-button .widget-header-section.custom-action,
  html[class*='theme-classic-'] .card .card-header.has-back-button .card-header-section.title,
  html[class*='theme-classic-'] .card .card-header.has-back-button .card-header-section.more,
  html[class*='theme-classic-'] .card .card-header.has-back-button .card-header-section.custom-action, html[class*='theme-classic-'] .card .widget-header.has-back-button .widget-header-section.title, html[class*='theme-classic-'] .card .widget-header.has-back-button .widget-header-section.more, html[class*='theme-classic-'] .card .widget-header.has-back-button .widget-header-section.custom-action,
  html[class*='theme-classic-'] .card .widget-header.has-back-button .card-header-section.title,
  html[class*='theme-classic-'] .card .widget-header.has-back-button .card-header-section.more,
  html[class*='theme-classic-'] .card .widget-header.has-back-button .card-header-section.custom-action, html[class*='theme-classic-'] .widget .card-header.has-back-button .widget-header-section.title, html[class*='theme-classic-'] .widget .card-header.has-back-button .widget-header-section.more, html[class*='theme-classic-'] .widget .card-header.has-back-button .widget-header-section.custom-action,
  html[class*='theme-classic-'] .widget .card-header.has-back-button .card-header-section.title,
  html[class*='theme-classic-'] .widget .card-header.has-back-button .card-header-section.more,
  html[class*='theme-classic-'] .widget .card-header.has-back-button .card-header-section.custom-action, html[class*='theme-classic-'] .widget .widget-header.has-back-button .widget-header-section.title, html[class*='theme-classic-'] .widget .widget-header.has-back-button .widget-header-section.more, html[class*='theme-classic-'] .widget .widget-header.has-back-button .widget-header-section.custom-action,
  html[class*='theme-classic-'] .widget .widget-header.has-back-button .card-header-section.title,
  html[class*='theme-classic-'] .widget .widget-header.has-back-button .card-header-section.more,
  html[class*='theme-classic-'] .widget .widget-header.has-back-button .card-header-section.custom-action, html[class*='theme-classic-'] .small-widget .card-header.has-back-button .widget-header-section.title, html[class*='theme-classic-'] .small-widget .card-header.has-back-button .widget-header-section.more, html[class*='theme-classic-'] .small-widget .card-header.has-back-button .widget-header-section.custom-action,
  html[class*='theme-classic-'] .small-widget .card-header.has-back-button .card-header-section.title,
  html[class*='theme-classic-'] .small-widget .card-header.has-back-button .card-header-section.more,
  html[class*='theme-classic-'] .small-widget .card-header.has-back-button .card-header-section.custom-action, html[class*='theme-classic-'] .small-widget .widget-header.has-back-button .widget-header-section.title, html[class*='theme-classic-'] .small-widget .widget-header.has-back-button .widget-header-section.more, html[class*='theme-classic-'] .small-widget .widget-header.has-back-button .widget-header-section.custom-action,
  html[class*='theme-classic-'] .small-widget .widget-header.has-back-button .card-header-section.title,
  html[class*='theme-classic-'] .small-widget .widget-header.has-back-button .card-header-section.more,
  html[class*='theme-classic-'] .small-widget .widget-header.has-back-button .card-header-section.custom-action {
    display: none; }

html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .widget-header-section.detail-more, html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .widget-header-section.detail-custom-action,
html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .card-header-section.detail-title,
html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .card-header-section.detail-more,
html[class*='theme-classic-'] .card .card-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .widget-header-section.detail-more, html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action,
html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .card-header-section.detail-title,
html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .card-header-section.detail-more,
html[class*='theme-classic-'] .card .widget-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .widget-header-section.detail-more, html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .widget-header-section.detail-custom-action,
html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .card-header-section.detail-title,
html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .card-header-section.detail-more,
html[class*='theme-classic-'] .widget .card-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .widget-header-section.detail-more, html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action,
html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .card-header-section.detail-title,
html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .card-header-section.detail-more,
html[class*='theme-classic-'] .widget .widget-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-more, html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-custom-action,
html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .card-header-section.detail-title,
html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .card-header-section.detail-more,
html[class*='theme-classic-'] .small-widget .card-header:not(.has-back-button) .card-header-section.detail-custom-action, html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-title, html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-more, html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action,
html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-title,
html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-more,
html[class*='theme-classic-'] .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-custom-action {
  display: none; }

html[class*='theme-classic-'] .card .card-content, html[class*='theme-classic-'] .card .widget-content, html[class*='theme-classic-'] .widget .card-content, html[class*='theme-classic-'] .widget .widget-content, html[class*='theme-classic-'] .small-widget .card-content, html[class*='theme-classic-'] .small-widget .widget-content {
  position: relative; }
  html[class*='theme-classic-'] .card .card-content.has-back-button, html[class*='theme-classic-'] .card .widget-content.has-back-button, html[class*='theme-classic-'] .widget .card-content.has-back-button, html[class*='theme-classic-'] .widget .widget-content.has-back-button, html[class*='theme-classic-'] .small-widget .card-content.has-back-button, html[class*='theme-classic-'] .small-widget .widget-content.has-back-button {
    overflow-x: hidden; }
  html[class*='theme-classic-'] .card .card-content.padding-x-16 .content-main,
  html[class*='theme-classic-'] .card .card-content.padding-x-16 .content-detail, html[class*='theme-classic-'] .card .widget-content.padding-x-16 .content-main,
  html[class*='theme-classic-'] .card .widget-content.padding-x-16 .content-detail, html[class*='theme-classic-'] .widget .card-content.padding-x-16 .content-main,
  html[class*='theme-classic-'] .widget .card-content.padding-x-16 .content-detail, html[class*='theme-classic-'] .widget .widget-content.padding-x-16 .content-main,
  html[class*='theme-classic-'] .widget .widget-content.padding-x-16 .content-detail, html[class*='theme-classic-'] .small-widget .card-content.padding-x-16 .content-main,
  html[class*='theme-classic-'] .small-widget .card-content.padding-x-16 .content-detail, html[class*='theme-classic-'] .small-widget .widget-content.padding-x-16 .content-main,
  html[class*='theme-classic-'] .small-widget .widget-content.padding-x-16 .content-detail {
    width: calc(100% - 32px); }

html[class*='theme-classic-'] .card .go-back-button, html[class*='theme-classic-'] .widget .go-back-button, html[class*='theme-classic-'] .small-widget .go-back-button {
  margin-top: -2px; }

html[class*='theme-classic-'] .card.show-card-detail .card-header-section.detail-title, html[class*='theme-classic-'] .card.show-card-detail .widget-header-section.detail-title, html[class*='theme-classic-'] .widget.show-card-detail .card-header-section.detail-title, html[class*='theme-classic-'] .widget.show-card-detail .widget-header-section.detail-title, html[class*='theme-classic-'] .small-widget.show-card-detail .card-header-section.detail-title, html[class*='theme-classic-'] .small-widget.show-card-detail .widget-header-section.detail-title {
  margin-top: 9px; }

html[class*='theme-classic-'] .card.show-card-detail .content-main, html[class*='theme-classic-'] .widget.show-card-detail .content-main, html[class*='theme-classic-'] .small-widget.show-card-detail .content-main {
  transform: translateX(-110%); }

html[class*='theme-classic-'] .card.show-card-detail .content-detail, html[class*='theme-classic-'] .widget.show-card-detail .content-detail, html[class*='theme-classic-'] .small-widget.show-card-detail .content-detail {
  transform: translateX(0); }

html[class*='theme-classic-'] .card .content-main, html[class*='theme-classic-'] .widget .content-main, html[class*='theme-classic-'] .small-widget .content-main {
  transform: translateX(0);
  width: 100%; }

html[class*='theme-classic-'] .card .content-detail, html[class*='theme-classic-'] .widget .content-detail, html[class*='theme-classic-'] .small-widget .content-detail {
  transform: translateX(110%); }

html[class*='theme-classic-'] .card .content-main,
html[class*='theme-classic-'] .card .content-detail, html[class*='theme-classic-'] .widget .content-main,
html[class*='theme-classic-'] .widget .content-detail, html[class*='theme-classic-'] .small-widget .content-main,
html[class*='theme-classic-'] .small-widget .content-detail {
  -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; }

.card,
.small-widget,
.widget {
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  height: 368px;
  min-height: 368px;
  overflow: hidden; }
  .card.bordered,
  .small-widget.bordered,
  .widget.bordered {
    border: none; }
    .card.bordered:hover,
    .small-widget.bordered:hover,
    .widget.bordered:hover {
      outline: 1px solid #C5C5C9;
      box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
      transition: box-shadow 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94) !important; }
  .card .card-header.is-shadow-scrolling,
  .card .widget-header.is-shadow-scrolling,
  .small-widget .card-header.is-shadow-scrolling,
  .small-widget .widget-header.is-shadow-scrolling,
  .widget .card-header.is-shadow-scrolling,
  .widget .widget-header.is-shadow-scrolling {
    border-bottom: 1px solid #E0E0E1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 0 4px 0 #00000040; }
  .card .card-content .listview-search.is-scrolling .searchfield-wrapper,
  .card .widget-content .listview-search.is-scrolling .searchfield-wrapper,
  .small-widget .card-content .listview-search.is-scrolling .searchfield-wrapper,
  .small-widget .widget-content .listview-search.is-scrolling .searchfield-wrapper,
  .widget .card-content .listview-search.is-scrolling .searchfield-wrapper,
  .widget .widget-content .listview-search.is-scrolling .searchfield-wrapper {
    z-index: 10; }
  .card .card-buttonset .card-content-action button.btn-actions:hover,
  .small-widget .card-buttonset .card-content-action button.btn-actions:hover,
  .widget .card-buttonset .card-content-action button.btn-actions:hover {
    background-color: #E6F1FD; }
    .card .card-buttonset .card-content-action button.btn-actions:hover .icon,
    .small-widget .card-buttonset .card-content-action button.btn-actions:hover .icon,
    .widget .card-buttonset .card-content-action button.btn-actions:hover .icon {
      color: #0072ED; }
  .card .is-scrolling,
  .small-widget .is-scrolling,
  .widget .is-scrolling {
    position: relative; }
    .card .is-scrolling::before,
    .small-widget .is-scrolling::before,
    .widget .is-scrolling::before {
      background: #ffffff;
      bottom: 1px;
      content: '';
      display: block;
      height: 10px;
      position: absolute;
      width: 100%;
      z-index: 7; }
    .card .is-scrolling::after,
    .small-widget .is-scrolling::after,
    .widget .is-scrolling::after {
      border-bottom: 1px solid #E0E0E1;
      box-shadow: 0 0 4px 0 #00000040;
      bottom: 0;
      content: '';
      height: 2px;
      left: 0;
      position: absolute;
      z-index: 6;
      width: 100%; }
  .card:not(.show-buttons) button.btn-actions:not(.list-button),
  .small-widget:not(.show-buttons) button.btn-actions:not(.list-button),
  .widget:not(.show-buttons) button.btn-actions:not(.list-button) {
    opacity: 0; }
  .card:hover button.btn-actions:not(.list-button),
  .small-widget:hover button.btn-actions:not(.list-button),
  .widget:hover button.btn-actions:not(.list-button) {
    opacity: 1; }
  .card .btn-actions.floating-actions,
  .small-widget .btn-actions.floating-actions,
  .widget .btn-actions.floating-actions {
    border: 1px solid #BBBBBF;
    background-color: #ffffff !important; }
  .card .btn-actions.is-open,
  .card .btn-actions.has-open-tooltip,
  .small-widget .btn-actions.is-open,
  .small-widget .btn-actions.has-open-tooltip,
  .widget .btn-actions.is-open,
  .widget .btn-actions.has-open-tooltip {
    opacity: 1 !important; }
  .card.is-empty .widget-content,
  .card.is-empty .card-content,
  .small-widget.is-empty .widget-content,
  .small-widget.is-empty .card-content,
  .widget.is-empty .widget-content,
  .widget.is-empty .card-content {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .card.is-empty .card-header + .card-content,
  .small-widget.is-empty .card-header + .card-content,
  .widget.is-empty .card-header + .card-content {
    padding-top: 48px; }
  .card .card-content,
  .card .widget-content,
  .small-widget .card-content,
  .small-widget .widget-content,
  .widget .card-content,
  .widget .widget-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: relative; }
    .card .card-content.has-back-button,
    .card .widget-content.has-back-button,
    .small-widget .card-content.has-back-button,
    .small-widget .widget-content.has-back-button,
    .widget .card-content.has-back-button,
    .widget .widget-content.has-back-button {
      overflow-x: hidden; }
    .card .card-content.padding-x-16 .content-main,
    .card .card-content.padding-x-16 .content-detail,
    .card .widget-content.padding-x-16 .content-main,
    .card .widget-content.padding-x-16 .content-detail,
    .small-widget .card-content.padding-x-16 .content-main,
    .small-widget .card-content.padding-x-16 .content-detail,
    .small-widget .widget-content.padding-x-16 .content-main,
    .small-widget .widget-content.padding-x-16 .content-detail,
    .widget .card-content.padding-x-16 .content-main,
    .widget .card-content.padding-x-16 .content-detail,
    .widget .widget-content.padding-x-16 .content-main,
    .widget .widget-content.padding-x-16 .content-detail {
      width: calc(100% - 32px); }
  .card.show-buttons button,
  .small-widget.show-buttons button,
  .widget.show-buttons button {
    opacity: 1; }
  .card .widget-header.has-subtitle,
  .card .card-header.has-subtitle,
  .small-widget .widget-header.has-subtitle,
  .small-widget .card-header.has-subtitle,
  .widget .widget-header.has-subtitle,
  .widget .card-header.has-subtitle {
    align-items: flex-start;
    height: 60px;
    padding-top: 8px; }
    .card .widget-header.has-subtitle + .card-content,
    .card .widget-header.has-subtitle + .widget-content,
    .card .card-header.has-subtitle + .card-content,
    .card .card-header.has-subtitle + .widget-content,
    .small-widget .widget-header.has-subtitle + .card-content,
    .small-widget .widget-header.has-subtitle + .widget-content,
    .small-widget .card-header.has-subtitle + .card-content,
    .small-widget .card-header.has-subtitle + .widget-content,
    .widget .widget-header.has-subtitle + .card-content,
    .widget .widget-header.has-subtitle + .widget-content,
    .widget .card-header.has-subtitle + .card-content,
    .widget .card-header.has-subtitle + .widget-content {
      height: 304px;
      min-height: 304px; }
  .card .widget-header.has-back-button,
  .card .card-header.has-back-button,
  .small-widget .widget-header.has-back-button,
  .small-widget .card-header.has-back-button,
  .widget .widget-header.has-back-button,
  .widget .card-header.has-back-button {
    padding-left: 8px; }
    .card .widget-header.has-back-button .widget-header-section.title, .card .widget-header.has-back-button .widget-header-section.more, .card .widget-header.has-back-button .widget-header-section.custom-action,
    .card .widget-header.has-back-button .card-header-section.title,
    .card .widget-header.has-back-button .card-header-section.more,
    .card .widget-header.has-back-button .card-header-section.custom-action,
    .card .card-header.has-back-button .widget-header-section.title,
    .card .card-header.has-back-button .widget-header-section.more,
    .card .card-header.has-back-button .widget-header-section.custom-action,
    .card .card-header.has-back-button .card-header-section.title,
    .card .card-header.has-back-button .card-header-section.more,
    .card .card-header.has-back-button .card-header-section.custom-action,
    .small-widget .widget-header.has-back-button .widget-header-section.title,
    .small-widget .widget-header.has-back-button .widget-header-section.more,
    .small-widget .widget-header.has-back-button .widget-header-section.custom-action,
    .small-widget .widget-header.has-back-button .card-header-section.title,
    .small-widget .widget-header.has-back-button .card-header-section.more,
    .small-widget .widget-header.has-back-button .card-header-section.custom-action,
    .small-widget .card-header.has-back-button .widget-header-section.title,
    .small-widget .card-header.has-back-button .widget-header-section.more,
    .small-widget .card-header.has-back-button .widget-header-section.custom-action,
    .small-widget .card-header.has-back-button .card-header-section.title,
    .small-widget .card-header.has-back-button .card-header-section.more,
    .small-widget .card-header.has-back-button .card-header-section.custom-action,
    .widget .widget-header.has-back-button .widget-header-section.title,
    .widget .widget-header.has-back-button .widget-header-section.more,
    .widget .widget-header.has-back-button .widget-header-section.custom-action,
    .widget .widget-header.has-back-button .card-header-section.title,
    .widget .widget-header.has-back-button .card-header-section.more,
    .widget .widget-header.has-back-button .card-header-section.custom-action,
    .widget .card-header.has-back-button .widget-header-section.title,
    .widget .card-header.has-back-button .widget-header-section.more,
    .widget .card-header.has-back-button .widget-header-section.custom-action,
    .widget .card-header.has-back-button .card-header-section.title,
    .widget .card-header.has-back-button .card-header-section.more,
    .widget .card-header.has-back-button .card-header-section.custom-action {
      display: none; }
  .card .widget-header:not(.has-back-button) .widget-header-section.detail-title, .card .widget-header:not(.has-back-button) .widget-header-section.detail-more, .card .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action,
  .card .widget-header:not(.has-back-button) .card-header-section.detail-title,
  .card .widget-header:not(.has-back-button) .card-header-section.detail-more,
  .card .widget-header:not(.has-back-button) .card-header-section.detail-custom-action,
  .card .card-header:not(.has-back-button) .widget-header-section.detail-title,
  .card .card-header:not(.has-back-button) .widget-header-section.detail-more,
  .card .card-header:not(.has-back-button) .widget-header-section.detail-custom-action,
  .card .card-header:not(.has-back-button) .card-header-section.detail-title,
  .card .card-header:not(.has-back-button) .card-header-section.detail-more,
  .card .card-header:not(.has-back-button) .card-header-section.detail-custom-action,
  .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-title,
  .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-more,
  .small-widget .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action,
  .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-title,
  .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-more,
  .small-widget .widget-header:not(.has-back-button) .card-header-section.detail-custom-action,
  .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-title,
  .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-more,
  .small-widget .card-header:not(.has-back-button) .widget-header-section.detail-custom-action,
  .small-widget .card-header:not(.has-back-button) .card-header-section.detail-title,
  .small-widget .card-header:not(.has-back-button) .card-header-section.detail-more,
  .small-widget .card-header:not(.has-back-button) .card-header-section.detail-custom-action,
  .widget .widget-header:not(.has-back-button) .widget-header-section.detail-title,
  .widget .widget-header:not(.has-back-button) .widget-header-section.detail-more,
  .widget .widget-header:not(.has-back-button) .widget-header-section.detail-custom-action,
  .widget .widget-header:not(.has-back-button) .card-header-section.detail-title,
  .widget .widget-header:not(.has-back-button) .card-header-section.detail-more,
  .widget .widget-header:not(.has-back-button) .card-header-section.detail-custom-action,
  .widget .card-header:not(.has-back-button) .widget-header-section.detail-title,
  .widget .card-header:not(.has-back-button) .widget-header-section.detail-more,
  .widget .card-header:not(.has-back-button) .widget-header-section.detail-custom-action,
  .widget .card-header:not(.has-back-button) .card-header-section.detail-title,
  .widget .card-header:not(.has-back-button) .card-header-section.detail-more,
  .widget .card-header:not(.has-back-button) .card-header-section.detail-custom-action {
    display: none; }
  .card.show-card-detail .content-main,
  .small-widget.show-card-detail .content-main,
  .widget.show-card-detail .content-main {
    transform: translateX(-110%); }
  .card.show-card-detail .content-detail,
  .small-widget.show-card-detail .content-detail,
  .widget.show-card-detail .content-detail {
    transform: translateX(0); }
  .card .content-main,
  .small-widget .content-main,
  .widget .content-main {
    transform: translateX(0);
    width: 100%; }
  .card .content-detail,
  .small-widget .content-detail,
  .widget .content-detail {
    transform: translateX(110%); }
  .card .content-detail,
  .card .content-main,
  .small-widget .content-detail,
  .small-widget .content-main,
  .widget .content-detail,
  .widget .content-main {
    -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; }

.small-widget {
  min-height: 260px; }

.widget.no-header .card-content,
.widget.no-header .widget-content,
.card.no-header .card-content,
.card.no-header .widget-content {
  min-height: 368px; }
  .widget.no-header .card-content .content-top,
  .widget.no-header .card-content .content-center,
  .widget.no-header .widget-content .content-top,
  .widget.no-header .widget-content .content-center,
  .card.no-header .card-content .content-top,
  .card.no-header .card-content .content-center,
  .card.no-header .widget-content .content-top,
  .card.no-header .widget-content .content-center {
    display: flex; }
  .widget.no-header .card-content .content-center,
  .widget.no-header .widget-content .content-center,
  .card.no-header .card-content .content-center,
  .card.no-header .widget-content .content-center {
    flex-direction: column;
    align-items: flex-start; }

.card-header,
.widget-header {
  border-bottom: none;
  height: 48px;
  line-height: normal; }
  .card-header .card-title,
  .card-header .widget-title,
  .widget-header .card-title,
  .widget-header .widget-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5; }
    .card-header .card-title ~ svg.icon,
    .card-header .widget-title ~ svg.icon,
    .widget-header .card-title ~ svg.icon,
    .widget-header .widget-title ~ svg.icon {
      top: 1px; }
    .card-header .card-title + p,
    .card-header .widget-title + p,
    .widget-header .card-title + p,
    .widget-header .widget-title + p {
      line-height: 1.4rem; }

.card-content .card-group-action,
.card-content .widget-group-action,
.widget-content .card-group-action,
.widget-content .widget-group-action {
  border-top: 1px solid #E0E0E1; }

.card-content .listview:not(.card-list):not(.link-list) li:first-child,
.widget-content .listview:not(.card-list):not(.link-list) li:first-child {
  border-top: 1px solid #E0E0E1; }

.card-content .listview-search,
.widget-content .listview-search {
  display: flex; }
  .card-content .listview-search .listview-filter-wrapper,
  .widget-content .listview-search .listview-filter-wrapper {
    background-color: transparent;
    border: none;
    display: flex;
    z-index: 10; }
  .card-content .listview-search .searchfield-wrapper .btn-icon:hover,
  .widget-content .listview-search .searchfield-wrapper .btn-icon:hover {
    background-color: #E6F1FD; }

.card-content .listview,
.widget-content .listview {
  overflow: hidden;
  height: auto; }
  .card-content .listview ul li:last-child,
  .widget-content .listview ul li:last-child {
    border-bottom-color: transparent; }

.card-header:not(.expandable-card-header),
.widget-header:not(.expandable-card-header) {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 8px;
  padding-top: 0;
  width: inherit; }

.card-header > button.btn-actions:not(.has-toolbar),
.widget-header > button.btn-actions:not(.has-toolbar) {
  position: relative; }
  .card-header > button.btn-actions:not(.has-toolbar) svg.icon,
  .widget-header > button.btn-actions:not(.has-toolbar) svg.icon {
    top: 0; }

.card-header .widget-title,
.widget-header .widget-title {
  margin: 0; }

.card-header:not(.has-toolbar) > .btn-actions,
.widget-header:not(.has-toolbar) > .btn-actions {
  right: 8px;
  top: 7px;
  position: absolute !important; }

.card-header-section,
.widget-header-section {
  white-space: nowrap;
  width: auto; }
  .card-header-section.title, .card-header-section.custom-action, .card-header-section.detail-title, .card-header-section.detail-custom-action,
  .widget-header-section.title,
  .widget-header-section.custom-action,
  .widget-header-section.detail-title,
  .widget-header-section.detail-custom-action {
    flex-grow: 1; }
  .card-header-section.custom-action button .card-header-section.detail-custom-action button,
  .widget-header-section.custom-action button .card-header-section.detail-custom-action button, .card-header-section.custom-action button
  .widget-header-section.detail-custom-action button,
  .widget-header-section.custom-action button
  .widget-header-section.detail-custom-action button {
    margin: 0; }
  .card-header-section.title h1,
  .card-header-section.title h2,
  .card-header-section.title h3,
  .card-header-section.title h4,
  .card-header-section.title h5,
  .card-header-section.title h6,
  .widget-header-section.title h1,
  .widget-header-section.title h2,
  .widget-header-section.title h3,
  .widget-header-section.title h4,
  .widget-header-section.title h5,
  .widget-header-section.title h6 {
    display: inline;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5; }
  .card-header-section.title .badge,
  .widget-header-section.title .badge {
    left: 4px;
    padding: 1px;
    position: relative;
    top: -6px; }
  .card-header-section.title, .card-header-section.detail-title,
  .widget-header-section.title,
  .widget-header-section.detail-title {
    overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: auto;
    text-overflow: ellipsis; }
  .card-header-section.title + .card-header-section.custom-action,
  .widget-header-section.title + .card-header-section.custom-action, .card-header-section.title +
  .widget-header-section.custom-action,
  .widget-header-section.title +
  .widget-header-section.custom-action {
    text-align: right; }
  .card-header-section.detail-title + .card-header-section.detail-custom-action,
  .widget-header-section.detail-title + .card-header-section.detail-custom-action, .card-header-section.detail-title +
  .widget-header-section.detail-custom-action,
  .widget-header-section.detail-title +
  .widget-header-section.detail-custom-action {
    text-align: right;
    margin-top: -1px; }
  .card-header-section.custom-action > .btn-icon,
  .card-header-section.detail-custom-action > .btn-icon,
  .widget-header-section.custom-action > .btn-icon,
  .widget-header-section.detail-custom-action > .btn-icon {
    margin: 0; }

html[dir='rtl'] .card-header:not(.expandable-card-header),
html[dir='rtl'] .widget-header:not(.expandable-card-header) {
  padding-left: 8px;
  padding-right: 16px;
  margin: unset; }

html[dir='rtl'] .card-header:not(.has-toolbar) > .btn-actions,
html[dir='rtl'] .widget-header:not(.has-toolbar) > .btn-actions {
  left: 0;
  right: auto; }

html[dir='rtl'] .card-header:not(.expandable-card-header),
html[dir='rtl'] .widget-header:not(.expandable-card-header) {
  padding-left: 8px;
  padding-right: 16px; }

html[dir='rtl'] .card-header h2 ~ svg.icon.has-tooltip,
html[dir='rtl'] .widget-header h2 ~ svg.icon.has-tooltip {
  margin-right: 5px;
  top: -1px; }

html[dir='rtl'] .card-header .widget-header-section.title .badge,
html[dir='rtl'] .widget-header .widget-header-section.title .badge {
  left: -4px; }

html[dir='rtl'] .card-header .widget-header-section.custom-action,
html[dir='rtl'] .card-header .widget-header-section.detail-custom-action,
html[dir='rtl'] .widget-header .widget-header-section.custom-action,
html[dir='rtl'] .widget-header .widget-header-section.detail-custom-action {
  display: flex;
  justify-content: flex-end; }

html[dir='rtl'] .widget-content .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 8px;
  right: 315px; }

html[dir='rtl'] .widget-content .listview-search input {
  padding: 9px 34px 9px 28px !important; }

@media all and (any-pointer: coarse) {
  /* This rule will only apply to touch devices */
  .card:not(.show-buttons) button.btn-actions {
    opacity: 1; } }

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

label.inline .checkbox ~ .label-text,
.checkbox-label {
  line-height: 16px; }
  label.inline .checkbox ~ .label-text span,
  .checkbox-label span {
    line-height: inherit; }

.checkbox-label.required::after {
  font-size: 2.2rem; }

.compound-field > .field.field-checkbox .dirty-checkbox {
  margin: 11px 0 0 -1px; }

.circlepager {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .circlepager .slides {
    left: 0;
    overflow: hidden;
    position: relative;
    transition: left 0.3s ease 0s; }
    .circlepager .slides > .slide {
      float: left;
      opacity: 0;
      position: relative; }
      .circlepager .slides > .slide.is-visible {
        opacity: 1; }
        .circlepager .slides > .slide.is-visible.transition {
          transition: opacity 0.8s ease 0s; }
      .circlepager .slides > .slide .slide-content .card {
        margin: 0 auto; }
  .circlepager .controls {
    display: none; }
  .circlepager.is-active .btn-next,
  .circlepager.is-active .btn-previous {
    border: 1px solid #525257;
    border-radius: 50%;
    display: none;
    height: 32px;
    left: 5px;
    margin: -30px 0 0;
    min-width: 32px;
    position: absolute;
    top: 50%;
    width: 32px;
    z-index: 1001; }
    .circlepager.is-active .btn-next .icon,
    .circlepager.is-active .btn-previous .icon {
      color: #3B3B3F;
      height: 18px;
      width: 18px; }
    .circlepager.is-active .btn-next:hover,
    .circlepager.is-active .btn-previous:hover {
      border: 1px solid #ffffff; }
      .circlepager.is-active .btn-next:hover .icon,
      .circlepager.is-active .btn-previous:hover .icon {
        color: #ffffff; }
  .circlepager.is-active .btn-next {
    left: auto;
    right: 10px; }
    .circlepager.is-active .btn-next .icon {
      margin-left: 2px; }
  .circlepager.is-active .circlepager-controls {
    align-items: center;
    bottom: 2px;
    display: flex;
    justify-content: center;
    left: 50%;
    margin-left: -50%;
    position: absolute;
    text-align: center;
    width: 100%; }
    .circlepager.is-active .circlepager-controls .btn-controls-previous,
    .circlepager.is-active .circlepager-controls .btn-controls-next {
      border-radius: 0;
      height: 42px;
      width: 42px; }
    .circlepager.is-active .circlepager-controls .pager-toolbar {
      height: unset;
      max-height: unset; }
      .circlepager.is-active .circlepager-controls .pager-toolbar .btn-icon {
        height: 44px;
        margin-top: 0;
        width: 44px; }
    .circlepager.is-active .circlepager-controls .control-button {
      display: inline-block;
      margin: 0;
      padding: 13px 13px 11px; }
      .circlepager.is-active .circlepager-controls .control-button::before {
        background-color: transparent;
        border: 1px solid #525257;
        border-radius: 50%;
        content: '';
        cursor: pointer;
        display: inline-block;
        height: 14px;
        text-align: center;
        text-decoration: none;
        width: 14px; }
      .circlepager.is-active .circlepager-controls .control-button:last-child::before {
        margin: 0; }
      .circlepager.is-active .circlepager-controls .control-button:hover::before {
        background-color: transparent;
        border-color: #28282A; }
      .circlepager.is-active .circlepager-controls .control-button:focus::before {
        background-color: transparent;
        border-color: #0072ED; }
      .circlepager.is-active .circlepager-controls .control-button.is-active::before {
        background-color: #0072ED;
        border-color: #0072ED; }
      .circlepager.is-active .circlepager-controls .control-button.is-active:hover::before {
        background-color: #0072ED;
        border-color: #0072ED; }
      .circlepager.is-active .circlepager-controls .control-button.is-active:focus::before {
        background-color: #0072ED;
        border-color: #0072ED; }
      .circlepager.is-active .circlepager-controls .control-button[disabled], .circlepager.is-active .circlepager-controls .control-button.is-disable {
        background-color: transparent;
        border-color: #C5C5C9; }
        .circlepager.is-active .circlepager-controls .control-button[disabled]:hover, .circlepager.is-active .circlepager-controls .control-button.is-disable:hover {
          background-color: transparent;
          border-color: #C5C5C9; }
        .circlepager.is-active .circlepager-controls .control-button[disabled]:focus, .circlepager.is-active .circlepager-controls .control-button.is-disable:focus {
          background-color: transparent;
          border-color: #C5C5C9; }
      .circlepager.is-active .circlepager-controls .control-button.is-ripple {
        overflow: hidden;
        position: relative; }
        .circlepager.is-active .circlepager-controls .control-button.is-ripple::after {
          background: var(--ripple-background, #8ABFF7);
          border-radius: 50%;
          content: '';
          display: block;
          pointer-events: none;
          position: absolute;
          height: calc(var(--d) * 1px);
          left: calc(var(--x) * 1px);
          top: calc(var(--y) * 1px);
          width: calc(var(--d) * 1px);
          opacity: calc(var(--o, 1) * 0.3);
          transform: translate(-50%, -50%) scale(var(--s, 1));
          transform-origin: center;
          transition: calc(var(--t, 0) * 600ms) linear; }
  .circlepager.is-bullets-nav-hidden .btn-next,
  .circlepager.is-bullets-nav-hidden .btn-previous {
    display: inherit; }
  .circlepager.is-bullets-nav-hidden .controls .control-button {
    display: none; }
    .circlepager.is-bullets-nav-hidden .controls .control-button::before {
      display: none; }
    .circlepager.is-bullets-nav-hidden .controls .control-button.is-active {
      border: 1px solid #525257;
      border-radius: 2px;
      color: #525257;
      cursor: default;
      display: inline-block;
      height: auto;
      padding: 5px 10px;
      width: auto; }
      .circlepager.is-bullets-nav-hidden .controls .control-button.is-active:hover {
        background-color: #161618;
        border-color: #525257; }
      .circlepager.is-bullets-nav-hidden .controls .control-button.is-active:focus {
        background-color: #161618;
        border-color: #525257; }

.card .card-footer .circlepager-controls,
.widget .widget-footer .circlepager-controls {
  align-items: center;
  bottom: 2px;
  display: flex;
  justify-content: center;
  left: 50%;
  margin-left: -50%;
  position: absolute;
  text-align: center;
  width: 100%; }
  .card .card-footer .circlepager-controls .btn-controls-previous,
  .card .card-footer .circlepager-controls .btn-controls-next,
  .widget .widget-footer .circlepager-controls .btn-controls-previous,
  .widget .widget-footer .circlepager-controls .btn-controls-next {
    border-radius: 0;
    height: 42px;
    width: 42px; }
  .card .card-footer .circlepager-controls .pager-toolbar,
  .widget .widget-footer .circlepager-controls .pager-toolbar {
    height: unset;
    max-height: unset; }
    .card .card-footer .circlepager-controls .pager-toolbar .btn-icon,
    .widget .widget-footer .circlepager-controls .pager-toolbar .btn-icon {
      height: 44px;
      margin-top: 0;
      width: 44px; }
  .card .card-footer .circlepager-controls .control-button,
  .widget .widget-footer .circlepager-controls .control-button {
    display: inline-block;
    margin: 0;
    padding: 13px 13px 11px; }
    .card .card-footer .circlepager-controls .control-button::before,
    .widget .widget-footer .circlepager-controls .control-button::before {
      background-color: transparent;
      border: 1px solid #525257;
      border-radius: 50%;
      content: '';
      cursor: pointer;
      display: inline-block;
      height: 14px;
      text-align: center;
      text-decoration: none;
      width: 14px; }
    .card .card-footer .circlepager-controls .control-button:last-child::before,
    .widget .widget-footer .circlepager-controls .control-button:last-child::before {
      margin: 0; }
    .card .card-footer .circlepager-controls .control-button:hover::before,
    .widget .widget-footer .circlepager-controls .control-button:hover::before {
      background-color: transparent;
      border-color: #28282A; }
    .card .card-footer .circlepager-controls .control-button:focus::before,
    .widget .widget-footer .circlepager-controls .control-button:focus::before {
      background-color: transparent;
      border-color: #0072ED; }
    .card .card-footer .circlepager-controls .control-button.is-active::before,
    .widget .widget-footer .circlepager-controls .control-button.is-active::before {
      background-color: #0072ED;
      border-color: #0072ED; }
    .card .card-footer .circlepager-controls .control-button.is-active:hover::before,
    .widget .widget-footer .circlepager-controls .control-button.is-active:hover::before {
      background-color: #0072ED;
      border-color: #0072ED; }
    .card .card-footer .circlepager-controls .control-button.is-active:focus::before,
    .widget .widget-footer .circlepager-controls .control-button.is-active:focus::before {
      background-color: #0072ED;
      border-color: #0072ED; }
    .card .card-footer .circlepager-controls .control-button[disabled], .card .card-footer .circlepager-controls .control-button.is-disable,
    .widget .widget-footer .circlepager-controls .control-button[disabled],
    .widget .widget-footer .circlepager-controls .control-button.is-disable {
      background-color: transparent;
      border-color: #C5C5C9; }
      .card .card-footer .circlepager-controls .control-button[disabled]:hover, .card .card-footer .circlepager-controls .control-button.is-disable:hover,
      .widget .widget-footer .circlepager-controls .control-button[disabled]:hover,
      .widget .widget-footer .circlepager-controls .control-button.is-disable:hover {
        background-color: transparent;
        border-color: #C5C5C9; }
      .card .card-footer .circlepager-controls .control-button[disabled]:focus, .card .card-footer .circlepager-controls .control-button.is-disable:focus,
      .widget .widget-footer .circlepager-controls .control-button[disabled]:focus,
      .widget .widget-footer .circlepager-controls .control-button.is-disable:focus {
        background-color: transparent;
        border-color: #C5C5C9; }
    .card .card-footer .circlepager-controls .control-button.is-ripple,
    .widget .widget-footer .circlepager-controls .control-button.is-ripple {
      overflow: hidden;
      position: relative; }
      .card .card-footer .circlepager-controls .control-button.is-ripple::after,
      .widget .widget-footer .circlepager-controls .control-button.is-ripple::after {
        background: var(--ripple-background, #8ABFF7);
        border-radius: 50%;
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        height: calc(var(--d) * 1px);
        left: calc(var(--x) * 1px);
        top: calc(var(--y) * 1px);
        width: calc(var(--d) * 1px);
        opacity: calc(var(--o, 1) * 0.3);
        transform: translate(-50%, -50%) scale(var(--s, 1));
        transform-origin: center;
        transition: calc(var(--t, 0) * 600ms) linear; }

.card .card-footer.footer-circlepager,
.widget .widget-footer.footer-circlepager {
  padding: 0 3px 4px; }
  .card .card-footer.footer-circlepager .pager-toolbar,
  .widget .widget-footer.footer-circlepager .pager-toolbar {
    height: unset !important;
    max-height: unset !important; }
    .card .card-footer.footer-circlepager .pager-toolbar .btn-icon,
    .widget .widget-footer.footer-circlepager .pager-toolbar .btn-icon {
      height: 44px !important;
      margin-top: 0 !important;
      width: 44px !important; }
      @media only screen and (max-width: 320px) {
        .card .card-footer.footer-circlepager .pager-toolbar .btn-icon,
        .widget .widget-footer.footer-circlepager .pager-toolbar .btn-icon {
          height: 25px !important;
          min-height: auto;
          min-width: auto;
          width: 25px !important; } }

html[dir='rtl'] .circlepager.is-active .controls .control-button {
  margin: 0 0 0 20px; }
  html[dir='rtl'] .circlepager.is-active .controls .control-button:last-child {
    margin: 0; }

html[dir='rtl'] .btn-controls-previous .icon,
html[dir='rtl'] .btn-controls-next .icon {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.popupmenu-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  left: -9999px;
  position: fixed;
  -webkit-touch-callout: none;
  z-index: 4000; }
  .popupmenu-wrapper .arrow,
  .popupmenu-wrapper .arrow::after {
    border-width: 8px; }
  .popupmenu-wrapper.top .arrow {
    border-top-color: #C5C5C9; }
  .popupmenu-wrapper.top .arrow::after {
    border-top-color: #ffffff; }
  .popupmenu-wrapper.bottom .popupmenu .icon.close {
    padding-left: 6px;
    padding-right: 6px; }
  .popupmenu-wrapper.bottom .popupmenu.has-submenu .dismissible .wrapper li a .icon.close {
    right: 6px; }
  .popupmenu-wrapper.bottom .popupmenu.has-submenu .dismissible .icon.close {
    height: 15px;
    padding-left: 6px;
    padding-right: 6px;
    position: absolute;
    right: 1px; }
  .popupmenu-wrapper.bottom .arrow {
    border-bottom-color: #C5C5C9;
    top: -7px; }
  .popupmenu-wrapper.bottom .arrow::after {
    border-bottom-color: #ffffff;
    left: -8px;
    top: 1px; }
  .popupmenu-wrapper.bottom.left-align-arrow .arrow {
    left: 10px;
    right: auto; }
  .popupmenu-wrapper.bottom.right-align-arrow .arrow {
    left: auto;
    right: 10px; }
  .popupmenu-wrapper.right .arrow {
    border-right-color: #C5C5C9; }
  .popupmenu-wrapper.right .arrow::after {
    border-right-color: #ffffff; }
  .popupmenu-wrapper.left .arrow {
    border-left-color: #C5C5C9; }
  .popupmenu-wrapper.left .arrow::after {
    border-left-color: #ffffff; }
  .popupmenu-wrapper.inverse .popupmenu {
    background-color: #525257;
    border: thin solid #8E8E95;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    color: #ffffff; }
    .popupmenu-wrapper.inverse .popupmenu a {
      color: #ffffff; }
    .popupmenu-wrapper.inverse .popupmenu li.is-submenu-open, .popupmenu-wrapper.inverse .popupmenu li.is-focused {
      background-color: #6F6F76; }
    .popupmenu-wrapper.inverse .popupmenu .icon {
      color: #F5F5F5; }
    .popupmenu-wrapper.inverse .popupmenu .heading {
      color: #BBBBBF; }
  .popupmenu-wrapper.inverse.top .arrow {
    border-top-color: #8E8E95; }
  .popupmenu-wrapper.inverse.top .arrow::after {
    border-top-color: #525257; }
  .popupmenu-wrapper.inverse.bottom .arrow {
    border-bottom-color: #8E8E95; }
  .popupmenu-wrapper.inverse.bottom .arrow::after {
    border-bottom-color: #525257; }
  .popupmenu-wrapper.inverse.right .arrow {
    border-right-color: #8E8E95; }
  .popupmenu-wrapper.inverse.right .arrow::after {
    border-right-color: #525257; }
  .popupmenu-wrapper.inverse.left .arrow {
    border-left-color: #8E8E95; }
  .popupmenu-wrapper.inverse.left .arrow::after {
    border-left-color: #525257; }

.popupmenu {
  background-color: #ffffff;
  border: thin solid #C5C5C9;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #161618;
  display: none;
  list-style: none;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
  padding: 5px 0;
  text-align: left; }
  .popupmenu.tab-list-spillover.is-open li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .popupmenu .icon,
  .popupmenu b {
    color: #6F6F76;
    height: 18px; }
  .popupmenu.is-selectable a, .popupmenu.is-multiselectable a {
    padding-left: 32px; }
  .popupmenu.has-icons > li > a {
    padding-left: 35px; }
  .popupmenu.has-icons.is-selectable > li .icon + a,
  .popupmenu.has-icons.is-selectable > li > a {
    overflow: auto;
    padding-left: 57px; }
  .popupmenu.has-icons.is-selectable > li .icon:not(.arrow):not(.close) {
    left: 58px; }
  .popupmenu.has-icons .icon:not(.arrow) {
    height: 14px;
    margin-left: -28px;
    margin-top: 10px;
    pointer-events: none;
    position: absolute; }
  .popupmenu .image-user-status {
    height: 32px;
    vertical-align: middle; }
    .popupmenu .image-user-status .icon {
      height: 10px;
      margin-left: -11px;
      margin-top: 21px;
      width: 10px; }
    .popupmenu .image-user-status + span {
      padding: 0 4px; }
  .popupmenu .image-initials,
  .popupmenu .image-round {
    font-size: 1.2rem;
    height: 29px;
    line-height: 29px;
    position: relative;
    top: 1px;
    width: 29px; }
    .popupmenu .image-initials + span,
    .popupmenu .image-round + span {
      padding-left: 4px; }
  .popupmenu.is-open {
    display: block; }
  .popupmenu .heading {
    color: #525257;
    cursor: default;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 25px;
    padding: 0 10px; }
  .popupmenu li {
    cursor: pointer;
    line-height: normal;
    padding: 0;
    position: static;
    white-space: nowrap; }
    .popupmenu li.is-submenu-open, .popupmenu li.is-focused {
      background-color: #E0E0E1; }
    .popupmenu li.is-hidden {
      display: none; }
    .popupmenu li.disabled > a:focus {
      box-shadow: none; }
    .popupmenu li.is-checked > a::before,
    .popupmenu li.is-checked.is-selected > a::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border-color: #0072ED #0072ED #0072ED transparent;
      border-style: solid;
      border-width: 0 2px 2px 0;
      content: '';
      height: 11px;
      left: 13px;
      margin-top: 7px;
      position: absolute;
      width: 5px; }
    .popupmenu li.is-selectable > a, .popupmenu li.is-indented > a, .popupmenu li.is-toggleable > a, .popupmenu li.has-selectable-submenu > a {
      padding-left: 35px; }
    .popupmenu li.is-multiselectable {
      position: relative; }
      .popupmenu li.is-multiselectable a {
        padding-left: 35px; }
        .popupmenu li.is-multiselectable a::before {
          display: none; }
      .popupmenu li.is-multiselectable::before, .popupmenu li.is-multiselectable.is-focused::before {
        background-color: #ffffff;
        border: 1px solid #3B3B3F;
        border-radius: 2px;
        content: '';
        height: 14px;
        margin-left: -25px;
        margin-top: 0;
        position: absolute;
        width: 14px;
        margin-left: 7px;
        margin-top: 0;
        top: 8px; }
      .popupmenu li.is-multiselectable.is-checked::before {
        background-color: #0072ED;
        border-color: #0072ED;
        margin-left: 7px;
        margin-top: 0;
        top: 8px; }
      .popupmenu li.is-multiselectable.is-checked::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: 2px;
        position: absolute;
        top: 13px;
        width: 4px;
        left: 12px;
        margin-top: 4px;
        top: 5px; }
      .popupmenu li.is-multiselectable.is-disabled::before {
        background-color: #E0E0E1;
        border-color: #C5C5C9;
        margin-left: 7px;
        margin-top: 0;
        top: 9px; }
      .popupmenu li.is-multiselectable.is-disabled.is-checked::before {
        background-color: #C5C5C9;
        border-color: #C5C5C9; }
      .popupmenu li.is-multiselectable.is-disabled.is-checked::after {
        border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
        left: 12px;
        margin-top: 5px; }
    .popupmenu li.is-placeholder {
      cursor: default; }
      .popupmenu li.is-placeholder:hover {
        background-color: transparent; }
  .popupmenu a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border: thin solid transparent;
    color: #161618;
    display: block;
    font-size: 1.6rem;
    line-height: 32px;
    min-height: 34px;
    padding: 0 30px 0 10px;
    position: relative;
    text-decoration: none;
    white-space: nowrap; }
    .popupmenu a span {
      color: inherit;
      font-weight: inherit;
      line-height: 33px; }
    .popupmenu a small {
      font-size: 11px;
      font-size: 1.1rem;
      display: block;
      line-height: normal;
      margin-bottom: 8px;
      margin-top: -3px; }
    .popupmenu a[disabled]:not(.no-results) {
      color: #C5C5C9;
      pointer-events: none; }
  .popupmenu a.no-results {
    cursor: default; }
  .popupmenu span {
    color: #28282A;
    font-size: 1.6rem; }
  .popupmenu .shortcut-text {
    float: right;
    margin-left: 16px;
    margin-right: -20px; }
  .popupmenu i {
    color: #161618;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.1; }
  .popupmenu b {
    text-overflow: ellipsis; }
  .popupmenu li.is-disabled,
  .popupmenu li.disabled {
    cursor: default; }
    .popupmenu li.is-disabled a,
    .popupmenu li.disabled a {
      background-color: transparent;
      color: #C5C5C9 !important;
      cursor: default; }
    .popupmenu li.is-disabled .icon,
    .popupmenu li.disabled .icon {
      color: #C5C5C9 !important; }
    .popupmenu li.is-disabled:hover,
    .popupmenu li.disabled:hover {
      background-color: transparent; }
    .popupmenu li.is-disabled.is-focused,
    .popupmenu li.disabled.is-focused {
      background-color: transparent; }
  .popupmenu .submenu .wrapper {
    display: block;
    height: auto;
    position: absolute;
    z-index: 4000; }
  .popupmenu .submenu .popupmenu.is-open {
    display: block;
    visibility: visible; }
  .popupmenu .submenu > a {
    padding-right: 48px; }
    .popupmenu .submenu > a > .icon.icon-dropdown {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      border-width: 0;
      height: 18px;
      left: auto;
      pointer-events: none;
      position: absolute;
      right: 3px;
      top: 8px;
      width: 18px; }
  .popupmenu .icon-close {
    height: 22px; }
  .popupmenu .separator {
    border-bottom: thin solid #C5C5C9;
    margin: 5px 0; }
    .popupmenu .separator:first-child {
      border: medium none;
      margin: 0; }
  .popupmenu.popupmenu-short a {
    font-size: 1.4rem;
    line-height: 2.8rem;
    min-height: 1.4rem;
    padding: 0 5px; }
  .popupmenu.popupmenu-short span {
    font-size: 1.4rem; }
  .popupmenu.popupmenu-short.has-icons > li a {
    padding-left: 26px; }
  .popupmenu.popupmenu-short li.is-checked > a::before, .popupmenu.popupmenu-short li.is-checked.is-selected > a::before {
    height: 11px;
    left: 10px;
    margin-top: 3px;
    width: 5px; }
  .popupmenu.popupmenu-short.is-multiselectable li::before, .popupmenu.popupmenu-short.is-multiselectable li.is-focused::before, .popupmenu.popupmenu-short.is-multiselectable li.is-checked::before {
    top: 5px; }
  .popupmenu.popupmenu-short.is-multiselectable li.is-checked::after {
    top: 2px; }
  .popupmenu.is-multiselectable li {
    position: relative; }
    .popupmenu.is-multiselectable li a {
      padding-left: 35px; }
      .popupmenu.is-multiselectable li a::before {
        display: none; }
    .popupmenu.is-multiselectable li::before, .popupmenu.is-multiselectable li.is-focused::before {
      background-color: #ffffff;
      border: 1px solid #3B3B3F;
      border-radius: 2px;
      content: '';
      height: 14px;
      margin-left: -25px;
      margin-top: 0;
      position: absolute;
      width: 14px;
      margin-left: 7px;
      margin-top: 0;
      top: 8px; }
    .popupmenu.is-multiselectable li.is-checked::before {
      background-color: #0072ED;
      border-color: #0072ED;
      margin-left: 7px;
      margin-top: 0;
      top: 8px; }
    .popupmenu.is-multiselectable li.is-checked::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: 2px;
      position: absolute;
      top: 13px;
      width: 4px;
      left: 12px;
      margin-top: 4px;
      top: 5px; }
    .popupmenu.is-multiselectable li.is-disabled::before {
      background-color: #E0E0E1;
      border-color: #C5C5C9;
      margin-left: 7px;
      margin-top: 0;
      top: 9px; }
    .popupmenu.is-multiselectable li.is-disabled.is-checked::before {
      background-color: #C5C5C9;
      border-color: #C5C5C9; }
    .popupmenu.is-multiselectable li.is-disabled.is-checked::after {
      border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
      left: 12px;
      margin-top: 5px; }
    .popupmenu.is-multiselectable li.heading::before, .popupmenu.is-multiselectable li.separator::before {
      content: none; }

.popup-footer {
  border-top: thin solid #C5C5C9;
  height: 45px;
  margin-top: 10px;
  margin-left: 1px; }
  @media only screen and (max-device-width: 320px) {
    .popup-footer {
      min-width: 324px; } }
  .popup-footer button {
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    border: thin solid transparent;
    border-left: thin solid #C5C5C9;
    border-radius: 0;
    color: #6F6F76;
    float: left;
    font-size: 1.6rem;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin: 0;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    user-select: none;
    width: 50%; }
    .popup-footer button:hover {
      color: #161618; }
    .popup-footer button:nth-child(1) {
      border-left: thin solid transparent; }
    .popup-footer button.btn-primary {
      background-color: #ffffff;
      color: #0066D4; }
      .popup-footer button.btn-primary:hover {
        border: thin solid transparent;
        border-left: thin solid #C5C5C9; }

html[dir='rtl'] .popupmenu {
  text-align: right; }
  html[dir='rtl'] .popupmenu a {
    padding: 0 10px 0 30px; }
  html[dir='rtl'] .popupmenu .shortcut-text {
    float: left;
    margin-left: -25px;
    margin-right: 16px; }
  html[dir='rtl'] .popupmenu:not(.has-icons) .shortcut-text {
    margin-left: -20px; }
  html[dir='rtl'] .popupmenu.has-icons > li a, html[dir='rtl'] .popupmenu.is-selectable > li a {
    padding-left: 35px;
    padding-right: 35px; }
  html[dir='rtl'] .popupmenu.has-icons .icon, html[dir='rtl'] .popupmenu.is-selectable .icon {
    left: auto;
    right: 1px; }
    html[dir='rtl'] .popupmenu.has-icons .icon:not(.arrow), html[dir='rtl'] .popupmenu.is-selectable .icon:not(.arrow) {
      margin-right: 8px; }
  html[dir='rtl'] .popupmenu.has-icons.is-selectable > li a {
    padding-left: 35px;
    padding-right: 57px; }
  html[dir='rtl'] .popupmenu.has-icons.is-selectable .icon {
    right: 18px; }
  html[dir='rtl'] .popupmenu .submenu > a > .icon.icon-dropdown {
    left: 5px;
    right: auto;
    transform: rotate(90deg); }
  html[dir='rtl'] .popupmenu li.is-checked > a::before,
  html[dir='rtl'] .popupmenu li.is-checked.is-selected > a::before {
    left: auto;
    right: 13px; }
  html[dir='rtl'] .popupmenu li.is-selectable > a, html[dir='rtl'] .popupmenu li.is-multiselectable > a {
    padding-left: 45px;
    padding-right: 35px; }
  html[dir='rtl'] .popupmenu li.is-multiselectable::before {
    right: 8px;
    top: 9px; }
  html[dir='rtl'] .popupmenu li.is-multiselectable::after {
    right: 13px; }
  html[dir='rtl'] .popupmenu.is-multiselectable li::before {
    right: 8px;
    top: 9px; }
  html[dir='rtl'] .popupmenu.is-multiselectable li::after {
    right: 13px; }
  html[dir='rtl'] .popupmenu .image-user-status .icon {
    margin-left: 0;
    margin-right: -7px;
    margin-top: 19px; }
  html[dir='rtl'] .popupmenu .image-initials + span,
  html[dir='rtl'] .popupmenu .popupmenu .image-round + span {
    padding-left: 0;
    padding-right: 4px; }
  html[dir='rtl'] .popupmenu .popupmenu .image-initials,
  html[dir='rtl'] .popupmenu .popupmenu .image-round {
    top: -2px; }

html[dir='rtl'] .popupmenu-wrapper.bottom .popupmenu.has-submenu .dismissible .icon.close {
  left: 1px;
  right: auto; }

html[dir='rtl'] .popup-footer button {
  margin-left: inherit; }

html[dir='rtl'].ie .submenu > a > .icon.icon-dropdown {
  transform: rotate(270deg); }

@media (max-width: 400px) {
  .popupmenu .shortcut-text {
    font-size: 12px;
    margin-left: 7px;
    margin-top: 1px; } }

.colorpicker-min-width .colorpicker-container {
  width: auto; }

.colorpicker-input-xs,
.colorpicker-input-sm,
.colorpicker-input-md,
.colorpicker-input-mm,
.colorpicker-input-lg {
  flex-shrink: 0; }

.colorpicker-input-xs {
  width: 18px !important; }

.colorpicker-input-sm {
  width: 93px !important; }

.colorpicker-input-mm {
  width: 168px !important; }

.colorpicker-input-md {
  width: 243px !important; }

.colorpicker-input-lg {
  width: 343px !important; }

.colorpicker-container {
  background-color: #ffffff;
  border: 1px solid #BBBBBF;
  border-radius: 2px;
  display: inline-flex;
  height: 3.8rem;
  max-width: 100%;
  overflow: hidden;
  padding-right: 30px;
  position: relative;
  width: 150px; }
  .colorpicker-container .trigger {
    position: absolute;
    right: 0; }
  .colorpicker-container.is-focused {
    border-color: #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
  .colorpicker-container:hover:not(.is-focused):not(.is-open):not(.is-disabled) {
    border-color: #28282A; }
  .colorpicker-container.error {
    border-color: #da1217; }
  .colorpicker-container:not(.is-disabled) > .swatch {
    cursor: pointer; }
  .colorpicker-container.is-disabled {
    background-color: #ffffff;
    border-color: #C5C5C9; }
    .colorpicker-container.is-disabled:hover {
      border-color: #C5C5C9; }
    .colorpicker-container.is-disabled .icon:not(.icon-error),
    .colorpicker-container.is-disabled .icon:hover {
      color: #C5C5C9 !important;
      cursor: default; }
    .colorpicker-container.is-disabled .trigger {
      cursor: default; }
  .colorpicker-container.color-only {
    width: 75px; }
    .colorpicker-container.color-only input {
      width: 0; }
    .colorpicker-container.color-only .trigger {
      margin-left: 0; }
  .colorpicker-container.is-readonly {
    background-color: #E0E0E1;
    border-color: #BBBBBF !important; }
    .colorpicker-container.is-readonly.is-not-editable {
      background-color: #ffffff;
      border-color: #BBBBBF; }
      .colorpicker-container.is-readonly.is-not-editable input[readonly] {
        background-color: #ffffff;
        border-color: #BBBBBF;
        color: #000000; }
      .colorpicker-container.is-readonly.is-not-editable .icon:not(.icon-error),
      .colorpicker-container.is-readonly.is-not-editable .icon:hover {
        color: #6F6F76;
        cursor: pointer; }
    .colorpicker-container.is-readonly.is-focused {
      border-color: #0072ED !important; }
    .colorpicker-container.is-readonly .icon:not(.icon-error) {
      color: #BBBBBF;
      cursor: default; }
  .colorpicker-container.is-open {
    border-color: #0072ED; }
  .colorpicker-container .trigger {
    cursor: pointer;
    display: inline-block;
    height: 34px;
    margin-inline-start: 5px;
    vertical-align: top;
    width: 30px; }
  .colorpicker-container .icon:not(.icon-error) {
    color: #6F6F76;
    height: 16px;
    left: 10px;
    position: relative;
    top: 9px;
    width: 16px; }
  .colorpicker-container .icon-error {
    margin-left: -43px; }
  .colorpicker-container .swatch {
    background-color: #6F6F76;
    border-radius: 2px;
    display: inline-block;
    height: 3.4rem;
    left: 1px;
    min-width: 3.4rem;
    position: relative;
    top: 1px;
    vertical-align: top;
    width: 3.4rem; }
    .colorpicker-container .swatch .icon:not(.icon-error) {
      background-color: transparent;
      height: 16px;
      left: 46px;
      top: 9px;
      width: 16px; }
    .colorpicker-container .swatch:hover:not(:disabled) .icon {
      color: #0072ED; }
    .colorpicker-container .swatch:active .icon {
      color: #0072ED; }
    .colorpicker-container .swatch.is-empty, .colorpicker-container .swatch.is-invalid {
      background-color: #ffffff;
      border: 1px solid #BBBBBF; }
      .colorpicker-container .swatch.is-empty::before, .colorpicker-container .swatch.is-invalid::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-top: 2px solid #DA1217;
        content: '';
        left: -5px;
        position: absolute;
        right: -5px;
        top: calc(50% - 1px); }
  .colorpicker-container .colorpicker {
    border: 0;
    max-height: 34px;
    padding: 7px 0 10px 10px;
    text-overflow: ellipsis;
    width: 93px; }
    .colorpicker-container .colorpicker::-ms-clear {
      display: none; }
    .colorpicker-container .colorpicker:disabled + .swatch {
      cursor: default;
      opacity: 0.6; }
  .colorpicker-container input.colorpicker {
    box-shadow: none !important; }
  .colorpicker-container .icon-dirty {
    margin: 2px 0 0 3px; }

.popupmenu.colorpicker {
  margin-left: 0;
  padding: 10px 0 10px 10px;
  width: 322px; }
  .popupmenu.colorpicker.has-scrollbar {
    width: calc(322px + 17px); }
  .popupmenu.colorpicker li {
    display: inline-block;
    height: 20px;
    margin: 4px;
    width: 22px; }
    .popupmenu.colorpicker li a {
      border: 1px solid #ffffff;
      min-height: auto;
      padding: 0; }
      .popupmenu.colorpicker li a:focus {
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
        outline: 1px solid #0072ED; }
      .popupmenu.colorpicker li a.is-selected::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-style: solid;
        border-width: 2px 2px 0 0;
        content: '';
        height: 10px;
        left: 7px;
        margin-top: -17px;
        position: absolute;
        width: 4px;
        z-index: 1; }
      .popupmenu.colorpicker li a.is-selected.checkmark-one::after {
        border-color: #8E8E95 #8E8E95 #8E8E95 transparent; }
      .popupmenu.colorpicker li a.is-selected.checkmark-two::after {
        border-color: #ffffff #ffffff #ffffff transparent; }
  .popupmenu.colorpicker.popupmenu-short.has-icons li a {
    padding: 0; }
  .popupmenu.colorpicker .swatch {
    background-color: #525257;
    display: block;
    height: 20px;
    width: 20px; }
    .popupmenu.colorpicker .swatch.is-border {
      border: 1px solid #E0E0E1; }
    .popupmenu.colorpicker .swatch.is-empty, .popupmenu.colorpicker .swatch.is-invalid {
      background-color: #ffffff;
      border: 1px solid #E0E0E1; }
      .popupmenu.colorpicker .swatch.is-empty::before, .popupmenu.colorpicker .swatch.is-invalid::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-top: 2px solid #DA1217;
        content: '';
        left: -1px;
        position: absolute;
        right: -1px;
        top: calc(50% - 1px); }
  .popupmenu.colorpicker + .arrow {
    left: 44px; }

.inline.colorpicker-container .colorpicker {
  width: 80px; }

.inline.colorpicker-container .label-text {
  position: absolute;
  top: -18px; }

.field-short .colorpicker-container,
.form-layout-compact .field .colorpicker-container {
  height: 2.8rem;
  width: inherit; }
  .field-short .colorpicker-container .colorpicker,
  .form-layout-compact .field .colorpicker-container .colorpicker {
    width: 128px; }
  .field-short .colorpicker-container .trigger,
  .form-layout-compact .field .colorpicker-container .trigger {
    height: 2.4rem;
    margin-left: -2.4rem;
    right: 0;
    width: 2.4rem; }
    .field-short .colorpicker-container .trigger .icon:not(.icon-error),
    .form-layout-compact .field .colorpicker-container .trigger .icon:not(.icon-error) {
      left: 4px;
      top: 5px; }
  .field-short .colorpicker-container .swatch,
  .form-layout-compact .field .colorpicker-container .swatch {
    height: 2.4rem;
    min-width: 2.4rem;
    width: 2.4rem; }
    .field-short .colorpicker-container .swatch.is-empty, .field-short .colorpicker-container .swatch.is-invalid,
    .form-layout-compact .field .colorpicker-container .swatch.is-empty,
    .form-layout-compact .field .colorpicker-container .swatch.is-invalid {
      background-color: #ffffff;
      border: 1px solid #BBBBBF; }
      .field-short .colorpicker-container .swatch.is-empty::before, .field-short .colorpicker-container .swatch.is-invalid::before,
      .form-layout-compact .field .colorpicker-container .swatch.is-empty::before,
      .form-layout-compact .field .colorpicker-container .swatch.is-invalid::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-top: 2px solid #DA1217;
        content: '';
        left: -2px;
        position: absolute;
        right: -2px;
        top: calc(50% - 1px); }
  .field-short .colorpicker-container .colorpicker,
  .form-layout-compact .field .colorpicker-container .colorpicker {
    height: 2.6rem;
    line-height: 2.4rem;
    padding: 0 5px;
    padding-right: 1.8rem; }

.ie11 .colorpicker-container.is-readonly.is-not-editable input[readonly]:focus {
  color: #000000; }

html[dir='rtl'] .popupmenu.colorpicker {
  padding: 10px 10px 10px 0; }

html[dir='rtl'] .colorpicker-container .colorpicker {
  padding: 7px 0 8px 10px;
  width: 84px;
  position: relative;
  right: -35px;
  text-align: left; }

html[dir='rtl'] .colorpicker-container .swatch {
  left: 0;
  position: relative;
  right: 87px; }

html[dir='rtl'] .colorpicker-container .trigger .icon {
  left: -6px;
  top: 8px; }

html[dir='rtl'] .colorpicker-container .icon-dirty {
  margin: 2px 3px 0 0; }

html[dir='rtl'] .field-short .colorpicker-container .trigger,
html[dir='rtl'] .form-layout-compact .field .colorpicker-container .trigger {
  left: 2.6rem;
  position: relative; }
  html[dir='rtl'] .field-short .colorpicker-container .trigger .icon:not(.icon-error),
  html[dir='rtl'] .form-layout-compact .field .colorpicker-container .trigger .icon:not(.icon-error) {
    left: -3px; }

html[dir='rtl'] .field-short .colorpicker-container .colorpicker,
html[dir='rtl'] .form-layout-compact .field .colorpicker-container .colorpicker {
  padding: 5px 5px 5px 21px;
  padding: 0 5px;
  padding-left: 1.8rem; }

html[dir='rtl'] .popupmenu.colorpicker li a {
  padding: 0; }

.popup-footer button {
  line-height: normal; }

.popupmenu.has-icons .icon:not(.arrow) {
  height: 18px;
  margin-top: 7px; }

.colorpicker-container .colorpicker {
  padding: 10px 2px 10px 10px; }

.colorpicker-container.color-only .trigger {
  margin-left: -4px; }

.colorpicker-container .trigger {
  margin-inline-start: 5px;
  margin-top: -2px; }
  .colorpicker-container .trigger .icon {
    left: 8px; }
  .colorpicker-container .trigger .colorpicker {
    width: 126px; }

.field-short .colorpicker-container .trigger,
.form-layout-compact .colorpicker-container .trigger {
  margin-top: 1px; }

html[dir='rtl'] .popupmenu.colorpicker {
  padding: 10px 10px 10px 0; }

html[dir='rtl'] .colorpicker-container .swatch {
  position: relative;
  right: 83px; }

html[dir='rtl'] .colorpicker-container .colorpicker {
  padding: 11px 0 8px 10px;
  position: relative;
  right: -35px;
  text-align: left; }

html[dir='rtl'] .colorpicker-container .trigger .icon {
  left: -3px;
  top: 10px; }

.modal-body .colorpicker-container .trigger {
  margin-top: 1px; }

/* stylelint-disable media-feature-name-no-unknown */
.datepicker {
  width: 150px; }
  .datepicker.input-xs {
    width: 75px; }
  .datepicker.input-sm {
    width: 150px; }
  .datepicker.input-mm {
    width: 225px; }
  .datepicker.input-md {
    width: 300px; }
  .datepicker.input-lg {
    width: 400px; }
  .datepicker.input-full {
    width: 100%; }
  .datepicker.input-auto {
    width: auto; }
  .datepicker.datetime {
    padding-right: 30px;
    width: auto; }
  .datepicker + .trigger,
  .datepicker + .tooltip-description + .trigger {
    color: #6F6F76;
    cursor: pointer;
    height: 24px;
    margin-left: -30px;
    margin-top: 5px;
    min-height: 24px;
    min-width: 24px;
    position: absolute;
    width: 24px;
    z-index: 1; }
    .datepicker + .trigger .icon,
    .datepicker + .tooltip-description + .trigger .icon {
      color: inherit;
      height: 18px;
      position: relative;
      top: -1px;
      width: 18px; }
    .datepicker + .trigger:hover,
    .datepicker + .tooltip-description + .trigger:hover {
      color: #161618; }
    .datepicker + .trigger:active,
    .datepicker + .tooltip-description + .trigger:active {
      color: #0072ED; }
  .datepicker.is-open {
    border-color: #0072ED; }
    .datepicker.is-open + .trigger {
      color: #0072ED; }
  .datepicker + .trigger + .icon-error {
    margin-left: -50px; }
  .datepicker + .audible + .trigger + .icon-error {
    margin-left: -50px; }
  .datepicker:disabled {
    border-color: #C5C5C9; }
    .datepicker:disabled + .trigger {
      color: #C5C5C9;
      cursor: default; }
  .datepicker[readonly] + .trigger {
    color: #BBBBBF;
    cursor: default; }

.monthview-popup.popover {
  max-width: inherit;
  min-width: 314px;
  min-height: auto; }
  @media screen and (max-device-width: 319px) {
    .monthview-popup.popover {
      min-width: 260px; } }
  @media screen and (max-device-width: 374px) {
    .monthview-popup.popover {
      overflow: auto; } }
  @media screen and (max-height: 530px) {
    .monthview-popup.popover {
      overflow-y: auto; } }
  @media only screen and (minwidth: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .monthview-popup.popover {
      height: 250px;
      overflow-y: auto; } }
  .monthview-popup.popover .monthview {
    min-width: 330px; }
  .monthview-popup.popover .monthview .monthview-table {
    max-width: 310px; }
  .monthview-popup.popover.is-range-week .monthview td .day-text {
    transition: none; }
  .monthview-popup.popover.is-range-week tr:focus {
    border-radius: 50px;
    box-shadow: 0 0 0 1px #0072ED;
    outline: none; }
  .monthview-popup.popover .tooltip-content {
    padding: 0; }
  .monthview-popup.popover .popup-footer button {
    background-color: transparent;
    width: 50%; }
    .monthview-popup.popover .popup-footer button.btn-primary:focus {
      box-shadow: 0 0 0 0 #ffffff, 0 0 0 0.12rem #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1);
      z-index: 3; }
    .monthview-popup.popover .popup-footer button.is-cancel-month-pane {
      display: none; }
    .monthview-popup.popover .popup-footer button.is-select-month-pane {
      transition: width 0.1s ease-in-out;
      width: 100%;
      border-left: thin solid transparent; }
  .monthview-popup.popover .time-parts {
    padding: 10px; }

.field-short .datepicker,
.form-layout-compact .field .datepicker {
  padding-right: 24px;
  vertical-align: top; }
  .field-short .datepicker + .trigger,
  .field-short .datepicker + .tooltip-description + .trigger,
  .form-layout-compact .field .datepicker + .trigger,
  .form-layout-compact .field .datepicker + .tooltip-description + .trigger {
    height: 20px;
    margin-left: -24px;
    margin-top: 3px;
    min-height: 20px;
    min-width: 20px;
    width: 20px; }
    .field-short .datepicker + .trigger .icon,
    .field-short .datepicker + .tooltip-description + .trigger .icon,
    .form-layout-compact .field .datepicker + .trigger .icon,
    .form-layout-compact .field .datepicker + .tooltip-description + .trigger .icon {
      height: 14px;
      width: 14px; }

html[dir='rtl'] .datepicker + .trigger {
  margin-left: -23px;
  margin-right: -26px; }

html[dir='rtl'] .datepicker + .trigger + .icon-error {
  margin-left: inherit;
  margin-right: -50px; }

html[dir='rtl'] .datepicker + .audible + .trigger + .icon-error {
  margin-left: inherit;
  margin-right: -50px; }

html[dir='rtl'] .datepicker.datetime {
  padding-left: 30px;
  padding-right: 10px; }

html[dir='rtl'] .field-short .datepicker,
html[dir='rtl'] .form-layout-compact .field .datepicker {
  padding-left: 24px;
  padding-right: 2px; }
  html[dir='rtl'] .field-short .datepicker + .trigger,
  html[dir='rtl'] .form-layout-compact .field .datepicker + .trigger {
    margin-left: inherit;
    margin-right: -20px; }

html[dir='rtl'] .monthview-popup .calendar-toolbar button.prev {
  margin-left: -6px; }

html[dir='rtl'] .monthview-popup .calendar-toolbar button.next {
  margin-left: 5px; }

html[dir='rtl'] .monthview-popup .calendar-toolbar.is-alternate .today {
  left: 0; }

html[dir='rtl'] .monthview-popup.popover .popup-footer button {
  margin-left: 0; }
  html[dir='rtl'] .monthview-popup.popover .popup-footer button:first-child:hover {
    border-left: none; }

.ie-edge .monthview .btn-monthyear-pane {
  margin-left: 8px; }

@media (max-width: 1279px) {
  .monthview-popup.popover .monthview {
    min-width: 310px; } }
  @media only screen and (max-width: 1279px) and (minwidth: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .monthview-popup.popover .monthview {
      min-width: 280px; } }

.datepicker + .trigger,
.datepicker + .tooltip-description + .trigger {
  margin-left: -30px;
  margin-top: 7px; }
  .datepicker + .trigger .icon,
  .datepicker + .tooltip-description + .trigger .icon {
    top: -1px; }

.field-short .datepicker + .trigger,
.field-short .datepicker + .tooltip-description + .trigger,
.form-layout-compact .field .datepicker + .trigger,
.form-layout-compact .field .datepicker + .tooltip-description + .trigger {
  margin-top: 4px; }
  .field-short .datepicker + .trigger .icon,
  .field-short .datepicker + .tooltip-description + .trigger .icon,
  .form-layout-compact .field .datepicker + .trigger .icon,
  .form-layout-compact .field .datepicker + .tooltip-description + .trigger .icon {
    top: -1px; }

.calendar-toolbar .toolbar-section .btn-cal-month-year,
.calendar-toolbar .toolbar-section .btn-monthyear-pane {
  font-size: 2rem !important;
  top: -1px; }

.is-firefox .field-short .datepicker + .trigger,
.is-firefox .field-short .datepicker + .tooltip-description + .trigger,
.is-firefox .form-layout-compact .field .datepicker + .trigger,
.is-firefox .form-layout-compact .field .datepicker + .tooltip-description + .trigger {
  margin-top: 4px; }

html[dir='rtl'] .datepicker + .trigger,
html[dir='rtl'] .datepicker + .tooltip-description + .trigger {
  margin-left: auto;
  margin-right: -30px;
  margin-top: 9px; }

html[dir='rtl'] .field-short .datepicker + .trigger,
html[dir='rtl'] .field-short .datepicker + .tooltip-description + .trigger,
html[dir='rtl'] .form-layout-compact .field .datepicker + .trigger,
html[dir='rtl'] .form-layout-compact .field .datepicker + .tooltip-description + .trigger {
  margin-left: auto;
  margin-right: -23px;
  margin-top: 5px; }

html.is-safari .field-short .datepicker + .trigger,
html.is-safari .form-layout-compact .datepicker + .trigger {
  top: 2px; }
  html.is-safari .field-short .datepicker + .trigger .icon,
  html.is-safari .form-layout-compact .datepicker + .trigger .icon {
    top: -2px; }

select.dropdown,
select.multiselect,
select.dropdown-lg,
select.dropdown-md,
select.dropdown-mm,
select.dropdown-sm,
select.dropdown-xs {
  display: none;
  font-size: 50px; }
  select.dropdown.busy.is-loading + .dropdown-wrapper .icon,
  select.multiselect.busy.is-loading + .dropdown-wrapper .icon,
  select.dropdown-lg.busy.is-loading + .dropdown-wrapper .icon,
  select.dropdown-md.busy.is-loading + .dropdown-wrapper .icon,
  select.dropdown-mm.busy.is-loading + .dropdown-wrapper .icon,
  select.dropdown-sm.busy.is-loading + .dropdown-wrapper .icon,
  select.dropdown-xs.busy.is-loading + .dropdown-wrapper .icon {
    visibility: hidden; }

.dropdown-wrapper {
  display: inline-block;
  margin-bottom: 20px;
  max-width: 100%;
  position: relative; }
  .dropdown-wrapper .icon-error,
  .dropdown-wrapper .icon-success,
  .dropdown-wrapper .icon-alert,
  .dropdown-wrapper .icon-info,
  .dropdown-wrapper .icon-pending {
    right: 20px;
    top: -5px; }
  .dropdown-wrapper .badge {
    display: inline-block;
    position: absolute;
    right: 28px;
    top: 6px; }

div.dropdown,
div.multiselect {
  -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;
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #BBBBBF;
  border-collapse: separate;
  border-radius: 2px;
  color: #000000;
  display: inline-block;
  font-size: 1.6rem;
  height: 3.8rem;
  max-width: 100%;
  padding: 0 10px;
  resize: none;
  text-align: left;
  width: 300px;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  background-color: #ffffff;
  border-color: #BBBBBF;
  color: #161618;
  cursor: pointer;
  line-height: normal;
  overflow: hidden;
  padding: 8px 30px 8px 10px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap; }
  div.dropdown:hover,
  div.multiselect:hover {
    border-color: #28282A; }
  div.dropdown[disabled],
  div.multiselect[disabled] {
    background-color: #ffffff;
    border: solid 1px #C5C5C9;
    color: #C5C5C9; }
  div.dropdown[readonly],
  div.multiselect[readonly] {
    background-color: #E0E0E1;
    border-color: #BBBBBF;
    color: #000000; }
  div.dropdown.is-placeholder,
  div.multiselect.is-placeholder {
    color: #6F6F76; }
    div.dropdown.is-placeholder.error,
    div.multiselect.is-placeholder.error {
      color: #da1217; }
    div.dropdown.is-placeholder.alert,
    div.multiselect.is-placeholder.alert {
      color: #F98300; }
    div.dropdown.is-placeholder.info,
    div.multiselect.is-placeholder.info {
      color: #0064D4; }
  div.dropdown:focus, div.dropdown.is-focused,
  div.multiselect:focus,
  div.multiselect.is-focused {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  div.dropdown.error,
  div.multiselect.error {
    border-color: #da1217; }
    div.dropdown.error:focus,
    div.multiselect.error:focus {
      border-color: #da1217 !important;
      box-shadow: 0 0 4px 2px rgba(218, 18, 23, 0.3) !important;
      color: #000000 !important; }
  div.dropdown.alert,
  div.multiselect.alert {
    border-color: #F98300; }
    div.dropdown.alert:focus,
    div.multiselect.alert:focus {
      border-color: #F98300 !important;
      color: #000000 !important; }
  div.dropdown.success,
  div.multiselect.success {
    border-color: #2AC371; }
    div.dropdown.success:focus,
    div.multiselect.success:focus {
      border-color: #2AC371 !important;
      color: #000000 !important; }
  div.dropdown.info,
  div.multiselect.info {
    border-color: #0064D4; }
    div.dropdown.info:focus,
    div.multiselect.info:focus {
      border-color: #0064D4 !important;
      color: #000000 !important; }
  div.dropdown.text-align-reverse,
  div.multiselect.text-align-reverse {
    text-align: right; }
  div.dropdown.text-align-center,
  div.multiselect.text-align-center {
    text-align: center; }
  div.dropdown > span:not(.tag-list),
  div.multiselect > span:not(.tag-list) {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top; }
    div.dropdown > span:not(.tag-list)[data-placeholder-text]::before,
    div.multiselect > span:not(.tag-list)[data-placeholder-text]::before {
      color: #6F6F76;
      content: attr(data-placeholder-text); }
    @media (max-width: 320px) {
      div.dropdown > span:not(.tag-list),
      div.multiselect > span:not(.tag-list) {
        display: inline; } }
  div.dropdown > .listoption-icon,
  div.multiselect > .listoption-icon {
    color: #6F6F76;
    position: absolute;
    top: 9px;
    vertical-align: middle; }
    div.dropdown > .listoption-icon.error,
    div.multiselect > .listoption-icon.error {
      color: #da1217; }
    div.dropdown > .listoption-icon.alert,
    div.multiselect > .listoption-icon.alert {
      color: #F98300; }
    div.dropdown > .listoption-icon.alert-yellow,
    div.multiselect > .listoption-icon.alert-yellow {
      color: #FFD100; }
    div.dropdown > .listoption-icon.neutral,
    div.multiselect > .listoption-icon.neutral {
      color: #C5C5C9; }
    div.dropdown > .listoption-icon.good,
    div.multiselect > .listoption-icon.good {
      color: #2AC371; }
    div.dropdown > .listoption-icon.info,
    div.multiselect > .listoption-icon.info {
      color: #0066D4; }
    div.dropdown > .listoption-icon.white,
    div.multiselect > .listoption-icon.white {
      color: #ffffff; }
    div.dropdown > .listoption-icon + span,
    div.multiselect > .listoption-icon + span {
      padding-left: 29px; }
    div.dropdown > .listoption-icon.swatch,
    div.multiselect > .listoption-icon.swatch {
      border-radius: 2px;
      left: 15px; }
    div.dropdown > .listoption-icon:not(.custom-icon),
    div.multiselect > .listoption-icon:not(.custom-icon) {
      left: 14px;
      height: 16px;
      width: 16px; }
  div.dropdown span,
  div.multiselect span {
    background-color: inherit; }
  div.dropdown:empty,
  div.multiselect:empty {
    min-height: 34px; }
  div.dropdown[disabled], div.dropdown.is-disabled,
  div.multiselect[disabled],
  div.multiselect.is-disabled {
    background-color: #ffffff;
    border-color: #C5C5C9;
    color: #C5C5C9;
    cursor: default;
    pointer-events: none; }
    div.dropdown[disabled] .icon,
    div.dropdown[disabled] + .icon, div.dropdown.is-disabled .icon,
    div.dropdown.is-disabled + .icon,
    div.multiselect[disabled] .icon,
    div.multiselect[disabled] + .icon,
    div.multiselect.is-disabled .icon,
    div.multiselect.is-disabled + .icon {
      background-color: #ffffff;
      color: #C5C5C9;
      cursor: default; }
  div.dropdown:active:not([disabled]):not(.is-disabled):not(.is-readonly),
  div.multiselect:active:not([disabled]):not(.is-disabled):not(.is-readonly) {
    border-color: #0072ED; }
    div.dropdown:active:not([disabled]):not(.is-disabled):not(.is-readonly) + .icon,
    div.multiselect:active:not([disabled]):not(.is-disabled):not(.is-readonly) + .icon {
      color: #0072ED; }
  div.dropdown:hover,
  div.multiselect:hover {
    border-color: #161618; }
    div.dropdown:hover[disabled], div.dropdown:hover.is-disabled, div.dropdown:hover.is-readonly, div.dropdown:hover.is-open, div.dropdown:hover.error,
    div.multiselect:hover[disabled],
    div.multiselect:hover.is-disabled,
    div.multiselect:hover.is-readonly,
    div.multiselect:hover.is-open,
    div.multiselect:hover.error {
      border-color: currentColor; }
    div.dropdown:hover + .icon,
    div.multiselect:hover + .icon {
      color: #161618; }
  div.dropdown + .icon,
  div.multiselect + .icon {
    background-color: inherit;
    border-radius: 1px;
    color: #6F6F76;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    pointer-events: none;
    position: absolute;
    right: 6px;
    top: 2px;
    width: 18px; }
    div.dropdown + .icon + .icon,
    div.multiselect + .icon + .icon {
      display: none; }
  div.dropdown.is-readonly,
  div.multiselect.is-readonly {
    background-color: #E0E0E1;
    border-color: #BBBBBF;
    color: #000000;
    cursor: text; }
    div.dropdown.is-readonly[tabindex='-1']:focus,
    div.multiselect.is-readonly[tabindex='-1']:focus {
      border-color: #BBBBBF !important;
      box-shadow: none; }
    div.dropdown.is-readonly + .icon,
    div.multiselect.is-readonly + .icon {
      color: #BBBBBF; }
  div.dropdown:focus,
  div.multiselect:focus {
    border-color: #0072ED !important; }
  div.dropdown.has-tags,
  div.multiselect.has-tags {
    line-height: normal;
    padding: 0; }
  div.dropdown .tag-list,
  div.multiselect .tag-list {
    display: block;
    line-height: 26px;
    margin: 0;
    overflow: auto;
    padding: 2px 30px 3px 10px;
    scroll-behavior: smooth;
    text-overflow: clip;
    white-space: normal;
    min-height: 33px; }
    div.dropdown .tag-list.empty,
    div.multiselect .tag-list.empty {
      padding: 16px 0 15px; }
    div.dropdown .tag-list .btn-dismissible .icon,
    div.dropdown .tag-list .btn-linkable .icon,
    div.multiselect .tag-list .btn-dismissible .icon,
    div.multiselect .tag-list .btn-linkable .icon {
      vertical-align: baseline; }
    div.dropdown .tag-list .tag,
    div.multiselect .tag-list .tag {
      margin: 0 3px 0 0; }
    div.dropdown .tag-list .icon,
    div.multiselect .tag-list .icon {
      background-color: transparent; }
  div.dropdown.has-scrollbar + .icon,
  div.multiselect.has-scrollbar + .icon {
    right: 18px; }

.dropdown-list {
  outline-style: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 4px 3px rgba(54, 138, 192, 0.1);
  background-color: transparent;
  border: 1px solid #0072ED;
  border-radius: 3px;
  font-size: 1.6rem;
  max-height: 340px;
  min-height: 30px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  pointer-events: all;
  position: absolute;
  white-space: nowrap;
  width: auto;
  z-index: 4501; }
  @media screen and (max-height: 270px) {
    .dropdown-list {
      background-color: inherit; } }
  .dropdown-list .virtual-scroll-container {
    background-color: #ffffff;
    min-height: 100%; }
  .dropdown-list.text-align-reverse {
    text-align: right; }
  .dropdown-list.text-align-center {
    text-align: center; }
  .dropdown-list:active {
    outline: 0; }
  .dropdown-list.mobile {
    background-color: #ffffff; }
  .dropdown-list.is-ontop {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .dropdown-list.ffdropdown.is-ontop > .trigger .icon {
    top: 9px; }
  .dropdown-list ul {
    background-color: #ffffff;
    color: #161618;
    font-size: 1.6rem;
    height: auto;
    line-height: 32px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0;
    position: relative;
    text-indent: 10px; }
  .dropdown-list li {
    cursor: pointer;
    position: relative; }
    .dropdown-list li .dropdown-highlight {
      color: #161618;
      font-style: normal;
      text-decoration: none; }
    .dropdown-list li.is-placeholder {
      cursor: pointer;
      color: #6F6F76; }
      .dropdown-list li.is-placeholder:hover {
        background-color: none; }
    .dropdown-list li.is-swatch {
      padding-left: 30px; }
    .dropdown-list li span.swatch {
      border-radius: 2px;
      display: block;
      height: 16px;
      margin-left: -16px;
      margin-top: 7px;
      position: absolute;
      width: 16px; }
    .dropdown-list li .clear-selection {
      color: #C5C5C9; }
    .dropdown-list li:hover, .dropdown-list li.hover {
      background-color: #E0E0E1;
      outline: none; }
    .dropdown-list li.is-disabled {
      cursor: default;
      pointer-events: none; }
      .dropdown-list li.is-disabled > a {
        color: #C5C5C9; }
      .dropdown-list li.is-disabled:hover, .dropdown-list li.is-disabled.hover {
        background-color: transparent; }
    .dropdown-list li:focus {
      background-color: #E0E0E1;
      outline: none; }
    .dropdown-list li.is-focused:not(.is-disabled) {
      background-color: #0072ED; }
      .dropdown-list li.is-focused:not(.is-disabled) a {
        color: #ffffff; }
      .dropdown-list li.is-focused:not(.is-disabled).is-selected {
        background-color: #0072ED; }
        .dropdown-list li.is-focused:not(.is-disabled).is-selected a {
          color: #ffffff; }
      .dropdown-list li.is-focused:not(.is-disabled) .listoption-icon {
        color: #ffffff; }
      .dropdown-list li.is-focused:not(.is-disabled) .badge {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #0072ED !important; }
    .dropdown-list li .listoption-icon {
      color: #6F6F76;
      left: 0;
      margin-right: 7px;
      pointer-events: none;
      top: 3px; }
      .dropdown-list li .listoption-icon.error {
        color: #da1217; }
      .dropdown-list li .listoption-icon.alert {
        color: #F98300; }
      .dropdown-list li .listoption-icon.alert-yellow {
        color: #FFD100; }
      .dropdown-list li .listoption-icon.neutral {
        color: #C5C5C9; }
      .dropdown-list li .listoption-icon.good {
        color: #2AC371; }
      .dropdown-list li .listoption-icon.info {
        color: #0066D4; }
      .dropdown-list li .listoption-icon.white {
        color: #ffffff; }
      .dropdown-list li .listoption-icon:not(.custom-icon) {
        height: 16px; }
    .dropdown-list li .badge {
      border: 1px solid transparent;
      display: inline-block;
      float: right;
      margin-left: -40px;
      margin-top: 5px;
      position: relative;
      right: 8px;
      text-indent: 0; }
  .dropdown-list > .listoption-icon {
    color: #6F6F76;
    left: 10px;
    position: absolute;
    top: 8px; }
    .dropdown-list > .listoption-icon.error {
      color: #da1217; }
    .dropdown-list > .listoption-icon.alert {
      color: #F98300; }
    .dropdown-list > .listoption-icon.alert-yellow {
      color: #FFD100; }
    .dropdown-list > .listoption-icon.neutral {
      color: #C5C5C9; }
    .dropdown-list > .listoption-icon.good {
      color: #2AC371; }
    .dropdown-list > .listoption-icon.info {
      color: #0066D4; }
    .dropdown-list > .listoption-icon.white {
      color: #ffffff; }
    .dropdown-list > .listoption-icon.swatch {
      border-radius: 2px;
      left: 14px; }
    .dropdown-list > .listoption-icon + span {
      padding-left: 39px; }
  .dropdown-list .listoption-icon.swatch {
    width: 16px; }
  .dropdown-list .listoption-icon:not(.custom-icon) {
    height: 16px; }
  .dropdown-list.is-ontop > .listoption-icon {
    bottom: 6px;
    top: auto; }
  .dropdown-list.is-ontop > .trigger .icon {
    top: 8px; }
  .dropdown-list.has-icons .dropdown-search {
    padding-left: 39px; }
  .dropdown-list a {
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #161618;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: inherit; }
    .dropdown-list a:empty {
      height: 32px; }
  .dropdown-list.search-mode li .dropdown-highlight {
    color: #161618;
    font-weight: 600;
    letter-spacing: -0.2; }
  .dropdown-list.search-mode li.is-disabled a {
    color: #C5C5C9; }
  .dropdown-list.search-mode li.is-focused .dropdown-highlight {
    color: #ffffff; }
  .dropdown-list.multiple ul {
    text-indent: 33px; }
  .dropdown-list.multiple li::before {
    background-color: #ffffff;
    border: 1px solid #3B3B3F;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    margin-top: 0;
    position: absolute;
    width: 14px;
    left: 10px;
    margin-left: 0;
    margin-top: 7px; }
  .dropdown-list.multiple li.is-disabled::before {
    background-color: #E0E0E1;
    border-color: #C5C5C9; }
  .dropdown-list.multiple li.is-focused:not(.is-disabled) {
    background-color: #E0E0E1; }
    .dropdown-list.multiple li.is-focused:not(.is-disabled) > a {
      color: #28282A; }
  .dropdown-list.multiple li.is-selected::before {
    background-color: #0072ED;
    border-color: #0072ED; }
  .dropdown-list.multiple li.is-selected::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: 2px;
    position: absolute;
    top: 13px;
    width: 4px;
    left: 15px;
    margin-top: 0;
    top: 8px; }
  .dropdown-list.multiple li.is-disabled.is-selected::before {
    background-color: #C5C5C9;
    border-color: #C5C5C9; }
  .dropdown-list.multiple li.is-disabled.is-selected::after {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent; }
  .dropdown-list.multiple li.group-label::before, .dropdown-list.multiple li.group-label::after,
  .dropdown-list.multiple li.separator::before,
  .dropdown-list.multiple li.separator::after {
    content: none; }
  .dropdown-list.multiple a {
    color: #28282A; }
  .dropdown-list.multiple.search-mode a .dropdown-highlight {
    color: #28282A; }
  .dropdown-list .group-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3B3B3F;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 20px;
    min-height: 20px;
    padding: 6px 0 4px;
    text-indent: 10px; }
    .dropdown-list .group-label:not(:first-child) {
      border-top: 1px solid #C5C5C9;
      margin-top: 5px; }
    .dropdown-list .group-label:hover {
      background-color: transparent;
      cursor: default; }
  .dropdown-list > .trigger {
    cursor: pointer;
    height: 32px;
    margin-left: -26px;
    position: absolute;
    width: 26px;
    z-index: 1; }
    .dropdown-list > .trigger .icon {
      background-color: rgba(255, 255, 255, 0);
      color: #6F6F76;
      left: 1px;
      top: 8px; }
      .dropdown-list > .trigger .icon.search {
        height: 18px;
        margin-top: 0;
        width: 16px; }
      .dropdown-list > .trigger .icon.close {
        right: -6px;
        top: 0;
        width: 14px; }
  .dropdown-list.dropdown-short > .trigger {
    margin-left: -18px; }
  .dropdown-list.dropdown-short.ffdropdown > .trigger {
    margin-left: 14px; }
  .dropdown-list.text-align-reverse li {
    padding: 0 10px 0 0; }
  .dropdown-list.text-align-reverse.dropdown-list > .trigger {
    width: auto; }
  .dropdown-list.text-align-reverse input.dropdown-search.text-align-reverse {
    padding-right: 18px !important; }
  .dropdown-list.text-align-reverse.search-mode input.dropdown-search {
    padding-right: 19px !important; }
  .dropdown-list li span.swatch:not(.alabaster) {
    border: 1px solid transparent; }

.dropdown-search {
  background-color: #F5F5F5;
  border: 0;
  border-bottom: 1px solid #C5C5C9;
  border-radius: 0;
  color: #161618;
  padding: 7px 30px 8px 10px;
  text-overflow: ellipsis;
  width: 100%; }
  .dropdown-search.text-align-reverse {
    text-align: right; }
  .dropdown-search.text-align-center {
    text-align: center; }
  .dropdown-search::-ms-clear {
    display: none; }
  .dropdown-search[readonly] {
    background-color: #F5F5F5 !important; }
  .dropdown-search:focus {
    border: 0;
    border-bottom: 1px solid #BBBBBF;
    box-shadow: none;
    outline: none; }

.ids-virtual-scroll-viewport ul {
  overflow: hidden; }

.modal .dropdown-wrapper .dropdown .tooltip {
  position: fixed; }

.modal-engaged .dropdown-search {
  background-color: #ffffff; }

.is-ontop.dropdown-list ul {
  top: -1px; }

.is-ontop .dropdown-search {
  border-bottom: 0;
  padding: 7px 30px 9px 10px; }

.no-icon-padding {
  padding-left: 12px !important; }

.dropdown.error {
  border-color: #da1217; }
  .dropdown.error::-webkit-input-placeholder {
    color: #da1217; }

input.dropdown.error:focus {
  border-color: #da1217;
  box-shadow: 0 0 4px 2px rgba(218, 18, 23, 0.3);
  color: #000000; }

.field-short .dropdown-wrapper,
.form-layout-compact .field .dropdown-wrapper {
  margin-bottom: 0;
  vertical-align: top; }

.field-short .dropdown,
.form-layout-compact .field .dropdown {
  height: 2.8rem; }

.field-short .dropdown-list .group-label,
.form-layout-compact .field .dropdown-list .group-label {
  text-indent: 5px; }

.field .dropdown-wrapper {
  margin-bottom: 0; }

.field .dropdown {
  height: 3.8rem; }
  .field .dropdown.has-tags {
    height: auto; }
    .field .dropdown.has-tags.empty {
      height: 3.8rem; }

.field div.dropdown .icon + span,
.field div.multiselect .icon + span {
  vertical-align: top; }

.field-short div.dropdown,
.form-layout-compact .field div.dropdown {
  font-size: 1.4rem;
  margin-bottom: 0;
  padding: 5px 18px 5px 5px; }
  .field-short div.dropdown > .listoption-icon,
  .form-layout-compact .field div.dropdown > .listoption-icon {
    height: 14px;
    width: 14px;
    left: 10px;
    top: 6px; }
    .field-short div.dropdown > .listoption-icon + span,
    .form-layout-compact .field div.dropdown > .listoption-icon + span {
      padding-left: 20px; }
  .field-short div.dropdown.has-tags,
  .form-layout-compact .field div.dropdown.has-tags {
    padding: 0; }
    .field-short div.dropdown.has-tags .tag-list,
    .form-layout-compact .field div.dropdown.has-tags .tag-list {
      padding: 2px 30px 3px 5px; }
      .field-short div.dropdown.has-tags .tag-list.empty,
      .form-layout-compact .field div.dropdown.has-tags .tag-list.empty {
        padding: 16px 0 15px; }
    .field-short div.dropdown.has-tags .tag,
    .form-layout-compact .field div.dropdown.has-tags .tag {
      height: 20px; }
    .field-short div.dropdown.has-tags .tag-content,
    .form-layout-compact .field div.dropdown.has-tags .tag-content {
      line-height: 19px; }

.field-short div.dropdown + .icon,
.field-short div.multiselect + .icon,
.form-layout-compact .field div.dropdown + .icon,
.form-layout-compact .field div.multiselect + .icon {
  height: 24px;
  top: 1px;
  width: 16px; }

.field-short div.dropdown.has-tags + .icon,
.field-short div.multiselect.has-tags + .icon,
.form-layout-compact .field div.dropdown.has-tags + .icon,
.form-layout-compact .field div.multiselect.has-tags + .icon {
  top: 5px; }

.field-short div.dropdown ~ .icon-error,
.field-short div.multiselect ~ .icon-error,
.form-layout-compact .field div.dropdown ~ .icon-error,
.form-layout-compact .field div.multiselect ~ .icon-error {
  margin-left: -38px;
  position: absolute;
  right: auto;
  top: 0; }

.field-short div.dropdown.has-scrollbar + .icon,
.field-short div.multiselect.has-scrollbar + .icon,
.form-layout-compact .field div.dropdown.has-scrollbar + .icon,
.form-layout-compact .field div.multiselect.has-scrollbar + .icon {
  right: 18px; }

.compound-field .dropdown-wrapper {
  margin-bottom: 5px;
  margin-top: 0; }

.compound-field div.dropdown + .icon,
.compound-field div.multiselect + .icon {
  top: 4px; }

.compound-field .field-short div.dropdown + .icon,
.compound-field .field-short div.multiselect + .icon,
.compound-field .form-layout-compact .field div.dropdown + .icon,
.compound-field .form-layout-compact .field div.multiselect + .icon {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%); }

.dropdown-lg,
.field-short .dropdown-lg,
.form-layout-compact .field .dropdown-lg {
  width: 400px; }

div.dropdown-lg {
  width: 400px; }

.dropdown-md,
div.dropdown-md,
.field-short .dropdown-md,
.form-layout-compact .field .dropdown-md {
  width: 300px; }

.dropdown-mm,
div.dropdown-mm,
.field-short .dropdown-mm,
.form-layout-compact .field .dropdown-mm {
  width: 225px; }

.dropdown-sm,
div.dropdown-sm,
.field-short .dropdown-sm,
.form-layout-compact .field .dropdown-sm {
  width: 150px; }

.dropdown-xs,
div.dropdown-xs,
.field-short .dropdown-xs,
.form-layout-compact .field .dropdown-xs {
  width: 75px; }

.dropdown-list.dropdown-short:not(.has-icons) .dropdown-search {
  padding: 0 5px !important; }

.dropdown-list.dropdown-short .dropdown-search {
  font-size: 1.4rem !important;
  height: 2.8rem !important;
  padding-right: 21px; }

.dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding-left: 25px; }

.dropdown-list.dropdown-short ul {
  font-size: 1.6rem;
  text-indent: 5px; }

.dropdown-list.dropdown-short li > a {
  font-size: 1.4rem !important;
  line-height: 2.8rem;
  min-height: 1.4rem;
  text-indent: 5px; }

.dropdown-list.dropdown-short li .listoption-icon {
  height: 14px;
  width: 14px; }

.dropdown-list.dropdown-short > .icon {
  height: 24px;
  margin-left: -21px;
  margin-top: 0;
  width: 16px; }

.dropdown-list.dropdown-short > .listoption-icon {
  height: 14px;
  left: 29px;
  top: 6px; }

.dropdown-list.dropdown-short > .trigger .icon {
  height: 16px;
  left: auto;
  right: 1px;
  top: 4px;
  width: 16px; }
  .dropdown-list.dropdown-short > .trigger .icon.search {
    height: 12px;
    right: -1px;
    top: 5px;
    width: 12px; }

.dropdown-list.dropdown-short.multiple li::after {
  margin-top: 0; }

.dropdown-list.dropdown-short.multiple li a {
  display: inline;
  padding-left: 26px; }

.ie .is-ontop {
  margin-top: 1px; }

.ie .dropdown-list:not(.dropdown-short) > .trigger {
  margin-left: -30px; }

.ie.ie11 .is-ontop {
  margin-top: 2px; }
  .ie.ie11 .is-ontop .dropdown-search {
    border-top: 1px solid #C5C5C9; }

.ie.ie-edge .dropdown-list > .trigger .icon {
  left: 5px; }

.ie.ie-edge18 .dropdown-list.multiple li::before {
  margin-top: 7px; }

.is-firefox .is-ontop.dropdown-list ul {
  margin-top: 1px;
  top: 0; }

.is-firefox .is-ontop .dropdown-search {
  border-top: 1px solid #C5C5C9; }

.is-firefox .dropdown-list.text-align-reverse li {
  padding-right: 12px; }

.is-firefox div.dropdown,
.is-firefox div.multiselect {
  padding: 8px 30px 8px 10px; }
  .is-firefox div.dropdown.has-tags,
  .is-firefox div.multiselect.has-tags {
    padding: 0; }
  .is-firefox div.dropdown .btn-dismissible .icon,
  .is-firefox div.dropdown .btn-linkable .icon,
  .is-firefox div.multiselect .btn-dismissible .icon,
  .is-firefox div.multiselect .btn-linkable .icon {
    top: 1px; }
  .is-firefox div.dropdown > span:not(.tag-list),
  .is-firefox div.multiselect > span:not(.tag-list) {
    padding-top: 2px; }

.is-firefox .field-short div.dropdown,
.is-firefox .field-short div.multiselect,
.is-firefox .form-layout-compact .field div.dropdown,
.is-firefox .form-layout-compact .field div.multiselect {
  font-size: 1.4rem;
  height: 2.8rem !important;
  padding: 4px 0 0 4px; }
  .is-firefox .field-short div.dropdown.has-tags,
  .is-firefox .field-short div.multiselect.has-tags,
  .is-firefox .form-layout-compact .field div.dropdown.has-tags,
  .is-firefox .form-layout-compact .field div.multiselect.has-tags {
    height: auto !important; }
  .is-firefox .field-short div.dropdown.text-align-reverse,
  .is-firefox .field-short div.multiselect.text-align-reverse,
  .is-firefox .form-layout-compact .field div.dropdown.text-align-reverse,
  .is-firefox .form-layout-compact .field div.multiselect.text-align-reverse {
    padding-right: 16px; }

.is-firefox .field-short form:not(.form-layout-compact) .field div.dropdown,
.is-firefox .field-short form:not(.form-layout-compact) .field div.multiselect,
.is-firefox .form-layout-compact .field form:not(.form-layout-compact) .field div.dropdown,
.is-firefox .form-layout-compact .field form:not(.form-layout-compact) .field div.multiselect {
  padding: 5px 18px 5px 5px; }

.is-firefox .dropdown-search {
  line-height: normal;
  padding: 10px 30px 8px 10px; }

.is-firefox .dropdown-list.multiple li.is-selected::after {
  left: 15px;
  top: 8px; }

.is-firefox .dropdown-list.dropdown-short .dropdown-search {
  font-size: 1.6rem;
  padding: 6px 21px 5px 5px; }

.is-firefox .dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding: 6px 21px 5px 25px; }

.ie div.dropdown .btn-dismissible .icon,
.ie div.dropdown .btn-linkable .icon,
.ie div.multiselect .btn-dismissible .icon,
.ie div.multiselect .btn-linkable .icon {
  top: -1px; }

.is-mac div.dropdown .btn-dismissible .icon,
.is-mac div.dropdown .btn-linkable .icon,
.is-mac div.multiselect .btn-dismissible .icon,
.is-mac div.multiselect .btn-linkable .icon {
  top: -1px; }

.ios .dropdown-list.multiple li::before {
  top: 0; }

.ios .dropdown-list.multiple li.is-selected::after {
  top: 8px; }

.ios .field-short div.dropdown.has-scrollbar + .icon,
.ios .field-short div.multiselect.has-scrollbar + .icon,
.ios .form-layout-compact .field div.dropdown.has-scrollbar + .icon,
.ios .form-layout-compact .field div.multiselect.has-scrollbar + .icon {
  right: 4px; }

.ios .dropdown-list > .trigger .icon.close {
  top: 10px; }

.ios .dropdown-list.dropdown-short > .trigger .icon.close {
  height: 15px;
  top: 5px; }

.is-firefox.android div.dropdown + .icon,
.is-firefox.android div.multiselect + .icon {
  top: 4px; }

.is-firefox.android .field-short div.dropdown + .icon,
.is-firefox.android .field-short div.multiselect + .icon,
.is-firefox.android .form-layout-compact .field div.dropdown + .icon,
.is-firefox.android .form-layout-compact .field div.multiselect + .icon {
  top: 1px; }

.is-firefox.android .field-short div.dropdown.has-tags + .icon,
.is-firefox.android .field-short div.multiselect.has-tags + .icon,
.is-firefox.android .form-layout-compact .field div.dropdown.has-tags + .icon,
.is-firefox.android .form-layout-compact .field div.multiselect.has-tags + .icon {
  top: 10px; }

.is-firefox.android .field-short div.dropdown.has-scrollbar + .icon,
.is-firefox.android .field-short div.multiselect.has-scrollbar + .icon,
.is-firefox.android .form-layout-compact .field div.dropdown.has-scrollbar + .icon,
.is-firefox.android .form-layout-compact .field div.multiselect.has-scrollbar + .icon {
  right: 4px; }

.is-firefox.android .dropdown-list > .trigger .icon.close {
  top: 10px; }

.is-firefox.android .dropdown-list > .trigger .icon.search {
  top: 5px; }

.is-firefox.android .dropdown-list.dropdown-short > .trigger .icon.close {
  height: 15px;
  top: 5px; }

.is-firefox .dropdown-list.is-ontop > .trigger .icon {
  top: 10px; }

.is-safari .dropdown-list.dropdown-short.multiple li a {
  padding-left: 32px; }

.android .dropdown-list > .trigger .icon.close {
  top: 10px; }

html[dir='rtl'] .dropdown,
html[dir='rtl'] .multiselect,
html[dir='rtl'] input.dropdown,
html[dir='rtl'] input.multiselect {
  padding: 9px 10px 8px 32px;
  text-align: right; }
  html[dir='rtl'] .dropdown.text-align-reverse,
  html[dir='rtl'] .multiselect.text-align-reverse,
  html[dir='rtl'] input.dropdown.text-align-reverse,
  html[dir='rtl'] input.multiselect.text-align-reverse {
    text-align: left; }
  html[dir='rtl'] .dropdown.text-align-center,
  html[dir='rtl'] .multiselect.text-align-center,
  html[dir='rtl'] input.dropdown.text-align-center,
  html[dir='rtl'] input.multiselect.text-align-center {
    text-align: center; }
  html[dir='rtl'] .dropdown + .icon,
  html[dir='rtl'] .multiselect + .icon,
  html[dir='rtl'] input.dropdown + .icon,
  html[dir='rtl'] input.multiselect + .icon {
    left: 5px;
    margin-left: inherit;
    margin-right: -33px;
    right: auto !important; }

html[dir='rtl'] div.dropdown.has-tags,
html[dir='rtl'] div.multiselect.has-tags {
  padding: 0; }

html[dir='rtl'] div.dropdown .tag-list,
html[dir='rtl'] div.multiselect .tag-list {
  padding: 2px 5px 2px 30px !important; }
  html[dir='rtl'] div.dropdown .tag-list.empty,
  html[dir='rtl'] div.multiselect .tag-list.empty {
    padding: 16px 10px 15px 30px !important; }

html[dir='rtl'] div.dropdown.has-scrollbar + .icon,
html[dir='rtl'] div.multiselect.has-scrollbar + .icon {
  left: 18px;
  right: auto; }

html[dir='rtl'] div.dropdown > .listoption-icon {
  left: auto;
  right: 14px; }
  html[dir='rtl'] div.dropdown > .listoption-icon + span {
    padding-left: inherit;
    padding-right: 29px; }

html[dir='rtl'] .dropdown-list.multiple li::before {
  left: auto;
  margin-left: inherit;
  margin-right: 0;
  right: 10px; }

html[dir='rtl'] .dropdown-list.multiple li.is-selected::after {
  left: inherit;
  right: 15px; }

html[dir='rtl'] .dropdown-list.multiple li.is-disabled.is-selected::after {
  left: inherit;
  right: 21px; }

html[dir='rtl'] .dropdown-list > .icon {
  margin-left: inherit;
  margin-right: -26px; }
  html[dir='rtl'] .dropdown-list > .icon.search {
    margin-left: inherit;
    margin-right: -26px; }

html[dir='rtl'] .dropdown-list > .trigger .icon {
  margin-right: -23px; }

html[dir='rtl'] .dropdown-list li .listoption-icon {
  left: auto;
  margin-left: 7px;
  right: 0; }

html[dir='rtl'] .dropdown-list li.is-swatch {
  padding-right: 30px; }
  html[dir='rtl'] .dropdown-list li.is-swatch span.swatch {
    margin-left: auto;
    margin-right: -17px; }

html[dir='rtl'] .dropdown-list li .badge {
  float: left;
  margin-left: 0;
  right: -10px;
  text-indent: 0; }

html[dir='rtl'] .dropdown-list > .listoption-icon {
  left: auto;
  right: 39px; }
  html[dir='rtl'] .dropdown-list > .listoption-icon + span {
    padding-left: inherit;
    padding-right: 39px; }

html[dir='rtl'] .dropdown-list.has-icons .dropdown-search {
  padding-left: inherit;
  padding-right: 39px; }

html[dir='rtl'] .dropdown-search {
  padding: 9px 10px 8px 32px; }
  html[dir='rtl'] .dropdown-search.text-align-reverse {
    text-align: left; }
  html[dir='rtl'] .dropdown-search.text-align-center {
    text-align: center; }

html[dir='rtl'] .dropdown-list.dropdown-short .dropdown-search {
  padding: 4px 5px 5px 32px !important; }

html[dir='rtl'] .dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding-left: inherit;
  padding-right: 25px; }

html[dir='rtl'] .dropdown-list.dropdown-short > .listoption-icon {
  left: auto;
  right: 31px; }

html[dir='rtl'] .dropdown-list.dropdown-short.multiple li a {
  padding-left: 0;
  padding-right: 22px; }

html[dir='rtl'] .dropdown-list.dropdown-short.multiple li::before {
  right: 5px; }

html[dir='rtl'] .dropdown-list.dropdown-short.multiple li.is-selected::after {
  right: 10px; }

html[dir='rtl'] .dropdown-list.dropdown-short > .trigger .icon {
  right: 0; }

html[dir='rtl'] .dropdown-wrapper .icon-error,
html[dir='rtl'] .dropdown-wrapper .icon-success,
html[dir='rtl'] .dropdown-wrapper .icon-alert,
html[dir='rtl'] .dropdown-wrapper .icon-info,
html[dir='rtl'] .dropdown-wrapper .icon-pending {
  left: 26px;
  right: auto; }

html[dir='rtl'] .field-short .dropdown,
html[dir='rtl'] .field-short .multiselect,
html[dir='rtl'] .field-short input.dropdown,
html[dir='rtl'] .field-short input.multiselect,
html[dir='rtl'] .form-layout-compact .field .dropdown,
html[dir='rtl'] .form-layout-compact .field .multiselect,
html[dir='rtl'] .form-layout-compact .field input.dropdown,
html[dir='rtl'] .form-layout-compact .field input.multiselect {
  padding: 4px 5px 5px 18px; }
  html[dir='rtl'] .field-short .dropdown ~ .icon-error,
  html[dir='rtl'] .field-short .multiselect ~ .icon-error,
  html[dir='rtl'] .field-short input.dropdown ~ .icon-error,
  html[dir='rtl'] .field-short input.multiselect ~ .icon-error,
  html[dir='rtl'] .form-layout-compact .field .dropdown ~ .icon-error,
  html[dir='rtl'] .form-layout-compact .field .multiselect ~ .icon-error,
  html[dir='rtl'] .form-layout-compact .field input.dropdown ~ .icon-error,
  html[dir='rtl'] .form-layout-compact .field input.multiselect ~ .icon-error {
    margin-left: inherit;
    margin-right: -38px !important; }

html[dir='rtl'] .field-short div.dropdown > .listoption-icon,
html[dir='rtl'] .form-layout-compact .field div.dropdown > .listoption-icon {
  left: auto;
  right: 6px; }
  html[dir='rtl'] .field-short div.dropdown > .listoption-icon + span,
  html[dir='rtl'] .form-layout-compact .field div.dropdown > .listoption-icon + span {
    padding-left: inherit;
    padding-right: 20px; }

html[dir='rtl'] .form-layout-compact .field div.dropdown.has-tags .tag-list {
  padding: 4px 1px 4px 30px !important; }

html[dir='rtl'] .dropdown-list:not(.dropdown-short) > .listoption-icon {
  left: auto;
  right: 36px; }
  html[dir='rtl'] .dropdown-list:not(.dropdown-short) > .listoption-icon.swatch {
    right: 39px; }

html[dir='rtl'].is-firefox .dropdown,
html[dir='rtl'].is-firefox .multiselect,
html[dir='rtl'].is-firefox input.dropdown,
html[dir='rtl'].is-firefox input.multiselect {
  padding: 7px 10px 7px 32px; }

html[dir='rtl'].is-firefox .dropdown-search {
  padding: 8px 10px 8px 32px; }

html[dir='rtl'].is-firefox .field-short div.dropdown,
html[dir='rtl'].is-firefox .field-short div.multiselect,
html[dir='rtl'].is-firefox .form-layout-compact .field div.dropdown,
html[dir='rtl'].is-firefox .form-layout-compact .field div.multiselect {
  padding: 5px 5px 5px 21px; }
  html[dir='rtl'].is-firefox .field-short div.dropdown + .icon,
  html[dir='rtl'].is-firefox .field-short div.multiselect + .icon,
  html[dir='rtl'].is-firefox .form-layout-compact .field div.dropdown + .icon,
  html[dir='rtl'].is-firefox .form-layout-compact .field div.multiselect + .icon {
    top: 0; }

html[dir='rtl'].is-firefox .dropdown-list.dropdown-short .dropdown-search {
  padding: 6px 5px 5px 21px; }

html[dir='rtl'].is-firefox .dropdown-list.dropdown-short > .trigger .icon {
  right: -1px;
  top: 5px; }

html[dir='rtl'].is-firefox .dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding: 6px 25px 5px 21px; }

html[dir='rtl'].is-firefox div.dropdown.has-tags,
html[dir='rtl'].is-firefox div.multiselect.has-tags {
  padding: 0; }

.ie-edge .dropdown-list > .trigger .icon.close {
  top: 6px; }

div.dropdown + .icon,
div.multiselect + .icon {
  right: 8px;
  top: 3px; }

div.dropdown > .listoption-icon,
div.multiselect > .listoption-icon {
  top: 11px; }
  div.dropdown > .listoption-icon:not(.custom-icon),
  div.multiselect > .listoption-icon:not(.custom-icon) {
    left: 12px; }
  div.dropdown > .listoption-icon.large-icon,
  div.multiselect > .listoption-icon.large-icon {
    height: 32px;
    width: 32px; }
  div.dropdown > .listoption-icon.swatch,
  div.multiselect > .listoption-icon.swatch {
    left: 13px; }
  div.dropdown > .listoption-icon + span,
  div.multiselect > .listoption-icon + span {
    padding-left: 25px; }

div.dropdown.has-tags,
div.multiselect.has-tags {
  padding: 0; }
  div.dropdown.has-tags .tag-content,
  div.multiselect.has-tags .tag-content {
    line-height: 19px; }
  div.dropdown.has-tags + .icon,
  div.multiselect.has-tags + .icon {
    height: 30px; }

div.dropdown .tag-list,
div.multiselect .tag-list {
  padding: 2px 30px 4px 10px; }
  div.dropdown .tag-list.empty,
  div.multiselect .tag-list.empty {
    padding: 16px 0 15px; }
  div.dropdown .tag-list .btn-dismissible .icon,
  div.dropdown .tag-list .btn-linkable .icon,
  div.multiselect .tag-list .btn-dismissible .icon,
  div.multiselect .tag-list .btn-linkable .icon {
    vertical-align: middle; }

.dropdown-list.small-rowheight.datagrid-dropdown-list .trigger .icon {
  margin-left: 2px; }
  .dropdown-list.small-rowheight.datagrid-dropdown-list .trigger .icon.search {
    top: 1px; }

.dropdown-list.has-icons .dropdown-search {
  padding-left: 35px; }

.dropdown-list > .trigger {
  width: 30px; }
  .dropdown-list > .trigger .icon {
    top: 9px; }

.dropdown-list > .listoption-icon {
  top: 10px; }
  .dropdown-list > .listoption-icon.swatch {
    left: 12px; }

.dropdown-list li span.swatch {
  margin-left: -18px; }

.dropdown-list.ffdropdown.is-ontop > .trigger .icon {
  top: 11px; }

.dropdown-list.is-ontop > .listoption-icon {
  bottom: 8px;
  top: auto; }

.dropdown-list.text-align-reverse input.dropdown-search.text-align-reverse {
  padding-right: 19px !important; }

.dropdown-list.text-align-reverse.search-mode input.dropdown-search {
  padding-right: 20px !important; }

.field-short div.dropdown + .icon,
.field-short div.multiselect + .icon,
.form-layout-compact .field div.dropdown + .icon,
.form-layout-compact .field div.multiselect + .icon {
  top: 3px;
  width: 16px; }

.field-short div.dropdown > .listoption-icon,
.field-short div.multiselect > .listoption-icon,
.form-layout-compact .field div.dropdown > .listoption-icon,
.form-layout-compact .field div.multiselect > .listoption-icon {
  top: 8.5px; }

.field-short div.dropdown.has-tags .tag-content,
.field-short div.multiselect.has-tags .tag-content,
.form-layout-compact .field div.dropdown.has-tags .tag-content,
.form-layout-compact .field div.multiselect.has-tags .tag-content {
  line-height: 17px; }

.dropdown-list.dropdown-short .trigger .icon {
  left: -5px;
  top: 6px;
  width: 16px; }

.dropdown-list.dropdown-short.ffdropdown .trigger .icon {
  left: -36px; }

.dropdown-list.dropdown-short > .listoption-icon {
  top: 8px; }

.dropdown-list.dropdown-short .dropdown-search {
  padding: 2px 16px 2px 5px; }

.ie.ie11 div.dropdown > .listoption-icon,
.ie.ie11 div.multiselect > .listoption-icon {
  left: 12px;
  top: 12px; }
  .ie.ie11 div.dropdown > .listoption-icon.swatch,
  .ie.ie11 div.multiselect > .listoption-icon.swatch {
    left: 12px; }
    .ie.ie11 div.dropdown > .listoption-icon.swatch + span,
    .ie.ie11 div.multiselect > .listoption-icon.swatch + span {
      position: relative;
      top: 1px; }
  .ie.ie11 div.dropdown > .listoption-icon + span,
  .ie.ie11 div.multiselect > .listoption-icon + span {
    padding-left: 26px; }

.ie.ie11 .dropdown-list.has-icons .dropdown-search {
  padding-left: 36px; }

.ie.ie11 .dropdown-list > ul li.dropdown-option .listoption-icon {
  top: 3px; }

.ie.ie11 .dropdown-list > ul li.is-swatch {
  padding-left: 26px; }

.ie.ie11 .dropdown-list > ul li span.swatch {
  margin-left: -15px; }

.ie.ie11 .dropdown-list:not(.dropdown-short) > .trigger {
  margin-left: -29px; }

.ie.ie11 .dropdown-list:not(.dropdown-short) .listoption-icon {
  top: 11px; }
  .ie.ie11 .dropdown-list:not(.dropdown-short) .listoption-icon.swatch {
    left: 11px; }

.ie.ie11 .dropdown-list:not(.dropdown-short).is-ontop > .listoption-icon {
  bottom: 6px;
  top: auto; }

.ie.ie11 .dropdown-list.dropdown-short > .trigger .icon {
  left: -8px; }

.ie.ie11 .field-short div.dropdown > .listoption-icon,
.ie.ie11 .field-short div.multiselect > .listoption-icon,
.ie.ie11 .form-layout-compact .field div.dropdown > .listoption-icon,
.ie.ie11 .form-layout-compact .field div.multiselect > .listoption-icon {
  top: 8.5px; }

.is-mac div.dropdown .btn-dismissible .icon,
.is-mac div.dropdown .btn-linkable .icon,
.is-mac div.multiselect .btn-dismissible .icon,
.is-mac div.multiselect .btn-linkable .icon {
  top: -2px; }

.ie div.dropdown .tag-list .btn-dismissible .icon,
.ie div.dropdown .tag-list .btn-linkable .icon,
.ie div.multiselect .tag-list .btn-dismissible .icon,
.ie div.multiselect .tag-list .btn-linkable .icon {
  top: -1px; }

.is-safari div.dropdown .tag-list .btn-dismissible .icon,
.is-safari div.dropdown .tag-list .btn-linkable .icon,
.is-safari div.multiselect .tag-list .btn-dismissible .icon,
.is-safari div.multiselect .tag-list .btn-linkable .icon,
.ios div.dropdown .tag-list .btn-dismissible .icon,
.ios div.dropdown .tag-list .btn-linkable .icon,
.ios div.multiselect .tag-list .btn-dismissible .icon,
.ios div.multiselect .tag-list .btn-linkable .icon {
  top: -1px; }

.is-firefox div.dropdown > .listoption-icon,
.is-firefox div.multiselect > .listoption-icon {
  left: 12px; }
  .is-firefox div.dropdown > .listoption-icon.swatch,
  .is-firefox div.multiselect > .listoption-icon.swatch {
    left: 12px; }

.is-firefox div.dropdown .tag-content,
.is-firefox div.multiselect .tag-content {
  line-height: normal; }

.is-firefox div.dropdown .btn-dismissible .icon,
.is-firefox div.dropdown .btn-linkable .icon,
.is-firefox div.multiselect .btn-dismissible .icon,
.is-firefox div.multiselect .btn-linkable .icon {
  top: -1px; }

.is-firefox .dropdown-list > .listoption-icon.swatch {
  left: 11px; }

.is-firefox .dropdown-list .dropdown-option.is-swatch {
  padding-left: 26px; }

.is-firefox .dropdown-list .dropdown-option .swatch {
  margin-left: -15px; }

.is-firefox .dropdown-list.is-ontop > .listoption-icon {
  bottom: 8px;
  top: auto; }

.is-firefox.android .field-short div.dropdown + .icon,
.is-firefox.android .field-short div.multiselect + .icon,
.is-firefox.android .form-layout-compact .field div.dropdown + .icon,
.is-firefox.android .form-layout-compact .field div.multiselect + .icon {
  top: 2px; }

html.is-firefox:not([dir='rtl']) div.dropdown,
html.is-firefox:not([dir='rtl']) div.multiselect {
  padding: 5px 30px 6px 10px; }
  html.is-firefox:not([dir='rtl']) div.dropdown + .icon,
  html.is-firefox:not([dir='rtl']) div.multiselect + .icon {
    top: 3px; }
  html.is-firefox:not([dir='rtl']) div.dropdown > .listoption-icon,
  html.is-firefox:not([dir='rtl']) div.multiselect > .listoption-icon {
    top: 10px; }
    html.is-firefox:not([dir='rtl']) div.dropdown > .listoption-icon + span,
    html.is-firefox:not([dir='rtl']) div.multiselect > .listoption-icon + span {
      padding-left: 26px; }
  html.is-firefox:not([dir='rtl']) div.dropdown.has-tags,
  html.is-firefox:not([dir='rtl']) div.multiselect.has-tags {
    padding: 0; }
  html.is-firefox:not([dir='rtl']) div.dropdown .tag-list,
  html.is-firefox:not([dir='rtl']) div.multiselect .tag-list {
    padding: 4px 30px 6px 10px; }
    html.is-firefox:not([dir='rtl']) div.dropdown .tag-list.empty::after,
    html.is-firefox:not([dir='rtl']) div.multiselect .tag-list.empty::after {
      content: ' ';
      display: inline-block; }

html.is-firefox:not([dir='rtl']) .dropdown-search {
  padding: 6px 30px 6px 10px; }

html.is-firefox:not([dir='rtl']) .dropdown-list > .trigger .icon {
  top: 7.5px; }

html.is-firefox:not([dir='rtl']) .dropdown-list.datagrid-dropdown-list.is-editing .trigger .icon {
  top: 8.5px;
  margin-left: 1px; }

html.is-firefox:not([dir='rtl']) .dropdown-list.small-rowheight.datagrid-dropdown-list .trigger .icon {
  top: 7.5px;
  margin-left: 0.5px; }
  html.is-firefox:not([dir='rtl']) .dropdown-list.small-rowheight.datagrid-dropdown-list .trigger .icon.search {
    top: 1px; }

html.is-firefox:not([dir='rtl']) .dropdown-list.extra-small-rowheight.datagrid-dropdown-list .trigger .icon {
  top: 7px;
  margin-left: 0; }
  html.is-firefox:not([dir='rtl']) .dropdown-list.extra-small-rowheight.datagrid-dropdown-list .trigger .icon.search {
    top: 2px; }

html.is-firefox:not([dir='rtl']) .dropdown-list > .listoption-icon {
  top: 9px; }

html.is-firefox:not([dir='rtl']) .dropdown-list.is-ontop > .listoption-icon {
  bottom: 8px;
  top: auto; }

html.is-firefox:not([dir='rtl']) .dropdown-list.has-icons .dropdown-search {
  padding: 6px 30px 6px 36px; }

html.is-firefox:not([dir='rtl']) .dropdown-list.dropdown-short .dropdown-search {
  padding: 2px 16px 5px 5px !important; }

html.is-firefox:not([dir='rtl']) .dropdown-list.dropdown-short > .trigger .icon {
  top: 6px; }

html.is-firefox:not([dir='rtl']) .dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding: 3px 16px 2px 25px; }

html.is-firefox:not([dir='rtl']) .field-short div.dropdown,
html.is-firefox:not([dir='rtl']) .field-short div.multiselect,
html.is-firefox:not([dir='rtl']) .form-layout-compact .field div.dropdown,
html.is-firefox:not([dir='rtl']) .form-layout-compact .field div.multiselect {
  padding: 2px 16px 2px 5px; }
  html.is-firefox:not([dir='rtl']) .field-short div.dropdown + .icon,
  html.is-firefox:not([dir='rtl']) .field-short div.multiselect + .icon,
  html.is-firefox:not([dir='rtl']) .form-layout-compact .field div.dropdown + .icon,
  html.is-firefox:not([dir='rtl']) .form-layout-compact .field div.multiselect + .icon {
    top: 3px; }
  html.is-firefox:not([dir='rtl']) .field-short div.dropdown.has-tags .tag-content,
  html.is-firefox:not([dir='rtl']) .field-short div.multiselect.has-tags .tag-content,
  html.is-firefox:not([dir='rtl']) .form-layout-compact .field div.dropdown.has-tags .tag-content,
  html.is-firefox:not([dir='rtl']) .form-layout-compact .field div.multiselect.has-tags .tag-content {
    line-height: 17px; }

html.is-firefox:not([dir='rtl']) .form-layout-compact .field .dropdown.has-tags + .icon {
  height: 31px;
  top: 1px; }

html.is-firefox:not([dir='rtl']) .field .dropdown.has-tags + .icon {
  height: 35px; }

html[dir='rtl'] div.dropdown + .icon,
html[dir='rtl'] div.multiselect + .icon {
  left: 8px; }

html[dir='rtl'] div.dropdown .listoption-icon,
html[dir='rtl'] div.multiselect .listoption-icon {
  top: 10px; }

html[dir='rtl'] div.dropdown.has-tags + .icon,
html[dir='rtl'] div.multiselect.has-tags + .icon {
  top: 2px; }

html[dir='rtl'] .dropdown-list > .listoption-icon {
  top: 9px; }

html[dir='rtl'] .dropdown-list > .trigger .icon {
  margin-right: -16px; }

html[dir='rtl'] .datagrid-dropdown-list.extra-small-rowheight input {
  padding-right: 5px; }

html[dir='rtl'] .dropdown-search {
  padding: 8px 10px 7px 39px; }

html[dir='rtl'] .field-short div.dropdown,
html[dir='rtl'] .field-short div.multiselect,
html[dir='rtl'] .form-layout-compact .field div.dropdown,
html[dir='rtl'] .form-layout-compact .field div.multiselect {
  padding: 5px 5px 2px 8px; }
  html[dir='rtl'] .field-short div.dropdown + .icon,
  html[dir='rtl'] .field-short div.multiselect + .icon,
  html[dir='rtl'] .form-layout-compact .field div.dropdown + .icon,
  html[dir='rtl'] .form-layout-compact .field div.multiselect + .icon {
    left: 5px;
    top: 2px; }
  html[dir='rtl'] .field-short div.dropdown .listoption-icon,
  html[dir='rtl'] .field-short div.multiselect .listoption-icon,
  html[dir='rtl'] .form-layout-compact .field div.dropdown .listoption-icon,
  html[dir='rtl'] .form-layout-compact .field div.multiselect .listoption-icon {
    top: 5px; }

html[dir='rtl'] .field-short div.has-tags + .icon,
html[dir='rtl'] .form-layout-compact .field div.has-tags + .icon {
  left: 5px;
  top: 10px; }

html[dir='rtl'] .dropdown-list.has-icons .dropdown-search {
  padding: 8px 39px 7px 30px; }

html[dir='rtl'] .dropdown-list.dropdown-short .dropdown-search {
  padding: 2px 5px 2px 16px; }

html[dir='rtl'] .dropdown-list.dropdown-short > .trigger .icon {
  margin-right: -21px;
  right: auto;
  top: 6px; }

html[dir='rtl'] .dropdown-list.dropdown-short > .listoption-icon {
  top: 4px; }

html[dir='rtl'] .dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding: 2px 25px 2px 16px; }

html[dir='rtl'] .dropdown-list.dropdown-short.is-ontop > .trigger .icon {
  top: 8px; }

html[dir='rtl'].ie.ie11 .dropdown-list:not(.dropdown-short) > .trigger {
  margin-left: -29px; }

html[dir='rtl'].ie.ie11 .dropdown-list.dropdown-short > .trigger .icon {
  left: -5px; }

html[dir='rtl'].is-firefox .field-short div.dropdown,
html[dir='rtl'].is-firefox .field-short div.multiselect,
html[dir='rtl'].is-firefox .form-layout-compact .field div.dropdown,
html[dir='rtl'].is-firefox .form-layout-compact .field div.multiselect {
  padding: 2px 5px 2px 16px; }
  html[dir='rtl'].is-firefox .field-short div.dropdown + .icon,
  html[dir='rtl'].is-firefox .field-short div.multiselect + .icon,
  html[dir='rtl'].is-firefox .form-layout-compact .field div.dropdown + .icon,
  html[dir='rtl'].is-firefox .form-layout-compact .field div.multiselect + .icon {
    top: 3px; }
  html[dir='rtl'].is-firefox .field-short div.dropdown.has-tags + .icon,
  html[dir='rtl'].is-firefox .field-short div.multiselect.has-tags + .icon,
  html[dir='rtl'].is-firefox .form-layout-compact .field div.dropdown.has-tags + .icon,
  html[dir='rtl'].is-firefox .form-layout-compact .field div.multiselect.has-tags + .icon {
    top: 6px; }

html[dir='rtl'].is-firefox .dropdown-search {
  padding: 9px 10px 7px 32px; }

html[dir='rtl'].is-firefox .dropdown-list.dropdown-short .dropdown-search {
  padding: 3px 5px 2px 16px; }

html[dir='rtl'].is-firefox .dropdown-list.dropdown-short > .trigger .icon {
  right: 5px;
  top: 3px; }

html[dir='rtl'].is-firefox .dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding: 3px 25px 2px 21px; }

.compound-field .field-short div.dropdown + .icon,
.compound-field .field-short div.multiselect + .icon,
.compound-field .form-layout-compact .field div.dropdown + .icon,
.compound-field .form-layout-compact .field div.multiselect + .icon {
  top: -1px; }

.dropdown-list.dropdown-short > .trigger .icon.search {
  left: -1px;
  right: 0;
  top: 3px; }

html.theme-new-light div.dropdown > .listoption-icon.swatch.primary-bg-color,
html.theme-new-contrast div.dropdown > .listoption-icon.swatch.primary-bg-color, html.theme-new-light
div.multiselect > .listoption-icon.swatch.primary-bg-color,
html.theme-new-contrast
div.multiselect > .listoption-icon.swatch.primary-bg-color, html.theme-new-light
.dropdown-list > .listoption-icon.swatch.primary-bg-color,
html.theme-new-contrast
.dropdown-list > .listoption-icon.swatch.primary-bg-color, html.theme-new-light
.dropdown-list li span.swatch.primary-bg-color,
html.theme-new-contrast
.dropdown-list li span.swatch.primary-bg-color {
  border: 1px solid #BBBBBF; }

html.theme-new-dark div.dropdown > .listoption-icon.swatch.primary-bg-color, html.theme-new-dark
div.multiselect > .listoption-icon.swatch.primary-bg-color, html.theme-new-dark
.dropdown-list > .listoption-icon.swatch.primary-bg-color, html.theme-new-dark
.dropdown-list li span.swatch.primary-bg-color {
  background-color: #0072ED; }

html[dir='rtl'] .dropdown-list > .trigger {
  left: -22px;
  margin-left: unset; }

.empty-message {
  min-height: 60px;
  padding: 0 16px 5px; }
  .empty-message .empty-title {
    padding: 0 0 15px; }
    .empty-message .empty-title:not(.empty-icon) {
      padding-bottom: 20px; }
  .empty-message .empty-icon {
    padding: 25px 0; }

.empty-message-height-small .empty-message .empty-icon,
.empty-message-height-small .empty-message .empty-info,
.empty-message-height-small .empty-message .empty-actions {
  display: none !important; }

.icon-empty-state {
  color: #0072ED;
  display: inline-block;
  fill: #0072ED;
  height: 65px;
  position: relative;
  width: 65px; }
  .icon-empty-state.is-graphite {
    color: #6F6F76;
    fill: #6F6F76; }
  .icon-empty-state.is-slate {
    color: #6F6F76;
    fill: #6F6F76; }

.icon-empty-offset-color {
  opacity: 0.4; }

.icon-empty-center-color {
  color: #ffffff; }

.space-icons svg {
  margin-right: 20px; }

.datagrid-container .empty-message-container {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%; }

.datagrid-container.has-filterable-columns .empty-message {
  top: calc(50% + 32px) !important; }

.datagrid-container .empty-message {
  position: absolute;
  top: calc(50% + 20px);
  transform: translate(0, -50%);
  width: inherit; }
  .datagrid-container .empty-message button {
    pointer-events: initial; }

.ie11 .datagrid-container .empty-message-container {
  left: 0;
  top: 0; }

.icon-empty-state {
  fill: transparent !important;
  height: 80px;
  width: 80px; }
  .icon-empty-state.is-graphite {
    color: #6F6F76;
    fill: transparent !important; }
  .icon-empty-state.is-slate {
    color: #6F6F76;
    fill: transparent !important; }
  .icon-empty-state.icon-empty-state-lg {
    height: 150px;
    width: 150px; }
  .icon-empty-state.icon-empty-state-xl {
    height: 300px;
    width: 300px; }
  .icon-empty-state.icon-empty-state-xxl {
    height: 500px;
    width: 500px; }

.card-empty-title,
.widget-empty-title,
.empty-title {
  font-size: 2rem;
  font-weight: 600;
  margin-top: -5px;
  padding: 0 0 10px; }

.card-empty-info,
.widget-empty-info,
.empty-info {
  color: #6F6F76;
  font-size: 1.6rem;
  padding: 0 20px 20px; }

.theme-new-dark .card-empty-info,
.theme-new-dark .widget-empty-info,
.theme-new-dark .empty-info,
.theme-new-dark .card-empty-title,
.theme-new-dark .widget-empty-title,
.theme-new-dark .empty-title {
  color: #fff; }

.empty-title,
.card-empty-title {
  color: #525257; }

.empty-icon,
.card-empty-icon {
  padding-bottom: 8px; }

.error-page {
  background-color: #C5C5C9; }

.error-page-context {
  text-align: center; }
  .error-page-context .error-page-content {
    background-color: #ffffff;
    border: 1px solid #C5C5C9;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: inline-block;
    left: 50%;
    min-height: 380px;
    padding: 50px 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
    .error-page-context .error-page-content .error-page-icon {
      padding: 25px 0; }
    .error-page-context .error-page-content .error-page-title {
      font-size: 24px;
      font-size: 2.4rem;
      color: #6F6F76;
      font-weight: 600;
      margin: 0 15px;
      max-width: 300px;
      padding-bottom: 20px; }
    .error-page-context .error-page-content .error-page-info {
      font-size: 16px;
      font-size: 1.6rem;
      color: #BBBBBF;
      margin: 0 15px 20px;
      max-width: 300px; }

.error-page-title,
.error-page-info {
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: normal;
  text-align: center; }

.error-page-message .error-page-title {
  color: #6F6F76; }

.expandable-area .expandable-header {
  border-top: 1px solid #C5C5C9;
  position: relative; }
  .expandable-area .expandable-header:first-child {
    padding-top: 30px; }
  .expandable-area .expandable-header > * {
    vertical-align: top; }
  .expandable-area .expandable-header[aria-expanded='true'] + .expandable-pane {
    display: block;
    height: auto; }
  .expandable-area .expandable-header .icon {
    height: 15px;
    left: 5px;
    top: 0;
    width: 18px; }

.expandable-area .expandable-pane {
  font-size: 1.6rem;
  height: 0;
  overflow: hidden;
  width: 100%; }
  .expandable-area .expandable-pane > .content {
    padding: 25px 0 0; }
    .expandable-area .expandable-pane > .content .column {
      margin-left: 0;
      padding-left: 0; }
    .expandable-area .expandable-pane > .content p {
      margin-bottom: 15px; }
  .expandable-area .expandable-pane .row:last-child {
    margin-bottom: 0; }
  .expandable-area .expandable-pane .side-padding .column:first-child,
  .expandable-area .expandable-pane .side-padding .columns:first-child {
    padding-left: 20px; }
  .expandable-area .expandable-pane .columns {
    margin-left: 0;
    padding: 0; }
  .expandable-area .expandable-pane .summary-form .field:last-child {
    margin-bottom: 20px; }

.expandable-area .expandable-visible-pane > .content {
  margin-top: 25px; }
  .expandable-area .expandable-visible-pane > .content .column:first-child {
    margin-left: 0;
    padding-left: 0; }
  .expandable-area .expandable-visible-pane > .content .field:last-child .dropdown-wrapper:last-child,
  .expandable-area .expandable-visible-pane > .content .field:last-child input:last-child {
    margin-bottom: 0; }

.expandable-area .expandable-visible-pane .row:last-child {
  margin-bottom: 0; }

.expandable-area .expandable-visible-pane .columns {
  margin-left: 0; }

.expandable-area .expandable-visible-pane + .expandable-pane > .content {
  padding-top: 0; }

.expandable-area .expandable-footer {
  margin-bottom: 26px;
  margin-top: 4px; }

.expandable-area:first-child .expandable-header {
  border-top-color: transparent; }

.expandable-area:last-child .expandable-footer {
  border-bottom: 1px solid #C5C5C9;
  padding-bottom: 26px; }

.expandable-area .title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #161618; }

.expandable-area .switch {
  margin: 12px 4px; }
  .expandable-area .switch:first-child {
    margin-top: 15px; }

.expandable-area .expandable-area .expandable-header {
  padding-top: 10px; }

.expandable-area.has-bottom-border {
  border-bottom: 1px solid #C5C5C9;
  margin-top: -5px; }
  .expandable-area.has-bottom-border .row:last-child {
    margin-bottom: 15px; }

.expandable-area-trigger .icon {
  margin-left: 2px !important;
  width: 16px; }

.expandable-area-trigger .icon-opened {
  display: none; }

.expandable-area-trigger.active .icon-closed {
  display: none; }

.expandable-area-trigger.active .icon-opened {
  display: inline-block; }

@media (min-width: 0) and (max-width: 967px) {
  .expandable-area.has-bottom-border .row .column:not(:first-child) {
    margin-top: 0; }
  .expandable-pane .row .column:not(:first-child) {
    margin-top: 20px; }
  .expandable-pane .row.no-top-margins .column:not(:first-child) {
    margin-top: 0; }
  .expandable-pane > .content {
    padding: 25px 0 15px !important; }
  .expandable-pane .compound-field:last-child input:last-child {
    margin-bottom: 20px !important; } }

.field.fieldfilter-wrapper,
.field-short.fieldfilter-wrapper {
  white-space: nowrap; }
  .field.fieldfilter-wrapper div:first-of-type,
  .field-short.fieldfilter-wrapper div:first-of-type {
    margin-right: -1px;
    vertical-align: top; }
    .field.fieldfilter-wrapper div:first-of-type div.dropdown,
    .field-short.fieldfilter-wrapper div:first-of-type div.dropdown {
      border-radius: 2px 0 0 2px;
      border-right-color: transparent;
      text-overflow: inherit;
      width: 55px; }
      .field.fieldfilter-wrapper div:first-of-type div.dropdown span,
      .field-short.fieldfilter-wrapper div:first-of-type div.dropdown span {
        position: static;
        width: 1px; }
      .field.fieldfilter-wrapper div:first-of-type div.dropdown > .listoption-icon,
      .field-short.fieldfilter-wrapper div:first-of-type div.dropdown > .listoption-icon {
        height: 14px; }
      .field.fieldfilter-wrapper div:first-of-type div.dropdown.is-open + .ffdropdown-icon,
      .field-short.fieldfilter-wrapper div:first-of-type div.dropdown.is-open + .ffdropdown-icon {
        opacity: 0; }
  .field.fieldfilter-wrapper .icon-dirty,
  .field-short.fieldfilter-wrapper .icon-dirty {
    left: 57px; }
  .field.fieldfilter-wrapper .icon-success,
  .field-short.fieldfilter-wrapper .icon-success {
    vertical-align: top; }
  .field.fieldfilter-wrapper .field-filter,
  .field-short.fieldfilter-wrapper .field-filter {
    border-radius: 0 2px 2px 0;
    max-width: 300px;
    width: calc(300px - 55px); }
    .field.fieldfilter-wrapper .field-filter.timepicker, .field.fieldfilter-wrapper .field-filter.datepicker,
    .field-short.fieldfilter-wrapper .field-filter.timepicker,
    .field-short.fieldfilter-wrapper .field-filter.datepicker {
      width: calc(150px - 55px); }
    .field.fieldfilter-wrapper .field-filter.input-xs,
    .field-short.fieldfilter-wrapper .field-filter.input-xs {
      width: calc(75px - 55px); }
    .field.fieldfilter-wrapper .field-filter.input-sm,
    .field-short.fieldfilter-wrapper .field-filter.input-sm {
      width: calc(150px - 55px); }
    .field.fieldfilter-wrapper .field-filter.input-mm,
    .field-short.fieldfilter-wrapper .field-filter.input-mm {
      width: calc(225px - 55px); }
    .field.fieldfilter-wrapper .field-filter.input-md,
    .field-short.fieldfilter-wrapper .field-filter.input-md {
      width: calc(300px - 55px); }
    .field.fieldfilter-wrapper .field-filter.input-lg,
    .field-short.fieldfilter-wrapper .field-filter.input-lg {
      width: calc(400px - 55px); }
    .field.fieldfilter-wrapper .field-filter.input-full,
    .field-short.fieldfilter-wrapper .field-filter.input-full {
      width: calc(100% - 55px); }
  .field.fieldfilter-wrapper .dropdown-xs,
  .field-short.fieldfilter-wrapper .dropdown-xs {
    width: calc(75px - 55px); }
  .field.fieldfilter-wrapper .dropdown-sm,
  .field-short.fieldfilter-wrapper .dropdown-sm {
    width: calc(150px - 55px); }
  .field.fieldfilter-wrapper .dropdown-mm,
  .field-short.fieldfilter-wrapper .dropdown-mm {
    width: calc(225px - 55px); }
  .field.fieldfilter-wrapper .dropdown-md,
  .field-short.fieldfilter-wrapper .dropdown-md {
    width: calc(300px - 55px);
    border-radius: 0 2px 2px 0; }
  .field.fieldfilter-wrapper .dropdown-lg,
  .field-short.fieldfilter-wrapper .dropdown-lg {
    width: calc(400px - 55px); }
  .field.fieldfilter-wrapper .dropdown-full,
  .field-short.fieldfilter-wrapper .dropdown-full {
    width: calc(100% - 55px); }

.field-short.fieldfilter-wrapper div:first-of-type div.dropdown,
.form-layout-compact .field.fieldfilter-wrapper div:first-of-type div.dropdown {
  width: 45px; }

.dropdown-list.ffdropdown .dropdown-search {
  opacity: 0;
  padding-left: 23px;
  width: 0; }

.dropdown-list.ffdropdown > .listoption-icon {
  display: none; }

.dropdown-list.ffdropdown .listoption-icon {
  height: 14px; }

.is-firefox .field.fieldfilter-wrapper div:first-of-type,
.is-firefox .field-short.fieldfilter-wrapper div:first-of-type {
  height: 34px; }

.ios .dropdown-list.ffdropdown .dropdown-search {
  width: 100%; }

html[dir='rtl'] .field.fieldfilter-wrapper div:first-of-type,
html[dir='rtl'] .field-short.fieldfilter-wrapper div:first-of-type {
  margin-left: -1px;
  margin-right: inherit; }
  html[dir='rtl'] .field.fieldfilter-wrapper div:first-of-type div.dropdown,
  html[dir='rtl'] .field-short.fieldfilter-wrapper div:first-of-type div.dropdown {
    border-left-color: transparent;
    border-radius: 0 2px 2px 0;
    border-right-color: #BBBBBF;
    padding-top: 8px; }

html[dir='rtl'] .field.fieldfilter-wrapper .field-filter,
html[dir='rtl'] .field-short.fieldfilter-wrapper .field-filter {
  border-radius: 2px 0 0 2px; }

html[dir='rtl'] .dropdown-list.ffdropdown .dropdown-search {
  padding-left: inherit;
  padding-right: 23px; }

html[dir='rtl'] .dropdown-list.ffdropdown > .trigger {
  margin-left: inherit;
  margin-right: 26px; }

@media (max-width: 767px) {
  .field.fieldfilter-wrapper .field-filter.input-md,
  .field.fieldfilter-wrapper .field-filter.colorpicker-input-md,
  .field.fieldfilter-wrapper select.field-filter.dropdown + .dropdown-wrapper {
    width: calc(300px - 75px); }
  .field-short.fieldfilter-wrapper .field-filter.input-md,
  .field-short.fieldfilter-wrapper .field-filter.colorpicker-input-md,
  .field-short.fieldfilter-wrapper select.field-filter.dropdown + .dropdown-wrapper {
    width: calc(300px - 75px); } }

.field-short.fieldfilter-wrapper div:first-of-type div.dropdown {
  border-right-color: unset; }

.field.fieldfilter-wrapper div:first-of-type {
  margin-right: auto; }

.field.fieldfilter-wrapper select.field-filter + .dropdown-wrapper div.dropdown {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.field.fieldfilter-wrapper div.dropdown-wrapper .dropdown:not(.dropdown-md):hover {
  transition: 0.3s;
  border-right: transparent; }

.field.fieldfilter-wrapper div.dropdown-wrapper .dropdown:not(.dropdown-md):focus {
  border-right: transparent; }

.field.fieldfilter-wrapper div.dropdown-wrapper:hover + input {
  border-left: 1px solid #161618; }

.field.fieldfilter-wrapper div.dropdown-wrapper:focus-within + input {
  border-left: 1px solid #0072ED; }

.field-short.fieldfilter-wrapper .field-filter {
  position: relative;
  z-index: 2; }

.field-short.fieldfilter-wrapper div.dropdown:focus {
  position: relative;
  z-index: 3; }

.field-short.fieldfilter-wrapper div.dropdown > .listoption-icon {
  left: 1px;
  position: relative;
  top: -1.5px; }

.field-short .icon,
.field-short span.trigger,
.field-short button.trigger {
  z-index: 2; }

.field-short div.dropdown + .icon {
  z-index: 3; }

.field-short div.dropdown:hover:not([disabled]):not(.is-disabled):not(.is-readonly):not(.error) {
  position: relative;
  z-index: 3; }

.is-firefox .field.fieldfilter-wrapper div:first-of-type,
.is-firefox .field-short.fieldfilter-wrapper div:first-of-type {
  height: 38px; }

.is-firefox .field-short.fieldfilter-wrapper .dropdown-wrapper .dropdown .listoption-icon {
  top: 0; }

.is-firefox .dropdown-list.ffdropdown > .trigger {
  margin-left: -40px; }
  .is-firefox .dropdown-list.ffdropdown > .trigger .icon {
    left: 2px !important; }

.is-firefox .dropdown-list.ffdropdown.is-ontop > .trigger .icon {
  top: 11px !important; }

.is-firefox .dropdown-list.ffdropdown.dropdown-short > .trigger {
  margin-left: 0; }
  .is-firefox .dropdown-list.ffdropdown.dropdown-short > .trigger .icon {
    top: 6px; }

.is-firefox:not(.is-mac) .dropdown-list.ffdropdown.is-ontop > .trigger .icon {
  top: 6px !important; }

.is-safari .dropdown-list.ffdropdown {
  width: 288px; }
  .is-safari .dropdown-list.ffdropdown > .trigger .icon {
    top: 8.5px !important; }
  .is-safari .dropdown-list.ffdropdown.is-ontop > .trigger .icon {
    top: 12px !important; }
  .is-safari .dropdown-list.ffdropdown.dropdown-short > .trigger .icon {
    top: 6px !important;
    left: -36px; }

.ie.ie11 .dropdown-list.ffdropdown .listoption-icon {
  top: inherit; }

.field-options {
  max-width: 260px;
  text-overflow: ellipsis;
  white-space: normal;
  width: calc(100% - 40px); }
  .field-options.input-xs {
    max-width: 75px; }
  .field-options.input-sm {
    max-width: 150px; }
  .field-options.input-lg {
    max-width: 400px; }
  .field-options.input-full {
    max-width: calc(100% - 40px); }
  .field-options ~ .icon-success {
    right: 40px; }
  .field-options ~ .btn-actions {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 2px 2px 0 0;
    clip-path: inset(0 0 0 0);
    height: 22px;
    left: -10px;
    line-height: normal;
    min-height: 0;
    min-width: 0;
    opacity: 0;
    overflow: hidden;
    top: -1px;
    width: 3.8rem; }
    .field-options ~ .btn-actions:hover {
      opacity: 1; }
    .field-options ~ .btn-actions.is-active {
      border-color: #0072ED;
      opacity: 1; }
    .field-options ~ .btn-actions:focus, .field-options ~ .btn-actions:active {
      color: transparent;
      text-shadow: 0 0 0 #000000; }
    .field-options ~ .btn-actions:focus:not(.hide-focus) {
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
      .field-options ~ .btn-actions:focus:not(.hide-focus) .icon {
        color: #0072ED; }
  .field-options ~ a.btn-actions {
    display: inline;
    padding: 0 5px; }
  .field-options.visible ~ .btn-actions {
    opacity: 1; }
  .field-options.searchfield {
    width: calc(100% - 40px) !important; }
    .field-options.searchfield ~ .icon.close {
      opacity: 1;
      right: 44px; }
      .field-options.searchfield ~ .icon.close.is-empty {
        display: block;
        opacity: 0; }
  .field-options[data-clearable='true'] ~ .btn-actions {
    left: -2px; }
  .field-options[data-clearable='true'] ~ .is-empty ~ .btn-actions {
    left: -10px; }
  .field-options.autocomplete:not(:focus) {
    box-shadow: 0 0 4px 3px transparent; }
  .field-options.checkbox ~ .btn-actions {
    left: -5px; }
  .field-options.dropdown ~ .btn-actions, .field-options.multiselect ~ .btn-actions {
    top: 2px; }
  .field-options.fileupload ~ .trigger-close:not(.is-visible) ~ .btn-actions {
    left: -10px; }
  .field-options.fileupload ~ .trigger-close.is-visible ~ .btn-actions {
    left: 18px; }
  .field-options.spinbox {
    width: 84px; }
  .field-options.textarea {
    max-width: 362px; }
    .field-options.textarea ~ .btn-actions {
      left: auto;
      margin-left: -7px;
      position: absolute;
      top: calc(50% - 6px); }
  .field-options.timepicker, .field-options.datepicker {
    width: 150px; }
    .field-options.timepicker.input-xs, .field-options.datepicker.input-xs {
      max-width: 75px;
      width: calc(100% - 40px); }
    .field-options.timepicker.input-sm, .field-options.datepicker.input-sm {
      max-width: 150px;
      width: calc(100% - 40px); }
    .field-options.timepicker.input-mm, .field-options.datepicker.input-mm {
      max-width: 225px;
      width: calc(100% - 40px); }
    .field-options.timepicker.input-md, .field-options.datepicker.input-md {
      max-width: 300px;
      width: calc(100% - 40px); }
    .field-options.timepicker.input-lg, .field-options.datepicker.input-lg {
      max-width: 400px;
      width: calc(100% - 40px); }
    .field-options.timepicker.input-full, .field-options.datepicker.input-full {
      max-width: calc(100% - 40px);
      width: calc(100% - 40px); }
    .field-options.timepicker ~ a.btn-actions, .field-options.datepicker ~ a.btn-actions {
      display: inline;
      padding: 0 5px; }

.field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border-radius: 2px 2px 0 0;
  clip-path: inset(0 0 0 0);
  height: 22px;
  left: -10px;
  line-height: normal;
  min-height: 0;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  top: -1px;
  width: 3.8rem; }
  .field.is-fieldoptions .btn-actions:not(.is-checkbox):hover {
    opacity: 1; }
  .field.is-fieldoptions .btn-actions:not(.is-checkbox).is-active {
    border-color: #0072ED;
    opacity: 1; }
  .field.is-fieldoptions .btn-actions:not(.is-checkbox):focus, .field.is-fieldoptions .btn-actions:not(.is-checkbox):active {
    color: transparent;
    text-shadow: 0 0 0 #000000; }
  .field.is-fieldoptions .btn-actions:not(.is-checkbox):focus:not(.hide-focus) {
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .field.is-fieldoptions .btn-actions:not(.is-checkbox):focus:not(.hide-focus) .icon {
      color: #0072ED; }

.field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -10px;
  top: -10px;
  width: 3.8rem; }

.field.is-fieldoptions .dropdown ~ .btn-actions,
.field.is-fieldoptions .multiselect ~ .btn-actions {
  top: 1px; }

.field.is-fieldoptions.field-checkbox {
  margin-bottom: 7px; }
  .field.is-fieldoptions.field-checkbox .checkbox-label {
    line-height: 16px; }

.field.is-fieldoptions .lookup-wrapper {
  width: 100%; }
  .field.is-fieldoptions .lookup-wrapper .btn-actions {
    left: -7px; }

.field.is-fieldoptions .dropdown,
.field.is-fieldoptions .multiselect {
  max-width: 260px; }

.field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper),
.field.is-fieldoptions .searchfield-wrapper {
  box-shadow: none; }
  .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-actions,
  .field.is-fieldoptions .searchfield-wrapper .btn-actions {
    left: -7px;
    top: -1px; }
  .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-icon.close:not(.is-empty),
  .field.is-fieldoptions .searchfield-wrapper .btn-icon.close:not(.is-empty) {
    right: 45px; }

.field.is-fieldoptions .spinbox-wrapper {
  box-shadow: none; }
  .field.is-fieldoptions .spinbox-wrapper .btn-actions {
    left: -7px;
    top: 0; }

.field.is-fieldoptions .textarea {
  width: 260px; }
  .field.is-fieldoptions .textarea ~ .btn-actions {
    left: auto;
    top: calc(50% - 6px); }

.field.is-fieldoptions .field-options ~ .close ~ .btn-actions,
.field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 0; }

.field.is-fieldoptions .field-options ~ .close ~ .icon ~ .btn-actions {
  top: -1px; }

.field.is-fieldoptions [data-clearable='true'] ~ .btn-icon {
  top: 0;
  transform: none; }
  .field.is-fieldoptions [data-clearable='true'] ~ .btn-icon:not(.is-empty) ~ .btn-actions {
    left: -34px; }

.field.is-fieldoptions [data-clearable='true'] ~ .btn-actions {
  left: -10px; }

.field.is-fieldoptions [data-clearable='true'] ~ .icon.close.is-empty ~ .btn-actions {
  left: -10px; }

.field.is-fieldoptions.is-disabled .btn-actions:not(.is-checkbox) {
  display: none; }

.field-short.is-fieldoptions .btn-actions:not(.is-checkbox),
.form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  left: -2px;
  top: 2px;
  width: 2.8rem; }
  .field-short.is-fieldoptions .btn-actions:not(.is-checkbox) .icon,
  .form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox) .icon {
    margin-left: -1px; }

.field-short.is-fieldoptions .dropdown ~ .btn-actions,
.field-short.is-fieldoptions .multiselect ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .dropdown ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .multiselect ~ .btn-actions {
  top: 1px; }

.field-short.is-fieldoptions .lookup-wrapper input[type='text'].lookup.field-options ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .lookup-wrapper input[type='text'].lookup.field-options ~ .btn-actions {
  top: 2px; }

.field-short.is-fieldoptions input[type='text'][data-clearable='true'] ~ .btn-icon.close ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions input[type='text'][data-clearable='true'] ~ .btn-icon.close ~ .btn-actions {
  top: 1px; }

.field-short.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload),
.form-layout-compact .field.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload) {
  padding: 0 22px 0 5px; }
  .field-short.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload) ~ .btn-actions,
  .form-layout-compact .field.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload) ~ .btn-actions {
    top: 2px; }
  .field-short.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload)[data-clearable='true'] ~ .btn-icon:not(.is-empty),
  .form-layout-compact .field.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload)[data-clearable='true'] ~ .btn-icon:not(.is-empty) {
    right: 25px;
    top: 1px; }
    .field-short.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload)[data-clearable='true'] ~ .btn-icon:not(.is-empty) ~ .btn-actions,
    .form-layout-compact .field.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload)[data-clearable='true'] ~ .btn-icon:not(.is-empty) ~ .btn-actions {
      left: -26px; }

.field-short.is-fieldoptions .colorpicker-container ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -2px;
  top: -5px;
  width: 2.8rem; }

.field-short.is-fieldoptions .spinbox-wrapper,
.form-layout-compact .field.is-fieldoptions .spinbox-wrapper {
  box-shadow: none; }
  .field-short.is-fieldoptions .spinbox-wrapper .btn-actions,
  .form-layout-compact .field.is-fieldoptions .spinbox-wrapper .btn-actions {
    top: 6px; }

.field-short.is-fieldoptions .field-options ~ .close ~ .icon ~ .btn-actions,
.field-short.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .field-options ~ .close ~ .icon ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 1px; }

.field-short.is-fieldoptions .fileupload ~ .trigger-close:not(.is-visible) ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .fileupload ~ .trigger-close:not(.is-visible) ~ .btn-actions {
  left: -2px !important; }

.field-short.is-fieldoptions .fileupload ~ .trigger-close.is-visible ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .fileupload ~ .trigger-close.is-visible ~ .btn-actions {
  left: 27px !important; }

.field-short.is-fieldoptions [data-clearable='true'] ~ .icon.close.is-empty ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions [data-clearable='true'] ~ .icon.close.is-empty ~ .btn-actions {
  left: -3px; }

.field-short.is-fieldoptions [data-clearable='true'] + .icon.close,
.form-layout-compact .field.is-fieldoptions [data-clearable='true'] + .icon.close {
  margin-left: -24px;
  top: -4px; }
  .field-short.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions,
  .form-layout-compact .field.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions {
    left: -1px; }

.field-short.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-icon.close,
.field-short.is-fieldoptions .searchfield-wrapper .btn-icon.close,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-icon.close,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper .btn-icon.close {
  height: 26px;
  right: 41px;
  top: 0; }

.field-short.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-actions,
.field-short.is-fieldoptions .searchfield-wrapper .btn-actions,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-actions,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper .btn-actions {
  left: -2px;
  top: 1px; }

.field-short.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .searchfield,
.field-short.is-fieldoptions .searchfield-wrapper .searchfield,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .searchfield,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper .searchfield {
  padding-left: 25px; }

.field-short.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) > .icon:not(.close):not(.icon-error),
.field-short.is-fieldoptions .searchfield-wrapper > .icon:not(.close):not(.icon-error),
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) > .icon:not(.close):not(.icon-error),
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
  left: 4px;
  top: 14px; }

.field-short.is-fieldoptions .searchfield-wrapper > .icon.close,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper > .icon.close {
  right: 43px;
  top: 6px; }

.field-short.is-fieldoptions .textarea ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .textarea ~ .btn-actions {
  left: auto;
  margin-left: -1px;
  top: calc(50% - 2px); }

.form-layout-compact .radio-group .btn-actions {
  left: -10px; }

.form-layout-compact .radio-group.is-fieldoptions {
  margin-bottom: 12px; }
  .form-layout-compact .radio-group.is-fieldoptions .field-options {
    padding: 0 !important; }
  .form-layout-compact .radio-group.is-fieldoptions .radio-label {
    margin: 0 !important; }

.form-layout-compact .field.is-fieldoptions.field-checkbox {
  margin-bottom: -8px; }

.form-layout-compact .field-options.checkbox ~ .btn-actions {
  border-radius: 2px;
  height: 8px !important;
  left: 1px;
  padding: 0;
  top: 0;
  width: 25px; }

.form-layout-compact .compound-field .field.is-fieldoptions:first-child input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  left: -3px;
  top: 1px; }

.form-layout-compact .compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  top: 1px; }

.compound-field .field.is-fieldoptions:first-child input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  left: -11px; }

.compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  top: 0; }

.summary-form .data.field-options {
  border: solid 1px transparent;
  display: inline-block;
  height: auto;
  line-height: 16px;
  margin-bottom: -4px;
  margin-left: -5px;
  max-width: 100%;
  outline: 0;
  padding: 0 5px;
  white-space: normal;
  width: calc(100% - 46px); }
  .summary-form .data.field-options.is-singleline {
    margin-bottom: -5px;
    margin-top: -9px;
    padding-bottom: 9px;
    padding-top: 6px; }
  .summary-form .data.field-options:focus, .summary-form .data.field-options:active {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  .summary-form .data.field-options ~ .btn-actions {
    left: -9px; }

.radio-group .field-options {
  border: solid 1px transparent;
  display: inline-block;
  max-width: 100%;
  outline: 0;
  padding: 0 5px;
  width: auto; }

.radio-group .btn-actions {
  left: -11px; }
  .radio-group .btn-actions .icon {
    width: 16px; }

.radio-group.is-active .field-options {
  border-color: #0072ED; }
  .radio-group.is-active .field-options.is-focused {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }

.radio-group.visible .btn-actions {
  opacity: 1; }

.field.visible .btn-actions {
  opacity: 1; }

.field.visible.is-fieldoptions .btn-actions {
  opacity: 1; }

.field.is-active div.dropdown:not(.is-open),
.field.is-active .field-options:not([disabled]):not(.colorpicker):not(.spinbox) {
  border-color: #0072ED; }

.field.is-active .colorpicker-container {
  border-color: #0072ED; }

.field.is-active .spinbox-wrapper > .spinbox,
.field.is-active .spinbox-wrapper > .spinbox-control {
  border-color: #0072ED; }

.field.is-active .spinbox-wrapper.is-focused .down {
  box-shadow: -3px 0 3px 0 rgba(54, 138, 192, 0.1), 0 3px 3px 0 rgba(54, 138, 192, 0.1), 0 -3px 3px 0 rgba(54, 138, 192, 0.1); }

.field.is-active .spinbox-wrapper.is-focused .spinbox {
  box-shadow: 0 3px 3px 0 rgba(54, 138, 192, 0.1), 0 -3px 3px 0 rgba(54, 138, 192, 0.1) !important; }

.field.is-active .spinbox-wrapper.is-focused .up {
  box-shadow: 3px 0 3px 0 rgba(54, 138, 192, 0.1), 0 3px 3px 0 rgba(54, 138, 192, 0.1), 0 -3px 3px 0 rgba(54, 138, 192, 0.1); }

.field.is-active .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .field-options.searchfield {
  box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }

.field.is-active .btn-actions {
  border-color: #0072ED;
  opacity: 1; }

.is-firefox .field-options ~ .btn-actions {
  color: transparent;
  text-shadow: 0 0 0 #000000; }

.is-firefox .field.is-fieldoptions .field-options ~ .btn-actions:not(.is-checkbox) {
  top: auto; }

.is-firefox .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  top: -9px; }

.is-firefox .field.is-fieldoptions .dropdown ~ .btn-actions:not(.is-checkbox),
.is-firefox .field.is-fieldoptions .multiselect ~ .btn-actions:not(.is-checkbox) {
  top: 1px; }

.is-firefox .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions:not(.is-checkbox),
.is-firefox .field.is-fieldoptions .field-options ~ .close ~ .btn-actions:not(.is-checkbox) {
  top: -1px; }

.is-firefox .field.is-fieldoptions .textarea ~ .btn-actions:not(.is-checkbox) {
  top: calc(50% - 6px) !important; }

.is-firefox .field-short.is-fieldoptions .field-options ~ .btn-actions:not(.is-checkbox),
.is-firefox .form-layout-compact .field.is-fieldoptions .field-options ~ .btn-actions:not(.is-checkbox) {
  top: 0; }

.is-firefox .field-short.is-fieldoptions .field-options.dropdown ~ .btn-actions,
.is-firefox .field-short.is-fieldoptions .field-options.multiselect ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .field-options.dropdown ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .field-options.multiselect ~ .btn-actions {
  top: 1px !important; }

.is-firefox .field-short.is-fieldoptions .field-options ~ .btn-actions:not(.is-checkbox) .icon,
.is-firefox .form-layout-compact .field.is-fieldoptions .field-options ~ .btn-actions:not(.is-checkbox) .icon {
  margin-left: -1px;
  margin-top: -5px; }

.is-firefox .field-short.is-fieldoptions .spinbox-wrapper .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  top: 5px !important; }

.is-firefox .field-short.is-fieldoptions .colorpicker-container ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  top: -8px; }

.is-firefox .field-short.is-fieldoptions .searchfield-wrapper .field-options.searchfield ~ .btn-icon.close ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .searchfield-wrapper .field-options.searchfield ~ .btn-icon.close ~ .btn-actions {
  top: 0 !important; }

.is-firefox .field-short.is-fieldoptions .searchfield-wrapper .btn-actions,
.is-firefox .field-short.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions,
.is-firefox .field-short.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .searchfield-wrapper .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 0 !important; }

.is-firefox .field-short.is-fieldoptions.field-checkbox .btn-actions .icon:not(.icon-dropdown),
.is-firefox .form-layout-compact .field.is-fieldoptions.field-checkbox .btn-actions .icon:not(.icon-dropdown) {
  margin-left: 1px;
  margin-top: -2px; }

.is-firefox .form-layout-compact .compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  top: 2px !important; }

.is-mac.is-firefox .field-options ~ .btn-actions {
  line-height: normal;
  width: 33px; }

.is-mac.is-firefox .field-options.dropdown ~ .btn-actions, .is-mac.is-firefox .field-options.multiselect ~ .btn-actions {
  top: 1px; }

.is-mac.is-firefox .field.is-fieldoptions .field-options ~ .close ~ .btn-actions,
.is-mac.is-firefox .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: auto; }

.is-mac.is-firefox .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -11px;
  top: -10px; }

.is-mac.is-firefox .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  left: -8px;
  width: 35px; }

.is-mac.is-firefox .radio-group .btn-actions {
  left: -10px; }

.is-mac.is-firefox .field-short.is-fieldoptions .field-options ~ .btn-actions:not(.is-checkbox),
.is-mac.is-firefox .form-layout-compact .field.is-fieldoptions .field-options ~ .btn-actions:not(.is-checkbox) {
  top: 1px; }

.is-mac.is-firefox .field-short.is-fieldoptions button.btn-icon.close svg.close.icon,
.is-mac.is-firefox .form-layout-compact .field.is-fieldoptions button.btn-icon.close svg.close.icon {
  margin-top: 0; }

.is-mac.is-firefox .field-short.is-fieldoptions .field-options ~ .close ~ .btn-actions,
.is-mac.is-firefox .field-short.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions,
.is-mac.is-firefox .form-layout-compact .field.is-fieldoptions .field-options ~ .close ~ .btn-actions,
.is-mac.is-firefox .form-layout-compact .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 2px !important; }

.is-mac.is-firefox .field-short.is-fieldoptions .lookup-wrapper .btn-actions,
.is-mac.is-firefox .form-layout-compact .field.is-fieldoptions .lookup-wrapper .btn-actions {
  left: -2px; }

.is-mac.is-firefox .field-short.is-fieldoptions .spinbox-wrapper .btn-actions,
.is-mac.is-firefox .form-layout-compact .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  left: -1px;
  top: 5px !important;
  width: 25px; }

.is-mac.is-firefox .field-short.is-fieldoptions .colorpicker-container ~ .btn-actions,
.is-mac.is-firefox .form-layout-compact .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -2px;
  top: -5px; }

.is-safari .field-options.timepicker ~ .btn-actions, .is-safari .field-options.datepicker ~ .btn-actions {
  left: -7px; }

.is-safari .field.is-fieldoptions .field-options ~ .close ~ .btn-actions,
.is-safari .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: -1px; }

.is-safari .field.is-fieldoptions .dropdown ~ .btn-actions,
.is-safari .field.is-fieldoptions .multiselect ~ .btn-actions {
  top: 0; }

.is-safari .radio-group .btn-actions {
  left: -10px; }

.is-safari .summary-form .data.field-options ~ .btn-actions {
  left: -10px; }

.is-safari .form-layout-compact .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  top: -5px; }

.is-safari .form-layout-compact .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  top: 1px; }

.is-safari .form-layout-compact .field.is-fieldoptions .lookup-wrapper input[type='text'].lookup.field-options ~ .btn-actions {
  top: 1px !important; }

.is-safari .form-layout-compact .field.is-fieldoptions .field-options.textarea ~ .btn-actions {
  left: 260px; }

.is-safari .form-layout-compact .field.is-fieldoptions .dropdown ~ .btn-actions,
.is-safari .form-layout-compact .field.is-fieldoptions .multiselect ~ .btn-actions {
  top: 1px; }

.is-safari .form-layout-compact .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  top: 5px !important; }

.is-safari .compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  top: -1px; }

.ie .field.is-fieldoptions .dropdown ~ .btn-actions:not(.is-checkbox),
.ie .field.is-fieldoptions .multiselect ~ .btn-actions:not(.is-checkbox) {
  top: 1px; }

.ie .field.is-fieldoptions .textarea ~ .btn-actions:not(.is-checkbox) {
  top: calc(50% - 6px); }

.ie .field-options.multiselect ~ .btn-actions {
  top: 1px; }

.ie .radio-group .btn-actions {
  left: -10px; }

.ie .field-short.is-fieldoptions .datepicker ~ .btn-actions:not(.is-checkbox),
.ie .field-short.is-fieldoptions .timepicker ~ .btn-actions:not(.is-checkbox),
.ie .field-short.is-fieldoptions .lookup ~ .btn-actions:not(.is-checkbox),
.ie .field-short.is-fieldoptions .field-options ~ .close ~ .btn-actions:not(.is-checkbox),
.ie .form-layout-compact .field.is-fieldoptions .datepicker ~ .btn-actions:not(.is-checkbox),
.ie .form-layout-compact .field.is-fieldoptions .timepicker ~ .btn-actions:not(.is-checkbox),
.ie .form-layout-compact .field.is-fieldoptions .lookup ~ .btn-actions:not(.is-checkbox),
.ie .form-layout-compact .field.is-fieldoptions .field-options ~ .close ~ .btn-actions:not(.is-checkbox) {
  top: 1px; }

.ie11 .field.is-fieldoptions .timepicker ~ .btn-actions:not(.is-checkbox) {
  top: auto; }

.ie11 .field-options.textarea ~ .btn-actions {
  margin-left: -9px; }

.ie11 .field-short.is-fieldoptions .spinbox-wrapper .btn-actions,
.ie11 .form-layout-compact .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  top: 5px; }

html[dir='rtl'] .field-options ~ .icon-success {
  left: 40px;
  right: auto; }

html[dir='rtl'] .field-options ~ .btn-actions {
  border-radius: 0 0 2px 2px;
  left: auto;
  right: -9px; }

html[dir='rtl'] .field-options.dropdown ~ .btn-actions, html[dir='rtl'] .field-options.multiselect ~ .btn-actions {
  right: -10px;
  width: 35px; }

html[dir='rtl'] .field-options.textarea ~ .btn-actions {
  left: 0;
  margin-left: inherit;
  margin-right: -6px;
  right: auto; }

html[dir='rtl'] .field-options.spinbox ~ .btn-actions {
  left: auto;
  right: -7px; }

html[dir='rtl'] .field-options.searchfield ~ .icon.close {
  left: 44px;
  right: auto; }

html[dir='rtl'] .field-options.searchfield ~ .btn-actions {
  left: auto;
  right: -8px; }

html[dir='rtl'] .is-fieldoptions .btn-actions {
  left: auto;
  right: -10px; }

html[dir='rtl'] .is-fieldoptions .colorpicker-container ~ .btn-actions,
html[dir='rtl'] .is-fieldoptions .textarea ~ .btn-actions {
  border-radius: 0 0 2px 2px;
  left: auto; }

html[dir='rtl'] .is-fieldoptions .fileupload ~ .btn-actions {
  right: -16px; }

html[dir='rtl'] .is-fieldoptions .checkbox ~ .btn-actions,
html[dir='rtl'] .is-fieldoptions .lookup ~ .btn-actions {
  right: -8px; }

html[dir='rtl'] .is-fieldoptions [data-clearable='true'] ~ .btn-actions {
  left: auto;
  right: 24px; }

html[dir='rtl'] .is-fieldoptions [data-clearable='true'] ~ .icon.close.is-empty ~ .btn-actions {
  right: -11px; }

html[dir='rtl'] .is-fieldoptions .searchfield-wrapper .btn-actions {
  top: -1px; }

html[dir='rtl'] .radio-group .btn-actions {
  left: auto;
  right: -10px; }

html[dir='rtl'] .summary-form .data.field-options {
  margin-left: inherit;
  margin-right: -5px; }
  html[dir='rtl'] .summary-form .data.field-options ~ .btn-actions {
    left: auto;
    right: -10px; }

html[dir='rtl'].is-mac.is-firefox .field-options ~ .btn-actions {
  left: auto;
  right: -10px; }

html[dir='rtl'].is-mac.is-firefox .field-options.dropdown ~ .btn-actions, html[dir='rtl'].is-mac.is-firefox .field-options.multiselect ~ .btn-actions {
  left: auto;
  right: -11px; }

html[dir='rtl'].is-mac.is-firefox .field-options.fileupload ~ .btn-actions {
  left: auto;
  right: -16px; }

html[dir='rtl'].is-mac.is-firefox .field-options.fileupload ~ .trigger-close.is-visible ~ .btn-actions {
  left: auto;
  right: 20px; }

html[dir='rtl'].is-mac.is-firefox .field-options.searchfield ~ .btn-actions {
  left: auto;
  right: -6px; }

html[dir='rtl'].is-mac.is-firefox .field-options.spinbox ~ .btn-actions {
  left: auto;
  right: -8px; }

html[dir='rtl'].is-mac.is-firefox .field-options.textarea ~ .btn-actions {
  left: auto;
  right: auto; }

html[dir='rtl'].is-mac.is-firefox .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: auto;
  right: -11px; }

html[dir='rtl'].is-mac.is-firefox .field.is-fieldoptions .lookup-wrapper .btn-actions {
  left: auto;
  right: -6px; }

html[dir='rtl'].is-mac.is-firefox .radio-group .btn-actions {
  left: auto;
  right: -10px; }

html[dir='rtl'].is-safari .field-options ~ .btn-actions {
  left: auto;
  right: -10px; }

html[dir='rtl'].is-safari .field-options.fileupload ~ .btn-actions {
  left: auto;
  right: -16px; }

html[dir='rtl'].is-safari .field-options.timepicker ~ .btn-actions, html[dir='rtl'].is-safari .field-options.datepicker ~ .btn-actions {
  left: auto;
  right: -8px; }

html[dir='rtl'].is-safari .field-options.searchfield ~ .btn-actions {
  left: auto;
  right: -8px; }

html[dir='rtl'].is-safari .field-options.spinbox ~ .btn-actions {
  left: auto;
  right: -8px; }

html[dir='rtl'].is-safari .field-options.textarea ~ .btn-actions {
  left: auto;
  right: auto; }

html[dir='rtl'].is-safari .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: auto;
  right: -11px; }

html[dir='rtl'].is-safari .field.is-fieldoptions .lookup-wrapper .btn-actions {
  left: auto;
  right: -8px; }

html[dir='rtl'].is-safari .radio-group .btn-actions {
  left: auto;
  right: -10px; }

html[dir='rtl'].ie .radio-group .btn-actions {
  left: auto;
  right: -9px; }

.field-options.input-full,
.field-options.input-lg {
  max-width: calc(100% - 42px); }

.field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  left: -12px;
  top: 0;
  width: 3.8rem; }

.field.is-fieldoptions .dropdown ~ .btn-actions:not(.is-checkbox),
.field.is-fieldoptions .multiselect ~ .btn-actions:not(.is-checkbox) {
  top: 2px; }

.field.is-fieldoptions .lookup-wrapper .btn-actions:not(.is-checkbox) {
  left: -9px; }

.field.is-fieldoptions .spinbox-wrapper .btn-actions {
  left: -9px;
  width: 3.8rem; }

.field.is-fieldoptions .colorpicker-container + .btn-actions {
  left: -12px;
  top: -10px;
  width: 3.8rem; }

.field.is-fieldoptions .spinbox.field-options {
  width: 194px; }

.field.is-fieldoptions [data-clearable='true'] ~ .icon.close.is-empty ~ .btn-actions {
  left: -12px; }

.field.is-fieldoptions .field-options ~ .close ~ .icon ~ .btn-actions,
.field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 0; }

.field.is-fieldoptions .field-options ~ .close:not(.is-empty) {
  top: 0; }
  .field.is-fieldoptions .field-options ~ .close:not(.is-empty) ~ .btn-actions {
    left: -36px;
    top: 0; }

.field.is-fieldoptions .field-options ~ .close.is-empty ~ .btn-actions {
  left: -12px; }

.field.is-fieldoptions [data-clearable='true'] + .icon.close {
  left: -8px;
  margin-left: -18px !important;
  right: auto;
  top: -2px; }

.field.is-fieldoptions .searchfield-wrapper .btn-actions {
  left: -7px;
  width: 3.8rem; }

.field.is-fieldoptions .searchfield-wrapper .btn-icon.close:not(.is-empty) {
  right: 45px;
  top: 7px; }

.field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-actions,
.field.is-fieldoptions .searchfield-wrapper .btn-actions {
  left: -9px !important;
  top: 0; }

.field.is-fieldoptions .searchfield-wrapper.has-close-icon-button .searchfield ~ .icon.close {
  right: 50px;
  top: 12px; }

.field.is-fieldoptions textarea ~ .btn-actions:not(.is-checkbox) {
  left: auto;
  margin-left: -9px;
  top: calc(50% - 2px); }

.field.is-fieldoptions .fileupload ~ .trigger-close:not(.is-visible) ~ .btn-actions {
  left: -12px !important; }

.field.is-fieldoptions .fileupload ~ .trigger-close.is-visible ~ .btn-actions {
  left: 16px !important; }

.field-options.searchfield ~ .icon.close {
  right: 48px; }

.radio-group .field-options {
  margin-left: -8px; }
  .radio-group .field-options + .btn-actions {
    left: -11px !important; }

.summary-form .data.field-options {
  line-height: 20px;
  margin-bottom: -10px; }
  .summary-form .data.field-options.is-singleline {
    margin-bottom: -7px; }
  .summary-form .data.field-options ~ .btn-actions {
    left: -11px;
    line-height: 20px;
    width: 3.7rem !important; }

.compound-field .field.is-fieldoptions:first-child input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  left: -12px; }

.compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  left: -13px;
  top: 0; }

.field-options.checkbox ~ .btn-actions {
  top: 2px; }

.is-firefox .field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  width: 38px; }

.is-firefox .field.is-fieldoptions .field-options[data-clearable='true'] ~ .btn-actions:not(.is-checkbox) {
  top: 0; }

.is-firefox .field.is-fieldoptions .dropdown ~ .btn-actions:not(.is-checkbox),
.is-firefox .field.is-fieldoptions .multiselect ~ .btn-actions:not(.is-checkbox) {
  top: 2px; }

.is-firefox .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  left: -9px !important;
  width: 38px !important; }

.is-firefox .field.is-fieldoptions .searchfield-wrapper .field-options.searchfield ~ .btn-actions {
  top: auto; }

.is-firefox .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -12px !important;
  top: -10px; }

.is-firefox .field-short.is-fieldoptions .btn-actions:not(.is-checkbox),
.is-firefox .form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  top: 1px !important;
  width: 28px; }
  .is-firefox .field-short.is-fieldoptions .btn-actions:not(.is-checkbox) .icon,
  .is-firefox .form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox) .icon {
    top: -5px; }

.is-firefox .field-short.is-fieldoptions input[type='text'].field-options[data-clearable='true'] ~ .btn-icon.close,
.is-firefox .form-layout-compact .field.is-fieldoptions input[type='text'].field-options[data-clearable='true'] ~ .btn-icon.close {
  top: 4px; }

.is-firefox .field-short.is-fieldoptions .searchfield-wrapper .field-options.searchfield ~ .btn-icon.close ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .searchfield-wrapper .field-options.searchfield ~ .btn-icon.close ~ .btn-actions {
  top: 2px !important; }

.is-firefox .field-short.is-fieldoptions .dropdown ~ .btn-actions,
.is-firefox .field-short.is-fieldoptions .multiselect ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .dropdown ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .multiselect ~ .btn-actions {
  top: 3px !important; }

.is-firefox .field-short.is-fieldoptions .spinbox-wrapper .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  top: 5px !important;
  width: 28px !important; }

.is-firefox .field-short.is-fieldoptions .colorpicker-container ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  top: -8px !important; }

.is-firefox .field-short.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions,
.is-firefox .field-short.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions,
.is-firefox .form-layout-compact .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 1px !important; }

.is-firefox .field-short.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) > .icon:not(.close):not(.icon-error),
.is-firefox .field-short.is-fieldoptions .searchfield-wrapper > .icon:not(.close):not(.icon-error),
.is-firefox .form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) > .icon:not(.close):not(.icon-error),
.is-firefox .form-layout-compact .field.is-fieldoptions .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
  top: 14px; }

.is-firefox .field-short.is-fieldoptions .textarea ~ .btn-actions:not(.is-checkbox),
.is-firefox .form-layout-compact .field.is-fieldoptions .textarea ~ .btn-actions:not(.is-checkbox) {
  top: calc(50% - 0px) !important; }

.is-firefox .form-layout-compact .compound-field .field.is-fieldoptions:first-child input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  top: 4px !important; }

.is-firefox.is-mac .field-short.is-fieldoptions .btn-actions:not(.is-checkbox),
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  top: 2px !important; }

.is-firefox.is-mac .field-short.is-fieldoptions .field-options.dropdown ~ .btn-actions,
.is-firefox.is-mac .field-short.is-fieldoptions .field-options.multiselect ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .field-options.dropdown ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .field-options.multiselect ~ .btn-actions {
  top: 0 !important; }

.is-firefox.is-mac .field-short.is-fieldoptions .field-options ~ .close ~ .icon ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .field-options ~ .close ~ .icon ~ .btn-actions {
  top: 5px !important; }

.is-firefox.is-mac .field-short.is-fieldoptions .field-options.spinbox ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .field-options.spinbox ~ .btn-actions {
  left: -1px !important;
  top: 5px !important; }

.is-firefox.is-mac .field-short.is-fieldoptions .field-options.lookup ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .field-options.lookup ~ .btn-actions {
  left: -1px; }

.is-firefox.is-mac .field-short.is-fieldoptions .colorpicker-container ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -1px !important;
  top: -4px !important; }

.is-firefox.is-mac .field-short.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions,
.is-firefox.is-mac .field-short.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions [data-clearable='true'] + .icon.close ~ .btn-actions,
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 5px !important; }

.is-firefox.is-mac .field-short.is-fieldoptions .textarea ~ .btn-actions:not(.is-checkbox),
.is-firefox.is-mac .form-layout-compact .field.is-fieldoptions .textarea ~ .btn-actions:not(.is-checkbox) {
  top: calc(50% - 0px) !important; }

.is-firefox.is-mac .field-short.is-fieldoptions .radio-group .field-options + .btn-actions,
.is-firefox.is-mac .form-layout-compact .radio-group .field-options + .btn-actions {
  left: -10px !important; }

.field-short.is-fieldoptions .btn-actions:not(.is-checkbox),
.form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  left: -1px;
  top: 1px; }

.field-short.is-fieldoptions .dropdown ~ .btn-actions,
.field-short.is-fieldoptions .multiselect ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .dropdown ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .multiselect ~ .btn-actions {
  top: 0; }

.field-short.is-fieldoptions .lookup-wrapper input[type='text'].lookup.field-options ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .lookup-wrapper input[type='text'].lookup.field-options ~ .btn-actions {
  top: 1px; }

.field-short.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload) ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload) ~ .btn-actions {
  left: -1px !important;
  top: 1px; }

.field-short.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload)[data-clearable='true'] ~ .btn-icon:not(.is-empty) ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions input[type='text']:not(.spinbox):not(.searchfield):not(.fileupload)[data-clearable='true'] ~ .btn-icon:not(.is-empty) ~ .btn-actions {
  left: -25px !important; }

.field-short.is-fieldoptions .searchfield-wrapper.has-close-icon-button .btn-icon.close:not(.is-empty),
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-close-icon-button .btn-icon.close:not(.is-empty) {
  right: 41px;
  top: 3px; }

.field-short.is-fieldoptions .spinbox-wrapper .btn-actions,
.form-layout-compact .field.is-fieldoptions .spinbox-wrapper .btn-actions {
  top: 5px !important; }

.field-short.is-fieldoptions .spinbox.field-options,
.form-layout-compact .field.is-fieldoptions .spinbox.field-options {
  width: 208px; }

.field-short.is-fieldoptions .colorpicker-container ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  top: -5px; }

.field-short.is-fieldoptions .checkbox ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .checkbox ~ .btn-actions {
  left: 4px;
  top: 2px;
  width: 24px; }

.field-short.is-fieldoptions [data-clearable='true'] + .icon.close,
.form-layout-compact .field.is-fieldoptions [data-clearable='true'] + .icon.close {
  top: -5px; }
  .field-short.is-fieldoptions [data-clearable='true'] + .icon.close ~ .icon.close.is-empty ~ .btn-actions,
  .form-layout-compact .field.is-fieldoptions [data-clearable='true'] + .icon.close ~ .icon.close.is-empty ~ .btn-actions {
    left: -4px; }

.field-short.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-actions,
.field-short.is-fieldoptions .searchfield-wrapper .btn-actions,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) .btn-actions,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper .btn-actions {
  left: -1px !important; }

.field-short.is-fieldoptions .searchfield-wrapper.has-close-icon-button .searchfield ~ .icon.close,
.form-layout-compact .field.is-fieldoptions .searchfield-wrapper.has-close-icon-button .searchfield ~ .icon.close {
  right: 48px;
  top: 8px; }

.field-short.is-fieldoptions .textarea ~ .btn-actions,
.field-short.is-fieldoptions .textarea ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .textarea ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .textarea ~ .btn-actions {
  left: auto !important;
  margin-left: -1px;
  top: calc(50% - 2px); }

.field-short.is-fieldoptions .fileupload ~ .trigger-close:not(.is-visible) ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .fileupload ~ .trigger-close:not(.is-visible) ~ .btn-actions {
  left: -1px; }

.field-short.is-fieldoptions .fileupload ~ .trigger-close.is-visible ~ .btn-actions,
.form-layout-compact .field.is-fieldoptions .fileupload ~ .trigger-close.is-visible ~ .btn-actions {
  left: 27px !important; }

.form-layout-compact .radio-group .field-options {
  margin-left: -2px; }
  .form-layout-compact .radio-group .field-options .btn-actions {
    left: -13px !important; }

.form-layout-compact .compound-field .field.is-fieldoptions:first-child input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  left: -4px;
  top: 1px; }

.form-layout-compact .compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  left: -4px; }

.is-safari .field-options.timepicker ~ .btn-actions, .is-safari .field-options.datepicker ~ .btn-actions {
  left: -9px; }

.is-safari .field-short.is-fieldoptions .field-options ~ .close ~ .btn-actions,
.is-safari .field-short.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions,
.is-safari .form-layout-compact .field.is-fieldoptions .field-options ~ .close ~ .btn-actions,
.is-safari .form-layout-compact .field.is-fieldoptions input[type='text'][readonly]:not(.fileupload) ~ .btn-actions {
  top: 1px; }

.ie form:not(.form-layout-compact) .field.is-fieldoptions .dropdown-wrapper ~ .btn-actions:not(.is-checkbox),
.ie-edge form:not(.form-layout-compact) .field.is-fieldoptions .dropdown-wrapper ~ .btn-actions:not(.is-checkbox),
.ie-edge17 form:not(.form-layout-compact) .field.is-fieldoptions .dropdown-wrapper ~ .btn-actions:not(.is-checkbox) {
  top: 2px; }

.ie form:not(.form-layout-compact) .field.is-fieldoptions .lookup-wrapper .btn-actions:not(.is-checkbox),
.ie form:not(.form-layout-compact) .field.is-fieldoptions .spinbox-wrapper .btn-actions:not(.is-checkbox),
.ie-edge form:not(.form-layout-compact) .field.is-fieldoptions .lookup-wrapper .btn-actions:not(.is-checkbox),
.ie-edge form:not(.form-layout-compact) .field.is-fieldoptions .spinbox-wrapper .btn-actions:not(.is-checkbox),
.ie-edge17 form:not(.form-layout-compact) .field.is-fieldoptions .lookup-wrapper .btn-actions:not(.is-checkbox),
.ie-edge17 form:not(.form-layout-compact) .field.is-fieldoptions .spinbox-wrapper .btn-actions:not(.is-checkbox) {
  left: -9px; }

.ie form:not(.form-layout-compact) .field.is-fieldoptions button.close:not(.is-empty) ~ .btn-actions:not(.is-checkbox),
.ie-edge form:not(.form-layout-compact) .field.is-fieldoptions button.close:not(.is-empty) ~ .btn-actions:not(.is-checkbox),
.ie-edge17 form:not(.form-layout-compact) .field.is-fieldoptions button.close:not(.is-empty) ~ .btn-actions:not(.is-checkbox) {
  left: -36px; }

.ie form:not(.form-layout-compact) .field.is-fieldoptions textarea ~ .btn-actions:not(.is-checkbox),
.ie-edge form:not(.form-layout-compact) .field.is-fieldoptions textarea ~ .btn-actions:not(.is-checkbox),
.ie-edge17 form:not(.form-layout-compact) .field.is-fieldoptions textarea ~ .btn-actions:not(.is-checkbox) {
  left: auto; }

.ie form:not(.form-layout-compact) .field.is-fieldoptions .btn-actions:not(.is-checkbox),
.ie-edge form:not(.form-layout-compact) .field.is-fieldoptions .btn-actions:not(.is-checkbox),
.ie-edge17 form:not(.form-layout-compact) .field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  left: -12px; }

.ie form:not(.form-layout-compact) .compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox),
.ie-edge form:not(.form-layout-compact) .compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox),
.ie-edge17 form:not(.form-layout-compact) .compound-field .field.is-fieldoptions input[type='text'] ~ .btn-actions:not(.is-checkbox) {
  top: 0; }

.ie .form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox),
.ie-edge .form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox),
.ie-edge17 .form-layout-compact .field.is-fieldoptions .btn-actions:not(.is-checkbox) {
  left: -1px !important; }

.ie .form-layout-compact .field.is-fieldoptions input[type='text'][data-clearable='true'] ~ button.close:not(.is-empty) ~ .btn-actions,
.ie-edge .form-layout-compact .field.is-fieldoptions input[type='text'][data-clearable='true'] ~ button.close:not(.is-empty) ~ .btn-actions,
.ie-edge17 .form-layout-compact .field.is-fieldoptions input[type='text'][data-clearable='true'] ~ button.close:not(.is-empty) ~ .btn-actions {
  left: -25px !important; }

.ie .form-layout-compact .field.is-fieldoptions .field-options.textarea ~ .btn-actions,
.ie-edge .form-layout-compact .field.is-fieldoptions .field-options.textarea ~ .btn-actions,
.ie-edge17 .form-layout-compact .field.is-fieldoptions .field-options.textarea ~ .btn-actions {
  left: auto !important; }

.ie .form-layout-compact .field.is-fieldoptions .field-options.dropdown ~ .btn-actions:not(.is-checkbox),
.ie .form-layout-compact .field.is-fieldoptions .field-options.multiselect ~ .btn-actions:not(.is-checkbox),
.ie-edge .form-layout-compact .field.is-fieldoptions .field-options.dropdown ~ .btn-actions:not(.is-checkbox),
.ie-edge .form-layout-compact .field.is-fieldoptions .field-options.multiselect ~ .btn-actions:not(.is-checkbox),
.ie-edge17 .form-layout-compact .field.is-fieldoptions .field-options.dropdown ~ .btn-actions:not(.is-checkbox),
.ie-edge17 .form-layout-compact .field.is-fieldoptions .field-options.multiselect ~ .btn-actions:not(.is-checkbox) {
  top: 0; }

.ie .form-layout-compact .field.is-fieldoptions .field-options.fileupload ~ .trigger-close.is-visible ~ .btn-actions,
.ie-edge .form-layout-compact .field.is-fieldoptions .field-options.fileupload ~ .trigger-close.is-visible ~ .btn-actions,
.ie-edge17 .form-layout-compact .field.is-fieldoptions .field-options.fileupload ~ .trigger-close.is-visible ~ .btn-actions {
  left: 27px !important; }

.ie .form-layout-compact .field.is-fieldoptions .field-options.fileupload ~ .btn-actions,
.ie-edge .form-layout-compact .field.is-fieldoptions .field-options.fileupload ~ .btn-actions,
.ie-edge17 .form-layout-compact .field.is-fieldoptions .field-options.fileupload ~ .btn-actions {
  left: -1px !important; }

.ie .dropdown-list.dropdown-short .trigger .icon,
.ie-edge .dropdown-list.dropdown-short .trigger .icon,
.ie-edge17 .dropdown-list.dropdown-short .trigger .icon {
  left: -1px; }

fieldset > legend,
.fieldset > legend {
  font-size: 16px;
  font-size: 1.6rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #161618;
  font-weight: 400;
  padding-bottom: 20px; }

fieldset[disabled] > legend,
.fieldset[disabled] > legend {
  color: #C5C5C9; }

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

fieldset + fieldset,
.fieldset + fieldset {
  margin-top: 30px; }

fieldset .row .column,
fieldset .row .columns,
.fieldset .row .column,
.fieldset .row .columns {
  margin-left: 0;
  margin-right: 20px;
  padding: 0; }

.expandable-area .row:not(:first-child) fieldset {
  margin-top: 50px; }

.fieldset-title,
.section-title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1.6rem;
  color: #161618;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 30px; }

.row fieldset:not(.radio-group):nth-child(n + 2),
.row .fieldset:not(.radio-group):nth-child(n + 2) {
  margin-top: 28px; }

.row fieldset:not(.radio-group):nth-child(n + 2) {
  margin-top: 10px; }

.fieldset-hr {
  border-bottom: 0 none;
  border-top: 1px solid #C5C5C9;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0; }

@media (max-width: 766px) {
  .row > .columns:not(:first-child) > fieldset {
    margin-top: 45px; } }

html[dir='rtl'].is-safari .fieldset-title::after {
  content: '\200E'; }

.fieldset-title,
.section-title,
fieldset > legend,
.fieldset > legend {
  font-size: 2rem;
  width: 100%; }

fieldset .field {
  margin-bottom: 16px; }

.field-fileupload input[type='text'] {
  padding-right: 56px;
  text-overflow: ellipsis; }

.field-fileupload .trigger,
.field-fileupload .trigger-close {
  cursor: pointer;
  display: inline-block;
  margin-left: -35px;
  outline: 0;
  text-align: center;
  width: 35px; }
  .field-fileupload .trigger.trigger-close,
  .field-fileupload .trigger-close.trigger-close {
    color: #ffffff;
    display: none;
    margin-left: -60px;
    border-radius: 8px;
    height: 28px;
    width: 28px;
    position: relative;
    top: -3px; }
    .field-fileupload .trigger.trigger-close.is-visible,
    .field-fileupload .trigger-close.trigger-close.is-visible {
      display: inline-block; }
  .field-fileupload .trigger.trigger,
  .field-fileupload .trigger-close.trigger {
    height: 28px;
    width: 28px;
    border-radius: 8px;
    position: relative;
    top: 0; }
  .field-fileupload .trigger .icon,
  .field-fileupload .trigger-close .icon {
    color: #6F6F76;
    height: 18px;
    top: 5px;
    vertical-align: baseline;
    width: 18px;
    border-radius: 5px; }
  .field-fileupload .trigger:hover .icon,
  .field-fileupload .trigger-close:hover .icon {
    background-color: transparent;
    color: #0072ED; }
  .field-fileupload .trigger:active .icon,
  .field-fileupload .trigger-close:active .icon {
    color: #0072ED; }

.field-fileupload .trigger-close .icon {
  height: 15px;
  top: 6px; }

.field-fileupload label.fileupload {
  display: inline-block; }

.field-fileupload input.fileupload-background-transparent {
  background-color: #ffffff;
  color: #000000;
  padding-right: 56px;
  text-overflow: ellipsis; }
  .field-fileupload input.fileupload-background-transparent.readonly {
    background-color: #E0E0E1;
    color: #000000; }
  .field-fileupload input.fileupload-background-transparent[disabled] {
    background-color: #ffffff;
    border-color: #C5C5C9;
    color: #C5C5C9; }

.field-fileupload label.fileupload input[type='file'],
.field-fileupload input.fileupload[type='file'] {
  left: 0;
  opacity: 0;
  position: absolute;
  z-index: -1; }
  .field-fileupload label.fileupload input[type='file']:disabled + span:not(.audible) svg,
  .field-fileupload label.fileupload input[type='file']:disabled + label.fileupload svg,
  .field-fileupload input.fileupload[type='file']:disabled + span:not(.audible) svg,
  .field-fileupload input.fileupload[type='file']:disabled + label.fileupload svg {
    color: #C5C5C9; }
  .field-fileupload label.fileupload input[type='file']:disabled + span:not(.audible):hover svg,
  .field-fileupload label.fileupload input[type='file']:disabled + label.fileupload:hover svg,
  .field-fileupload input.fileupload[type='file']:disabled + span:not(.audible):hover svg,
  .field-fileupload input.fileupload[type='file']:disabled + label.fileupload:hover svg {
    color: #C5C5C9; }
  .field-fileupload label.fileupload input[type='file']:disabled + .trigger,
  .field-fileupload input.fileupload[type='file']:disabled + .trigger {
    cursor: default; }

.fileupload-wrapper {
  min-width: 335px; }
  @media (max-width: 766px) {
    .fileupload-wrapper {
      min-width: inherit; }
      .fileupload-wrapper.standalone {
        border: 0;
        padding: 0; }
      .fileupload-wrapper .drop-area {
        text-align: center; }
        .fileupload-wrapper .drop-area .icon {
          display: block;
          float: none !important;
          margin: 0 auto !important; } }
  .fileupload-wrapper.standalone {
    padding: 25px 20px; }
  .fileupload-wrapper.is-disabled .container {
    border: 1px dashed #C5C5C9; }
    .fileupload-wrapper.is-disabled .container.drop-area {
      background-color: #F5F5F5;
      color: #C5C5C9; }
      .fileupload-wrapper.is-disabled .container.drop-area .hyperlink,
      .fileupload-wrapper.is-disabled .container.drop-area .fileupload-adv-browse-lbl {
        color: #C5C5C9;
        cursor: default; }
      .fileupload-wrapper.is-disabled .container.drop-area .icon {
        color: #525257;
        cursor: default; }
      .fileupload-wrapper.is-disabled .container.drop-area:hover {
        background-color: #F5F5F5;
        border: 1px dashed #C5C5C9;
        color: #C5C5C9; }
        .fileupload-wrapper.is-disabled .container.drop-area:hover .icon {
          color: #525257;
          cursor: default; }
  .fileupload-wrapper .container {
    border: 1px dashed #8E8E95;
    border-radius: 2px;
    margin-bottom: 10px; }
    .fileupload-wrapper .container .btn-icon {
      height: 26px;
      margin-right: 4px;
      min-height: 26px;
      min-width: 26px;
      top: -2px;
      width: 26px; }
      .fileupload-wrapper .container .btn-icon .icon {
        height: 13px;
        width: 13px; }
    .fileupload-wrapper .container:last-child {
      margin-bottom: 0; }
    .fileupload-wrapper .container::before, .fileupload-wrapper .container::after {
      content: ' ';
      display: table; }
    .fileupload-wrapper .container::after {
      clear: both; }
    .fileupload-wrapper .container.drop-area {
      background-color: rgba(224, 224, 225, 0.5);
      color: #8E8E95;
      padding: 25px 30px;
      text-align: center; }
      .fileupload-wrapper .container.drop-area .fileupload-adv-browse-lbl {
        color: #161618; }
        .fileupload-wrapper .container.drop-area .fileupload-adv-browse-lbl input[type='file'] {
          height: 0.1px;
          opacity: 0;
          overflow: hidden;
          width: 0.1px;
          z-index: -1; }
      .fileupload-wrapper .container.drop-area .icon {
        color: #8E8E95; }
      .fileupload-wrapper .container.drop-area p {
        color: #161618;
        padding-top: 5px; }
      .fileupload-wrapper .container.drop-area:hover {
        background-color: #E0E0E1;
        color: #161618; }
        .fileupload-wrapper .container.drop-area:hover .icon {
          color: #8E8E95; }
      .fileupload-wrapper .container.drop-area.hover {
        background-color: rgba(200, 233, 244, 0.3);
        border-color: #0072ED;
        color: #8E8E95; }
        .fileupload-wrapper .container.drop-area.hover .icon {
          color: #8E8E95; }
    .fileupload-wrapper .container .file-row .status-icon,
    .fileupload-wrapper .container .file-row .description,
    .fileupload-wrapper .container .file-row .size,
    .fileupload-wrapper .container .file-row .action,
    .fileupload-wrapper .container .file-row .progress,
    .fileupload-wrapper .container .file-row .progress-bar,
    .fileupload-wrapper .container .progress-row .status-icon,
    .fileupload-wrapper .container .progress-row .description,
    .fileupload-wrapper .container .progress-row .size,
    .fileupload-wrapper .container .progress-row .action,
    .fileupload-wrapper .container .progress-row .progress,
    .fileupload-wrapper .container .progress-row .progress-bar {
      display: inline-block; }
    .fileupload-wrapper .container .file-row .description,
    .fileupload-wrapper .container .file-row .size,
    .fileupload-wrapper .container .progress-row .description,
    .fileupload-wrapper .container .progress-row .size {
      color: #6F6F76;
      font-size: 1.6rem;
      height: 34px;
      line-height: 34px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .fileupload-wrapper .container .file-row .status-icon,
    .fileupload-wrapper .container .progress-row .status-icon {
      background-color: #6F6F76;
      border-radius: 50%;
      float: left;
      height: 16px;
      margin: 10px 10px 0;
      width: 16px; }
      .fileupload-wrapper .container .file-row .status-icon .btn-icon,
      .fileupload-wrapper .container .progress-row .status-icon .btn-icon {
        height: 18px;
        left: -1px;
        margin: 0;
        min-height: 18px;
        min-width: 18px;
        top: -1px;
        width: 18px; }
        .fileupload-wrapper .container .file-row .status-icon .btn-icon .icon,
        .fileupload-wrapper .container .progress-row .status-icon .btn-icon .icon {
          margin-top: -3px; }
      .fileupload-wrapper .container .file-row .status-icon .icon,
      .fileupload-wrapper .container .progress-row .status-icon .icon {
        color: #ffffff;
        height: 10px !important;
        left: 3px;
        top: 2px;
        width: 10px; }
        .fileupload-wrapper .container .file-row .status-icon .icon.icon-error,
        .fileupload-wrapper .container .progress-row .status-icon .icon.icon-error {
          top: -3px;
          left: 0;
          height: 18px !important;
          width: 18px; }
      .fileupload-wrapper .container .file-row .status-icon:hover,
      .fileupload-wrapper .container .progress-row .status-icon:hover {
        background-color: #161618; }
    .fileupload-wrapper .container .file-row .description,
    .fileupload-wrapper .container .progress-row .description {
      color: #161618;
      max-width: calc(100% - 185px); }
    .fileupload-wrapper .container .file-row .size,
    .fileupload-wrapper .container .progress-row .size {
      color: #6F6F76;
      line-height: 36px;
      margin-right: 42px;
      max-width: 115px; }
      .fileupload-wrapper .container .file-row .size .percent,
      .fileupload-wrapper .container .progress-row .size .percent {
        color: #0072ED;
        font-weight: 800; }
    .fileupload-wrapper .container .file-row .action,
    .fileupload-wrapper .container .progress-row .action {
      margin: 0 5px 0 10px;
      width: 16px; }
    .fileupload-wrapper .container .file-row.file-row .status-icon.file-error,
    .fileupload-wrapper .container .progress-row.file-row .status-icon.file-error {
      background-color: transparent; }
    .fileupload-wrapper .container .file-row.file-row .l-pull-right .action,
    .fileupload-wrapper .container .progress-row.file-row .l-pull-right .action {
      float: right;
      height: 16px;
      margin-top: 7px; }
      .fileupload-wrapper .container .file-row.file-row .l-pull-right .action .icon,
      .fileupload-wrapper .container .progress-row.file-row .l-pull-right .action .icon {
        color: #6F6F76; }
      .fileupload-wrapper .container .file-row.file-row .l-pull-right .action:hover .icon,
      .fileupload-wrapper .container .progress-row.file-row .l-pull-right .action:hover .icon {
        color: #161618; }
    .fileupload-wrapper .container .file-row .progress,
    .fileupload-wrapper .container .progress-row .progress {
      margin: 0 0 7px 33px;
      width: calc(100% - 65px); }
    .fileupload-wrapper .container.completed {
      border-color: #1F9254; }
      .fileupload-wrapper .container.completed .status-icon {
        background-color: #1F9254; }
        .fileupload-wrapper .container.completed .status-icon:hover {
          background-color: #1F9254; }
      .fileupload-wrapper .container.completed .description {
        color: #1F9254; }
      .fileupload-wrapper .container.completed .size {
        margin-right: inherit; }
    .fileupload-wrapper .container.error {
      border-color: #F98300;
      color: #DA1217; }
      .fileupload-wrapper .container.error .status-icon {
        background-color: #DA1217; }
        .fileupload-wrapper .container.error .status-icon:hover {
          background-color: #930c10; }
          .fileupload-wrapper .container.error .status-icon:hover .icon {
            color: #ffffff; }
      .fileupload-wrapper .container.error div.msg {
        clear: both;
        font-size: 1.6rem;
        padding: 0 10px; }
      .fileupload-wrapper .container.error span.msg {
        display: inline-block;
        font-size: 1.6rem;
        padding: 10px 10px 10px 0;
        width: calc(100% - 77px); }
  .fileupload-wrapper em {
    font-style: normal; }

.form-layout-compact .field-fileupload .trigger .icon {
  height: 14px;
  top: 3px;
  width: 14px; }

.form-layout-compact .field-fileupload .trigger-close {
  height: 20px;
  margin-left: -45px;
  top: 0;
  width: 20px; }
  .form-layout-compact .field-fileupload .trigger-close .icon {
    height: 14px;
    top: 3px; }

.form-layout-compact .field-fileupload .trigger {
  height: 20px;
  margin-left: -27px;
  width: 20px; }

.is-firefox.is-mac .fileupload-wrapper .container .file-row .status-icon button .icon,
.is-firefox.is-mac .fileupload-wrapper .container .progress-row .status-icon button .icon {
  margin-top: 0; }

.is-firefox.is-mac .fileupload-wrapper .container .file-row .status-icon .icon,
.is-firefox.is-mac .fileupload-wrapper .container .progress-row .status-icon .icon {
  top: 3px; }

html[dir='rtl'] .field-fileupload input[type='text'] {
  padding-left: 56px;
  padding-right: 8px; }

html[dir='rtl'] .field-fileupload .trigger {
  margin-right: -27px; }

html[dir='rtl'] .field-fileupload .trigger-close {
  margin-left: inherit;
  margin-right: -13px; }

html[dir='rtl'] .field-fileupload label.fileupload input[type='file'],
html[dir='rtl'] .field-fileupload input.fileupload[type='file'] {
  left: auto;
  right: -10000px; }

html[dir='rtl'] .fileupload-wrapper .container.drop-area .fileupload-adv-browse-lbl {
  text-align: center; }

html[dir='rtl'] .fileupload-wrapper .container.completed .file-row .size,
html[dir='rtl'] .fileupload-wrapper .container.completed .progress-row .size {
  margin-left: 1px;
  margin-right: inherit; }

html[dir='rtl'] .fileupload-wrapper .container .file-row .progress,
html[dir='rtl'] .fileupload-wrapper .container .progress-row .progress {
  margin: 0 33px 7px 0; }

html[dir='rtl'] .fileupload-wrapper .container .file-row .size,
html[dir='rtl'] .fileupload-wrapper .container .progress-row .size {
  margin-left: 42px;
  margin-right: inherit; }

html[dir='rtl'] .fileupload-wrapper .container .file-row .status-icon,
html[dir='rtl'] .fileupload-wrapper .container .progress-row .status-icon {
  float: right; }
  html[dir='rtl'] .fileupload-wrapper .container .file-row .status-icon .btn-icon,
  html[dir='rtl'] .fileupload-wrapper .container .progress-row .status-icon .btn-icon {
    left: inherit;
    right: -1px; }
  html[dir='rtl'] .fileupload-wrapper .container .file-row .status-icon .icon,
  html[dir='rtl'] .fileupload-wrapper .container .progress-row .status-icon .icon {
    left: inherit;
    right: 3px; }

html[dir='rtl'] .fileupload-wrapper .container .file-row.file-row .l-pull-right .action,
html[dir='rtl'] .fileupload-wrapper .container .progress-row.file-row .l-pull-right .action {
  float: left; }

html[dir='rtl'].is-firefox .form-layout-compact .field-fileupload .trigger,
html[dir='rtl'].is-firefox .form-layout-compact .field-fileupload .trigger-close {
  top: -1px; }

.fileupload-wrapper .container.drop-area {
  padding: 25px 30px 20px; }

.fileupload-wrapper .container .file-row .status-icon,
.fileupload-wrapper .container .progress-row .status-icon {
  margin-top: 12px; }
  .fileupload-wrapper .container .file-row .status-icon .btn-icon:hover,
  .fileupload-wrapper .container .progress-row .status-icon .btn-icon:hover {
    background-color: transparent; }
  .fileupload-wrapper .container .file-row .status-icon.file-error,
  .fileupload-wrapper .container .progress-row .status-icon.file-error {
    margin-top: 15px; }
  .fileupload-wrapper .container .file-row .status-icon > .icon,
  .fileupload-wrapper .container .progress-row .status-icon > .icon {
    color: #ffffff;
    top: -3px; }
  .fileupload-wrapper .container .file-row .status-icon button .icon,
  .fileupload-wrapper .container .progress-row .status-icon button .icon {
    left: 0;
    top: -3px; }
  .fileupload-wrapper .container .file-row .status-icon .btn-icon .icon,
  .fileupload-wrapper .container .progress-row .status-icon .btn-icon .icon {
    margin-top: -7px; }

.fileupload-wrapper .container .file-row .description,
.fileupload-wrapper .container .progress-row .description {
  margin-top: 2px; }

.fileupload-wrapper .container .fileupload-adv-browse-lbl {
  margin-bottom: 0; }

.fileupload-wrapper .container .l-pull-right {
  margin-top: 1px; }
  .fileupload-wrapper .container .l-pull-right.file-error .size {
    margin-right: 0; }

.field-fileupload .fileupload:not([disabled]) + .trigger:hover {
  background-color: #E6F1FD; }

.field-fileupload .trigger.trigger-close,
.field-fileupload .trigger-close.trigger-close {
  left: 7px;
  top: -4px; }
  .field-fileupload .trigger.trigger-close:hover,
  .field-fileupload .trigger-close.trigger-close:hover {
    background-color: #E6F1FD; }

.field-fileupload .trigger.trigger,
.field-fileupload .trigger-close.trigger {
  top: -2px; }

.form-layout-compact .field-fileupload .trigger {
  top: -1px; }
  .form-layout-compact .field-fileupload .trigger .icon {
    top: 4px; }

.form-layout-compact .field-fileupload .trigger-close {
  margin-left: -47px;
  top: 0; }

.is-firefox.is-mac .fileupload-wrapper .container .file-row .status-icon button .icon,
.is-firefox.is-mac .fileupload-wrapper .container .progress-row .status-icon button .icon {
  top: -4px !important; }

.is-firefox.is-mac .fileupload-wrapper .container .file-row .status-icon .icon,
.is-firefox.is-mac .fileupload-wrapper .container .progress-row .status-icon .icon {
  top: -3px; }

.is-firefox .fileupload-wrapper .container .file-row .status-icon button .icon,
.is-firefox .fileupload-wrapper .container .progress-row .status-icon button .icon {
  top: -3px; }

.ie11 .fileupload-wrapper .container .file-row .status-icon button .icon,
.ie11 .fileupload-wrapper .container .progress-row .status-icon button .icon {
  top: -7px; }

html[dir='rtl'] .fileupload-wrapper .container .file-row .status-icon > .icon,
html[dir='rtl'] .fileupload-wrapper .container .progress-row .status-icon > .icon {
  top: -1px; }

html[dir='rtl'] .fileupload-wrapper .container .file-row .status-icon button .icon,
html[dir='rtl'] .fileupload-wrapper .container .progress-row .status-icon button .icon {
  left: inherit;
  right: 0;
  top: -1px; }

html[dir='rtl'] .form-layout-compact .field-fileupload .trigger-close {
  margin-right: -7px; }

.fontpicker-menu li a {
  align-items: center;
  display: flex;
  line-height: normal;
  padding: 7px 10px; }

.btn.fontpicker .icon-dropdown {
  position: absolute;
  right: 0;
  top: 1px; }

html[dir='rtl'] .btn.fontpicker {
  text-align: right; }
  html[dir='rtl'] .btn.fontpicker .icon-dropdown {
    left: 0;
    right: auto;
    top: 2px; }

.btn.fontpicker .icon-dropdown {
  top: 3px; }

.header {
  background-color: #0072ED;
  display: block;
  height: 60px;
  overflow: hidden;
  width: 100%; }
  .header.scrollable {
    overflow: auto; }
  .header ::selection {
    background: #004A99;
    color: #ffffff; }
  .header .toolbar [class^='btn'].is-open .icon {
    color: #ffffff;
    opacity: 1; }
  .header .searchfield {
    background-color: transparent;
    border: 1px solid transparent; }
    .header .searchfield.has-focus {
      box-shadow: none; }
  .header .row {
    max-width: 100% !important;
    width: 100%; }
  .header > * {
    vertical-align: middle; }
  .header h1 {
    -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: #161618;
    display: inline;
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 0;
    text-overflow: ellipsis;
    vertical-align: middle; }
    .header h1 span {
      height: inherit;
      overflow: hidden;
      text-overflow: ellipsis; }
  .header [class^='btn'] > h1 {
    width: auto; }
  .header [class^='btn'] .icon.icon-dropdown {
    margin-left: 5px; }
  .header [class^='btn'].btn-menu .icon.icon-dropdown {
    margin-top: 1px; }
  .header .btn-primary {
    background-color: #1C86EF;
    border: 1px solid #1C86EF; }
    .header .btn-primary:hover, .header .btn-primary:focus {
      background-color: #0072ED;
      border: 1px solid #0072ED; }
    .header .btn-primary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #0066D4, 0 0 0 3px #ffffff, 0 0 3px 2px rgba(255, 255, 255, 0.3); }
      .header .btn-primary:focus:not(.hide-focus):active {
        box-shadow: none; }
  .header .page-title {
    color: #161618;
    font-size: 2.8rem;
    margin-top: 3px; }
    .header .page-title .alert .icon {
      line-height: inherit;
      margin-left: 7px;
      position: absolute;
      top: -3px; }
  .header .section-title {
    color: #161618;
    font-size: 1.6rem !important;
    margin-top: 2px;
    padding: 0;
    text-transform: capitalize; }
  .header .separator {
    font-size: 22px;
    font-size: 2.2rem;
    color: #161618;
    padding: 0 4px 0 5px;
    position: relative;
    top: 1px; }
  .header .tooltip-description {
    color: #161618; }
  .header .header-search {
    margin-left: -3px; }
  .header .header-right {
    float: right;
    position: relative;
    top: -7px; }
  .header .toolbar {
    height: 60px;
    padding: 0 1rem; }
    @media (max-width: 766px) {
      .header .toolbar.searchfield-active .toolbar-searchfield-wrapper.active .searchfield {
        color: #3B3B3F; } }
    @media (max-width: 766px) {
      .header .toolbar.searchfield-active .toolbar-searchfield-wrapper.active .icon:not(.close) {
        color: #6F6F76 !important; } }
    .header .toolbar .title {
      color: #161618;
      height: 60px;
      left: 8px;
      overflow: hidden;
      position: absolute;
      text-overflow: clip; }
      .header .toolbar .title button + span {
        position: relative;
        top: 2px; }
      .header .toolbar .title h1,
      .header .toolbar .title h2 {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
        .header .toolbar .title h1 + [class^='btn'],
        .header .toolbar .title h2 + [class^='btn'] {
          margin-left: 5px; }
        .header .toolbar .title h1 span,
        .header .toolbar .title h2 span {
          display: block; }
      .header .toolbar .title h2 {
        font-size: 1.8rem;
        margin-inline-start: 8px; }
      .header .toolbar .title [class^='btn'] + h1,
      .header .toolbar .title [class^='btn'] + h2 {
        margin: 3px;
        max-width: calc(100% - 40px); }
      .header .toolbar .title .btn-menu {
        text-transform: none; }
      .header .toolbar .title .btn-icon {
        border-radius: 8px;
        top: 3px; }
    .header .toolbar.has-title-button + .breadcrumb {
      padding-left: 50px; }
    .header .toolbar .panel-title {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.2; }
    .header .toolbar .panel-subhead {
      font-size: 1.6rem;
      line-height: 1; }
    .header .toolbar.do-resize .title {
      left: 8px; }
    .header .toolbar.do-resize.has-more-button .title {
      left: 8px;
      top: 0; }
    .header .toolbar .application-menu-trigger svg.icon,
    .header .toolbar .list-detail-back-button svg.icon,
    .header .toolbar .back-button svg.icon,
    .header .toolbar .go-back svg.icon {
      height: 18px;
      top: 1px;
      width: 18px; }
    .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.searchfield-category-button {
      border: 1px solid #BBBBBF;
      border-right: transparent;
      border-radius: 8px 0 0 8px;
      background-color: #ffffff;
      color: #6F6F76; }
      .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.searchfield-category-button svg.icon {
        color: #6F6F76 !important; }
      .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.searchfield-category-button svg.icon-dropdown {
        position: relative;
        left: -3px;
        top: unset; }
      .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.searchfield-category-button:hover {
        background-color: #ffffff !important; }
    .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.btn-icon.close svg.close.icon {
      top: 8px !important; }
    .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.go-button {
      background-color: #ffffff;
      color: #6F6F76; }
      .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.go-button:hover {
        background-color: #ffffff !important; }
      .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.go-button:focus {
        box-shadow: none !important; }
      .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.go-button:active {
        border-left: none; }
      .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.go-button::after {
        border-right: none; }
    .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open input.searchfield {
      border: 1px solid #BBBBBF; }
    .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open.is-hovered button.searchfield-category-button {
      border: 1px solid #161618;
      border-right: transparent; }
    .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open.is-hovered input.searchfield {
      border: 1px solid #161618 !important; }
    .header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open.is-hovered button.go-button {
      border: 1px solid #161618;
      border-left: transparent; }
    .header .toolbar .buttonset .toolbar-searchfield-wrapper .btn-icon.close {
      top: 50%;
      transform: translateY(-50%); }
      .header .toolbar .buttonset .toolbar-searchfield-wrapper .btn-icon.close .icon.close {
        color: #6F6F76;
        opacity: unset;
        top: 7px; }
  .header .flex-toolbar {
    height: inherit;
    max-height: 60px;
    padding: 0 1.3rem; }
    .header .flex-toolbar.has-title-button + .breadcrumb {
      padding-left: 56px; }
    .header .flex-toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper.has-categories .btn.searchfield-category-button svg.icon {
      color: #3B3B3F !important;
      transform: translateY(0); }
    .header .flex-toolbar .search-categories .has-categories.non-collapsible {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
      .header .flex-toolbar .search-categories .has-categories.non-collapsible .searchfield-category-button {
        border: 1px solid #BBBBBF;
        border-radius: 0; }
        .header .flex-toolbar .search-categories .has-categories.non-collapsible .searchfield-category-button:focus:not(.hide-focus) .icon, .header .flex-toolbar .search-categories .has-categories.non-collapsible .searchfield-category-button.is-open .icon {
          color: #6F6F76; }
      .header .flex-toolbar .search-categories .has-categories.non-collapsible .collapse-button:focus .icon {
        color: #6F6F76; }
    .header .flex-toolbar .toolbar-searchfield-wrapper.is-open .searchfield {
      border-color: #BBBBBF; }
    .header .flex-toolbar .toolbar-searchfield-wrapper.non-collapsible.has-close-icon-button .btn-icon.close .icon.close {
      top: 7px; }
  .header.has-alternate-breadcrumb .flex-toolbar {
    margin-bottom: 5px; }
  .header.has-popupmenu-title .flex-toolbar .title {
    padding: 3px; }
  .header.is-sticky {
    z-index: 9000; }
  .header h1,
  .header h2,
  .header h3,
  .header .toolbar-section.title {
    color: #161618; }
  .header .go-button {
    background-color: #1C86EF;
    border-color: #1C86EF;
    color: #161618; }
    .header .go-button:hover, .header .go-button:active, .header .go-button:focus, .header .go-button:focus:active {
      background-color: #0072ED;
      border-color: #0072ED; }
  .header .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-collapse-button) {
    width: 100%; }
  .header .buttonset .toolbar-searchfield-wrapper:not(.is-open).non-collapsible svg.icon:not(.close) {
    color: #6F6F76; }
  .header .buttonset .toolbar-searchfield-wrapper:not(.is-open) svg.icon:not(.close) {
    color: #161618;
    opacity: 1; }

.header.is-personalizable .toolbar-searchfield-wrapper:not(.is-open) .icon:not(.close),
.masthead.is-personalizable .toolbar-searchfield-wrapper:not(.is-open) .icon:not(.close) {
  color: #161618;
  opacity: 0.8; }

.header.is-personalizable .toolbar-searchfield-wrapper:not(.is-open).is-hovered .icon:not(.close),
.masthead.is-personalizable .toolbar-searchfield-wrapper:not(.is-open).is-hovered .icon:not(.close) {
  opacity: 1; }

.header.is-personalizable .flex-toolbar .title button,
.masthead.is-personalizable .flex-toolbar .title button {
  vertical-align: middle; }

.header.is-personalizable .flex-toolbar .has-collapse-button .collapse-button,
.masthead.is-personalizable .flex-toolbar .has-collapse-button .collapse-button {
  position: absolute;
  right: 0; }

.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: #0066D4;
  display: block;
  height: 60px;
  overflow: hidden;
  width: 100%; }
  .subheader .searchfield-wrapper {
    height: inherit;
    margin-bottom: 0; }
    .subheader .searchfield-wrapper.has-focus {
      box-shadow: none; }
    .subheader .searchfield-wrapper .go-button {
      height: 38px; }
  .subheader .toolbar {
    height: 60px;
    padding: 0 1rem; }
  .subheader .go-button {
    background-color: #1C86EF;
    border-color: #1C86EF;
    color: #ffffff; }
    .subheader .go-button:hover, .subheader .go-button:active, .subheader .go-button:focus, .subheader .go-button:focus:active {
      background-color: #0072ED;
      border-color: #0072ED;
      color: #ffffff; }
    .subheader .go-button:not(.hide-focus) {
      box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
  .subheader .toolbar [class^='btn']:hover {
    background-color: #0054B1 !important; }
    .subheader .toolbar [class^='btn']:hover .icon {
      color: #ffffff; }
  .subheader .toolbar [class^='btn'].is-open .icon {
    color: #ffffff;
    opacity: 1; }
  .subheader .full-searchfield-container .searchfield-wrapper.context.has-focus .searchfield,
  .subheader .full-searchfield-container .searchfield-wrapper.context.has-focus .btn {
    border-color: #BBBBBF; }
  .subheader .full-searchfield-container .searchfield-wrapper .btn.is-open {
    color: #3B3B3F; }
    .subheader .full-searchfield-container .searchfield-wrapper .btn.is-open .icon {
      color: #3B3B3F; }
  .subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:focus, .subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:active {
    color: #3B3B3F; }
    .subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:focus .icon, .subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:active .icon {
      color: #3B3B3F; }
  .subheader .searchfield-wrapper.context.non-collapsible.has-go-button .btn-icon.close {
    right: 50px;
    width: 34px; }

.header .toolbar .buttonset > .separator,
.header .flex-toolbar .buttonset > .separator,
.subheader .toolbar .buttonset > .separator,
.subheader .flex-toolbar .buttonset > .separator,
.personalize-subheader .toolbar .buttonset > .separator,
.personalize-subheader .flex-toolbar .buttonset > .separator {
  background-color: #161618;
  padding: 0; }

.header .toolbar .buttonset [class^='btn']:not(.searchfield-category-button):not(.btn-actions):not(.close),
.header .flex-toolbar .buttonset [class^='btn']:not(.searchfield-category-button):not(.btn-actions):not(.close),
.subheader .toolbar .buttonset [class^='btn']:not(.searchfield-category-button):not(.btn-actions):not(.close),
.subheader .flex-toolbar .buttonset [class^='btn']:not(.searchfield-category-button):not(.btn-actions):not(.close),
.personalize-subheader .toolbar .buttonset [class^='btn']:not(.searchfield-category-button):not(.btn-actions):not(.close),
.personalize-subheader .flex-toolbar .buttonset [class^='btn']:not(.searchfield-category-button):not(.btn-actions):not(.close) {
  margin-right: 3px;
  min-width: 32px;
  text-overflow: ellipsis;
  flex-shrink: 1; }

.header .toolbar [class^='btn'],
.header .flex-toolbar [class^='btn'],
.subheader .toolbar [class^='btn'],
.subheader .flex-toolbar [class^='btn'],
.personalize-subheader .toolbar [class^='btn'],
.personalize-subheader .flex-toolbar [class^='btn'] {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 8px; }
  .header .toolbar [class^='btn']:not(.close),
  .header .flex-toolbar [class^='btn']:not(.close),
  .subheader .toolbar [class^='btn']:not(.close),
  .subheader .flex-toolbar [class^='btn']:not(.close),
  .personalize-subheader .toolbar [class^='btn']:not(.close),
  .personalize-subheader .flex-toolbar [class^='btn']:not(.close) {
    color: #161618; }
  .header .toolbar [class^='btn']:not([disabled]),
  .header .flex-toolbar [class^='btn']:not([disabled]),
  .subheader .toolbar [class^='btn']:not([disabled]),
  .subheader .flex-toolbar [class^='btn']:not([disabled]),
  .personalize-subheader .toolbar [class^='btn']:not([disabled]),
  .personalize-subheader .flex-toolbar [class^='btn']:not([disabled]) {
    cursor: pointer; }
  .header .toolbar [class^='btn']:not(.close) svg.icon,
  .header .flex-toolbar [class^='btn']:not(.close) svg.icon,
  .subheader .toolbar [class^='btn']:not(.close) svg.icon,
  .subheader .flex-toolbar [class^='btn']:not(.close) svg.icon,
  .personalize-subheader .toolbar [class^='btn']:not(.close) svg.icon,
  .personalize-subheader .flex-toolbar [class^='btn']:not(.close) svg.icon {
    color: #161618; }
  .header .toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable),
  .header .toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon,
  .header .flex-toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable),
  .header .flex-toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon,
  .subheader .toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable),
  .subheader .toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon,
  .subheader .flex-toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable),
  .subheader .flex-toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon,
  .personalize-subheader .toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable),
  .personalize-subheader .toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon,
  .personalize-subheader .flex-toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable),
  .personalize-subheader .flex-toolbar [class^='btn']:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon {
    color: #0072ED; }
  .header .toolbar [class^='btn'].application-menu-trigger,
  .header .flex-toolbar [class^='btn'].application-menu-trigger,
  .subheader .toolbar [class^='btn'].application-menu-trigger,
  .subheader .flex-toolbar [class^='btn'].application-menu-trigger,
  .personalize-subheader .toolbar [class^='btn'].application-menu-trigger,
  .personalize-subheader .flex-toolbar [class^='btn'].application-menu-trigger {
    top: 0; }
    .header .toolbar [class^='btn'].application-menu-trigger:not(:focus) .icon,
    .header .flex-toolbar [class^='btn'].application-menu-trigger:not(:focus) .icon,
    .subheader .toolbar [class^='btn'].application-menu-trigger:not(:focus) .icon,
    .subheader .flex-toolbar [class^='btn'].application-menu-trigger:not(:focus) .icon,
    .personalize-subheader .toolbar [class^='btn'].application-menu-trigger:not(:focus) .icon,
    .personalize-subheader .flex-toolbar [class^='btn'].application-menu-trigger:not(:focus) .icon {
      color: #161618; }
  .header .toolbar [class^='btn'].is-open .icon,
  .header .toolbar [class^='btn'].btn-menu.is-open .icon,
  .header .flex-toolbar [class^='btn'].is-open .icon,
  .header .flex-toolbar [class^='btn'].btn-menu.is-open .icon,
  .subheader .toolbar [class^='btn'].is-open .icon,
  .subheader .toolbar [class^='btn'].btn-menu.is-open .icon,
  .subheader .flex-toolbar [class^='btn'].is-open .icon,
  .subheader .flex-toolbar [class^='btn'].btn-menu.is-open .icon,
  .personalize-subheader .toolbar [class^='btn'].is-open .icon,
  .personalize-subheader .toolbar [class^='btn'].btn-menu.is-open .icon,
  .personalize-subheader .flex-toolbar [class^='btn'].is-open .icon,
  .personalize-subheader .flex-toolbar [class^='btn'].btn-menu.is-open .icon {
    color: #0072ED; }
  .header .toolbar [class^='btn'] .audible,
  .header .flex-toolbar [class^='btn'] .audible,
  .subheader .toolbar [class^='btn'] .audible,
  .subheader .flex-toolbar [class^='btn'] .audible,
  .personalize-subheader .toolbar [class^='btn'] .audible,
  .personalize-subheader .flex-toolbar [class^='btn'] .audible {
    color: #161618; }
  .header .toolbar [class^='btn']:active:not([disabled]), .header .toolbar [class^='btn'][aria-expanded='true'],
  .header .flex-toolbar [class^='btn']:active:not([disabled]),
  .header .flex-toolbar [class^='btn'][aria-expanded='true'],
  .subheader .toolbar [class^='btn']:active:not([disabled]),
  .subheader .toolbar [class^='btn'][aria-expanded='true'],
  .subheader .flex-toolbar [class^='btn']:active:not([disabled]),
  .subheader .flex-toolbar [class^='btn'][aria-expanded='true'],
  .personalize-subheader .toolbar [class^='btn']:active:not([disabled]),
  .personalize-subheader .toolbar [class^='btn'][aria-expanded='true'],
  .personalize-subheader .flex-toolbar [class^='btn']:active:not([disabled]),
  .personalize-subheader .flex-toolbar [class^='btn'][aria-expanded='true'] {
    color: #0072ED; }
    .header .toolbar [class^='btn']:active:not([disabled]) .icon, .header .toolbar [class^='btn'][aria-expanded='true'] .icon,
    .header .flex-toolbar [class^='btn']:active:not([disabled]) .icon,
    .header .flex-toolbar [class^='btn'][aria-expanded='true'] .icon,
    .subheader .toolbar [class^='btn']:active:not([disabled]) .icon,
    .subheader .toolbar [class^='btn'][aria-expanded='true'] .icon,
    .subheader .flex-toolbar [class^='btn']:active:not([disabled]) .icon,
    .subheader .flex-toolbar [class^='btn'][aria-expanded='true'] .icon,
    .personalize-subheader .toolbar [class^='btn']:active:not([disabled]) .icon,
    .personalize-subheader .toolbar [class^='btn'][aria-expanded='true'] .icon,
    .personalize-subheader .flex-toolbar [class^='btn']:active:not([disabled]) .icon,
    .personalize-subheader .flex-toolbar [class^='btn'][aria-expanded='true'] .icon {
      color: #161618; }
  .header .toolbar [class^='btn']:focus,
  .header .flex-toolbar [class^='btn']:focus,
  .subheader .toolbar [class^='btn']:focus,
  .subheader .flex-toolbar [class^='btn']:focus,
  .personalize-subheader .toolbar [class^='btn']:focus,
  .personalize-subheader .flex-toolbar [class^='btn']:focus {
    color: #161618; }
    .header .toolbar [class^='btn']:focus .icon,
    .header .flex-toolbar [class^='btn']:focus .icon,
    .subheader .toolbar [class^='btn']:focus .icon,
    .subheader .flex-toolbar [class^='btn']:focus .icon,
    .personalize-subheader .toolbar [class^='btn']:focus .icon,
    .personalize-subheader .flex-toolbar [class^='btn']:focus .icon {
      color: #161618; }
  .header .toolbar [class^='btn']:focus:not(.hide-focus),
  .header .flex-toolbar [class^='btn']:focus:not(.hide-focus),
  .subheader .toolbar [class^='btn']:focus:not(.hide-focus),
  .subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus),
  .personalize-subheader .toolbar [class^='btn']:focus:not(.hide-focus),
  .personalize-subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus) {
    color: #161618; }
    .header .toolbar [class^='btn']:focus:not(.hide-focus).collapse-button,
    .header .flex-toolbar [class^='btn']:focus:not(.hide-focus).collapse-button,
    .subheader .toolbar [class^='btn']:focus:not(.hide-focus).collapse-button,
    .subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus).collapse-button,
    .personalize-subheader .toolbar [class^='btn']:focus:not(.hide-focus).collapse-button,
    .personalize-subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus).collapse-button {
      border-color: #0072ED; }
    .header .toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button),
    .header .flex-toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button),
    .subheader .toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button),
    .subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button),
    .personalize-subheader .toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button),
    .personalize-subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button) {
      border-color: #0072ED;
      box-shadow: 0 0 0 2px transparent, 0 0 0 0 #161618, 0 0 3px 2px rgba(255, 255, 255, 0.3); }
    .header .toolbar [class^='btn']:focus:not(.hide-focus) .icon,
    .header .flex-toolbar [class^='btn']:focus:not(.hide-focus) .icon,
    .subheader .toolbar [class^='btn']:focus:not(.hide-focus) .icon,
    .subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus) .icon,
    .personalize-subheader .toolbar [class^='btn']:focus:not(.hide-focus) .icon,
    .personalize-subheader .flex-toolbar [class^='btn']:focus:not(.hide-focus) .icon {
      color: #161618; }
  .header .toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
  .header .flex-toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
  .subheader .toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
  .subheader .flex-toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
  .personalize-subheader .toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
  .personalize-subheader .flex-toolbar [class^='btn'].is-selected:focus:not(.hide-focus) {
    color: #161618; }
  .header .toolbar [class^='btn'].is-pressed,
  .header .flex-toolbar [class^='btn'].is-pressed,
  .subheader .toolbar [class^='btn'].is-pressed,
  .subheader .flex-toolbar [class^='btn'].is-pressed,
  .personalize-subheader .toolbar [class^='btn'].is-pressed,
  .personalize-subheader .flex-toolbar [class^='btn'].is-pressed {
    color: #161618; }
    .header .toolbar [class^='btn'].is-pressed .icon,
    .header .flex-toolbar [class^='btn'].is-pressed .icon,
    .subheader .toolbar [class^='btn'].is-pressed .icon,
    .subheader .flex-toolbar [class^='btn'].is-pressed .icon,
    .personalize-subheader .toolbar [class^='btn'].is-pressed .icon,
    .personalize-subheader .flex-toolbar [class^='btn'].is-pressed .icon {
      color: #161618; }
  .header .toolbar [class^='btn'][disabled],
  .header .flex-toolbar [class^='btn'][disabled],
  .subheader .toolbar [class^='btn'][disabled],
  .subheader .flex-toolbar [class^='btn'][disabled],
  .personalize-subheader .toolbar [class^='btn'][disabled],
  .personalize-subheader .flex-toolbar [class^='btn'][disabled] {
    color: rgba(0, 0, 0, 0.3) !important; }
    .header .toolbar [class^='btn'][disabled] .icon,
    .header .flex-toolbar [class^='btn'][disabled] .icon,
    .subheader .toolbar [class^='btn'][disabled] .icon,
    .subheader .flex-toolbar [class^='btn'][disabled] .icon,
    .personalize-subheader .toolbar [class^='btn'][disabled] .icon,
    .personalize-subheader .flex-toolbar [class^='btn'][disabled] .icon {
      color: rgba(0, 0, 0, 0.3) !important; }
    .header .toolbar [class^='btn'][disabled]:hover,
    .header .flex-toolbar [class^='btn'][disabled]:hover,
    .subheader .toolbar [class^='btn'][disabled]:hover,
    .subheader .flex-toolbar [class^='btn'][disabled]:hover,
    .personalize-subheader .toolbar [class^='btn'][disabled]:hover,
    .personalize-subheader .flex-toolbar [class^='btn'][disabled]:hover {
      background-color: transparent;
      border-color: transparent; }
  .header .toolbar [class^='btn'] .ripple-effect,
  .header .flex-toolbar [class^='btn'] .ripple-effect,
  .subheader .toolbar [class^='btn'] .ripple-effect,
  .subheader .flex-toolbar [class^='btn'] .ripple-effect,
  .personalize-subheader .toolbar [class^='btn'] .ripple-effect,
  .personalize-subheader .flex-toolbar [class^='btn'] .ripple-effect {
    background-color: #161618; }

@media (max-width: 767px) {
  .header .toolbar .toolbar-section.search-categories.search,
  .header .flex-toolbar .toolbar-section.search-categories.search,
  .subheader .toolbar .toolbar-section.search-categories.search,
  .subheader .flex-toolbar .toolbar-section.search-categories.search,
  .personalize-subheader .toolbar .toolbar-section.search-categories.search,
  .personalize-subheader .flex-toolbar .toolbar-section.search-categories.search {
    width: 50%; } }

.header .toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
.header .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
.subheader .toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
.subheader .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
.personalize-subheader .toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
.personalize-subheader .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button {
  color: #3B3B3F;
  height: 38px;
  padding-right: 20px; }
  @media (min-width: 767px) {
    .header .toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
    .header .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
    .subheader .toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
    .subheader .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
    .personalize-subheader .toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button,
    .personalize-subheader .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button {
      padding-right: 10px; } }

.header .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
.header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
.subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
.subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
.personalize-subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
.personalize-subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon {
  height: auto;
  right: 40px;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 767px) {
    .header .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
    .header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
    .subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
    .subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
    .personalize-subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon,
    .personalize-subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon {
      right: 7px; } }
  .header .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon .icon.close,
  .header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon .icon.close,
  .subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon .icon.close,
  .subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon .icon.close,
  .personalize-subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon .icon.close,
  .personalize-subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon .icon.close {
    margin-top: 0;
    top: 0;
    transform: translateY(0); }
  .header .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon:hover .icon.close,
  .header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon:hover .icon.close,
  .subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon:hover .icon.close,
  .subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon:hover .icon.close,
  .personalize-subheader .toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon:hover .icon.close,
  .personalize-subheader .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon:hover .icon.close {
    color: #161618; }

.header .toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories,
.header .toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper,
.header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories,
.header .flex-toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper,
.subheader .toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories,
.subheader .toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper,
.subheader .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories,
.subheader .flex-toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper,
.personalize-subheader .toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories,
.personalize-subheader .toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper,
.personalize-subheader .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories,
.personalize-subheader .flex-toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper {
  width: 100%; }
  .header .toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories.is-open .collapse-button,
  .header .toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper.is-open .collapse-button,
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories.is-open .collapse-button,
  .header .flex-toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper.is-open .collapse-button,
  .subheader .toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories.is-open .collapse-button,
  .subheader .toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper.is-open .collapse-button,
  .subheader .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories.is-open .collapse-button,
  .subheader .flex-toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper.is-open .collapse-button,
  .personalize-subheader .toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories.is-open .collapse-button,
  .personalize-subheader .toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper.is-open .collapse-button,
  .personalize-subheader .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.has-categories.is-open .collapse-button,
  .personalize-subheader .flex-toolbar .toolbar-section.search-categories .toolbar-searchfield-wrapper.is-open .collapse-button {
    border-bottom: 0;
    border-right: 0;
    border-top: 0; }

.header .toolbar .toolbar-section.flex-end,
.header .flex-toolbar .toolbar-section.flex-end,
.subheader .toolbar .toolbar-section.flex-end,
.subheader .flex-toolbar .toolbar-section.flex-end,
.personalize-subheader .toolbar .toolbar-section.flex-end,
.personalize-subheader .flex-toolbar .toolbar-section.flex-end {
  justify-content: flex-end; }

.header .toolbar .toolbar-section.flex-grow-1,
.header .flex-toolbar .toolbar-section.flex-grow-1,
.subheader .toolbar .toolbar-section.flex-grow-1,
.subheader .flex-toolbar .toolbar-section.flex-grow-1,
.personalize-subheader .toolbar .toolbar-section.flex-grow-1,
.personalize-subheader .flex-toolbar .toolbar-section.flex-grow-1 {
  flex-grow: 1; }

.header .toolbar .toolbar-section.flex-grow-2,
.header .flex-toolbar .toolbar-section.flex-grow-2,
.subheader .toolbar .toolbar-section.flex-grow-2,
.subheader .flex-toolbar .toolbar-section.flex-grow-2,
.personalize-subheader .toolbar .toolbar-section.flex-grow-2,
.personalize-subheader .flex-toolbar .toolbar-section.flex-grow-2 {
  flex-grow: 2; }

.header .full-searchfield-container,
.subheader .full-searchfield-container,
.personalize-subheader .full-searchfield-container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 1.1rem 2rem 0;
  vertical-align: middle; }
  @media (max-width: 400px) {
    .header .full-searchfield-container,
    .subheader .full-searchfield-container,
    .personalize-subheader .full-searchfield-container {
      padding: 1.1rem 0.5rem 0; } }
  @media (min-width: 767px) {
    .header .full-searchfield-container,
    .subheader .full-searchfield-container,
    .personalize-subheader .full-searchfield-container {
      padding: 1.1rem 4rem 0; } }
  .header .full-searchfield-container .hyperlink,
  .subheader .full-searchfield-container .hyperlink,
  .personalize-subheader .full-searchfield-container .hyperlink {
    color: #ffffff;
    float: right;
    font-size: 1.6rem; }
    .header .full-searchfield-container .hyperlink:hover,
    .subheader .full-searchfield-container .hyperlink:hover,
    .personalize-subheader .full-searchfield-container .hyperlink:hover {
      color: #ffffff; }
    .header .full-searchfield-container .hyperlink:focus:not(.hide-focus)::after, .header .full-searchfield-container .hyperlink:active::after,
    .subheader .full-searchfield-container .hyperlink:focus:not(.hide-focus)::after,
    .subheader .full-searchfield-container .hyperlink:active::after,
    .personalize-subheader .full-searchfield-container .hyperlink:focus:not(.hide-focus)::after,
    .personalize-subheader .full-searchfield-container .hyperlink:active::after {
      border-color: #ffffff; }

.header [class^='btn'] .icon.app-header > span,
.subheader [class^='btn'] .icon.app-header > span,
.personalize-subheader [class^='btn'] .icon.app-header > span {
  background-color: #161618; }

.header [class^='btn']:focus .icon.app-header > span, .header [class^='btn']:hover .icon.app-header > span,
.subheader [class^='btn']:focus .icon.app-header > span,
.subheader [class^='btn']:hover .icon.app-header > span,
.personalize-subheader [class^='btn']:focus .icon.app-header > span,
.personalize-subheader [class^='btn']:hover .icon.app-header > span {
  background-color: #0072ED; }

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

.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),
.personalize-subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
  color: #161618; }
  .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,
  .personalize-subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
    color: #161618; }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon,
  .subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon,
  .personalize-subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon {
    color: #161618; }
  .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),
  .personalize-subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus) {
    color: #161618; }
  .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,
  .personalize-subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .ripple-effect {
    background-color: #161618; }

.header .breadcrumb,
.subheader .breadcrumb,
.personalize-subheader .breadcrumb {
  display: block;
  padding: 1px 20px 0; }
  .header .breadcrumb ol,
  .subheader .breadcrumb ol,
  .personalize-subheader .breadcrumb ol {
    padding: 0; }
  .header .breadcrumb .breadcrumb-list li.current .hyperlink,
  .header .breadcrumb .hyperlink,
  .subheader .breadcrumb .breadcrumb-list li.current .hyperlink,
  .subheader .breadcrumb .hyperlink,
  .personalize-subheader .breadcrumb .breadcrumb-list li.current .hyperlink,
  .personalize-subheader .breadcrumb .hyperlink {
    color: #F5F5F5; }
    .header .breadcrumb .breadcrumb-list li.current .hyperlink:active:not([disabled]), .header .breadcrumb .breadcrumb-list li.current .hyperlink:hover:not([disabled]), .header .breadcrumb .breadcrumb-list li.current .hyperlink:focus:not([disabled]),
    .header .breadcrumb .hyperlink:active:not([disabled]),
    .header .breadcrumb .hyperlink:hover:not([disabled]),
    .header .breadcrumb .hyperlink:focus:not([disabled]),
    .subheader .breadcrumb .breadcrumb-list li.current .hyperlink:active:not([disabled]),
    .subheader .breadcrumb .breadcrumb-list li.current .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .breadcrumb-list li.current .hyperlink:focus:not([disabled]),
    .subheader .breadcrumb .hyperlink:active:not([disabled]),
    .subheader .breadcrumb .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .hyperlink:focus:not([disabled]),
    .personalize-subheader .breadcrumb .breadcrumb-list li.current .hyperlink:active:not([disabled]),
    .personalize-subheader .breadcrumb .breadcrumb-list li.current .hyperlink:hover:not([disabled]),
    .personalize-subheader .breadcrumb .breadcrumb-list li.current .hyperlink:focus:not([disabled]),
    .personalize-subheader .breadcrumb .hyperlink:active:not([disabled]),
    .personalize-subheader .breadcrumb .hyperlink:hover:not([disabled]),
    .personalize-subheader .breadcrumb .hyperlink:focus:not([disabled]) {
      color: #F5F5F5; }
    .header .breadcrumb .breadcrumb-list li.current .hyperlink:focus:not([disabled]):not(.hide-focus),
    .header .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus),
    .subheader .breadcrumb .breadcrumb-list li.current .hyperlink:focus:not([disabled]):not(.hide-focus),
    .subheader .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus),
    .personalize-subheader .breadcrumb .breadcrumb-list li.current .hyperlink:focus:not([disabled]):not(.hide-focus),
    .personalize-subheader .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus) {
      outline: 1px solid #F5F5F5; }
    .header .breadcrumb .breadcrumb-list li.current .hyperlink:hover:not([disabled]),
    .header .breadcrumb .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .breadcrumb-list li.current .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .hyperlink:hover:not([disabled]),
    .personalize-subheader .breadcrumb .breadcrumb-list li.current .hyperlink:hover:not([disabled]),
    .personalize-subheader .breadcrumb .hyperlink:hover:not([disabled]) {
      border-bottom: 1px solid #F5F5F5; }
  .header .breadcrumb li,
  .subheader .breadcrumb li,
  .personalize-subheader .breadcrumb li {
    color: #F5F5F5; }
    .header .breadcrumb li::after,
    .subheader .breadcrumb li::after,
    .personalize-subheader .breadcrumb li::after {
      color: #F5F5F5; }
  .header .breadcrumb.alternate,
  .subheader .breadcrumb.alternate,
  .personalize-subheader .breadcrumb.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #28282A; }
    .header .breadcrumb.alternate ol,
    .subheader .breadcrumb.alternate ol,
    .personalize-subheader .breadcrumb.alternate ol {
      padding: 15px 0; }
    .header .breadcrumb.alternate .hyperlink,
    .subheader .breadcrumb.alternate .hyperlink,
    .personalize-subheader .breadcrumb.alternate .hyperlink {
      color: #28282A; }
      .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]),
      .personalize-subheader .breadcrumb.alternate .hyperlink:active:not([disabled]),
      .personalize-subheader .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .personalize-subheader .breadcrumb.alternate .hyperlink:focus:not([disabled]) {
        color: #28282A; }
      .header .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus),
      .subheader .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus),
      .personalize-subheader .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus) {
        outline: 1px solid #28282A; }
      .header .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .personalize-subheader .breadcrumb.alternate .hyperlink:hover:not([disabled]) {
        border-bottom: 1px solid #28282A; }
    .header .breadcrumb.alternate li,
    .subheader .breadcrumb.alternate li,
    .personalize-subheader .breadcrumb.alternate li {
      color: #28282A; }
      .header .breadcrumb.alternate li::after,
      .subheader .breadcrumb.alternate li::after,
      .personalize-subheader .breadcrumb.alternate li::after {
        color: #28282A; }

.subheader .toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button),
.personalize-subheader .toolbar [class^='btn']:focus:not(.hide-focus):not(.collapse-button) {
  box-shadow: 0 0 0 2px transparent, 0 0 0 1px #161618, 0 0 3px 2px rgba(255, 255, 255, 0.3) !important; }

.subheader h1,
.subheader h2,
.subheader h3,
.personalize-subheader h1,
.personalize-subheader h2,
.personalize-subheader h3 {
  display: inline-block;
  margin: 16px 15px;
  color: #161618; }

.subheader h2,
.subheader h3,
.personalize-subheader h2,
.personalize-subheader h3 {
  font-size: 2rem; }

.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,
.personalize-subheader .toolbar [class^='btn'] .app-header.icon > span,
.personalize-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: #161618; }

.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,
.personalize-subheader .toolbar [class^='btn']:hover:not([disabled]) .app-drawer.icon > span,
.personalize-subheader .toolbar [class^='btn']:hover:not([disabled]) .app-header.icon > span,
.personalize-subheader .toolbar [class^='btn']:active:not([disabled]) .app-drawer.icon > span,
.personalize-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: #0072ED; }

.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,
.personalize-subheader .toolbar [class^='btn']:focus .app-drawer.icon > span,
.personalize-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: #161618; }

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

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button {
  padding-inline-end: 20px;
  padding-right: 10px; }
  @media (min-width: 767px) {
    html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .btn.searchfield-category-button {
      padding-inline-end: 10px; } }

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .toolbar-searchfield-wrapper .searchfield {
  height: 38px; }
  @media (min-width: 767px) {
    html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .toolbar-searchfield-wrapper .searchfield {
      height: 34px; } }

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .collapse-button {
  height: 38px; }
  @media (min-width: 767px) {
    html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .collapse-button {
      height: 34px; } }

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon {
  right: calc(100% - 60px); }
  @media (min-width: 767px) {
    html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon {
      right: calc(100% - 30px); } }

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

.header h1 {
  font-size: 2rem; }

.header .page-title {
  font-size: 2.2rem;
  margin-top: 0; }

.header .toolbar .application-menu-trigger svg.icon {
  width: 18px;
  height: 18px; }

.header .toolbar .page-title, .header .toolbar .section-title {
  font-size: 20px; }

.header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.searchfield-category-button {
  border-right: transparent; }

.header .toolbar .buttonset .searchfield-wrapper.non-collapsible.toolbar-searchfield-wrapper.has-categories.has-go-button.has-close-icon-button.is-open button.btn-icon.close svg.close.icon {
  top: 10px !important; }

.header .toolbar .buttonset .toolbar-searchfield-wrapper .btn-icon.close .icon.close {
  top: 9px; }

.header .flex-toolbar .toolbar-section.search.search-categories .toolbar-searchfield-wrapper .searchfield-category-button:focus {
  border: 1px solid #161618;
  box-shadow: none !important; }
  .header .flex-toolbar .toolbar-section.search.search-categories .toolbar-searchfield-wrapper .searchfield-category-button:focus::after {
    content: none; }

.header .flex-toolbar .toolbar-section.search.search-categories .btn.searchfield-category-button {
  height: 38px;
  padding-right: 20px; }
  @media (min-width: 767px) {
    .header .flex-toolbar .toolbar-section.search.search-categories .btn.searchfield-category-button {
      padding-right: 6px; } }

.header .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper.has-text:not(.active):not(.non-collapsible) {
  width: 34px; }
  .header .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper.has-text:not(.active):not(.non-collapsible).non-collapsible {
    width: 100%; }

.header .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper.non-collapsible.has-close-icon-button .btn-icon.close .icon.close {
  top: 8px; }

.header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .searchfield {
  /* Chrome | Opera |Safari | Edge */
  /* Firefox 19+ */
  /* IE 10+ */
  /* Firefox 18- */
  background-color: #ffffff;
  border-left-color: #BBBBBF;
  color: #3B3B3F; }
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .searchfield::-webkit-input-placeholder {
    color: #6F6F76;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 1; }
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .searchfield::-moz-placeholder {
    color: #6F6F76;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 1; }
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .searchfield:-ms-input-placeholder {
    color: #6F6F76;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 1; }
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .searchfield:-moz-placeholder {
    color: #6F6F76;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 1; }
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .searchfield + .btn-icon.close svg {
    top: 0 !important;
    color: #6F6F76 !important; }
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .searchfield + .btn-icon.close:hover svg {
    color: #3B3B3F;
    background-color: rgba(224, 224, 225, 0); }

.header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .btn.searchfield-category-button {
  background-color: #ffffff !important;
  color: #3B3B3F !important; }
  .header .flex-toolbar .toolbar-section.search-categories .searchfield-wrapper.non-collapsible.has-categories .btn.searchfield-category-button svg.icon.icon-dropdown {
    margin-left: 1px;
    margin-right: 2px; }

.header .toolbar [class^='btn'].application-menu-trigger {
  top: 3px; }

.header .toolbar .application-menu-trigger svg.icon {
  top: 0; }

.header .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) {
  height: unset;
  margin: 3px 5px 3px 0; }
  .header .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open):hover {
    border-radius: unset;
    background-color: transparent; }
  .header .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) .icon:not(.icon-dropdown) {
    top: -2px;
    right: 8px;
    left: 8px; }
  .header .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) .searchfield {
    padding-bottom: 7px; }

.header .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) {
  height: unset;
  margin-top: unset;
  margin-bottom: unset; }
  .header .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible):hover {
    border-radius: unset;
    background-color: transparent; }
  .header .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) .searchfield {
    padding-bottom: 7px; }

.subheader .full-searchfield-container .searchfield-wrapper.context .searchfield-category-button {
  background-color: #ffffff;
  color: #3B3B3F; }

.subheader .full-searchfield-container .searchfield-wrapper.context.non-collapsible.has-go-button .btn-icon.close {
  right: 100px;
  top: 8px;
  width: 24px; }
  .subheader .full-searchfield-container .searchfield-wrapper.context.non-collapsible.has-go-button .btn-icon.close:hover svg {
    color: #3B3B3F; }

.subheader .full-searchfield-container .searchfield-wrapper.context.non-collapsible.has-go-button.show-category .btn-icon.close {
  right: 54px; }

.subheader .full-searchfield-container .searchfield-wrapper.has-categories.show-category .searchfield {
  border-color: #C5C5C9;
  border-left-color: #BBBBBF; }
  .subheader .full-searchfield-container .searchfield-wrapper.has-categories.show-category .searchfield:hover {
    border-color: #28282A; }

.subheader .full-searchfield-container .searchfield-wrapper.context.has-focus .btn {
  border-color: #BBBBBF; }

.subheader .full-searchfield-container .searchfield-wrapper.context > .searchfield {
  background-color: #ffffff;
  color: #161618; }

.subheader .full-searchfield-container .searchfield-wrapper .btn.is-open,
.subheader .full-searchfield-container .searchfield-wrapper .btn.is-open .icon {
  color: #0072ED; }

.subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:focus, .subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:active {
  color: #0072ED; }
  .subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:focus .icon, .subheader .full-searchfield-container .searchfield-wrapper.has-focus .btn:active .icon {
    color: #0072ED; }

.header .toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover,
.header .flex-toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover,
.subheader .toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover,
.subheader .flex-toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover,
.personalize-subheader .toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover,
.personalize-subheader .flex-toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover {
  color: #ffffff;
  background-color: #E6F1FD; }
  .header .toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover svg.icon,
  .header .flex-toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover svg.icon,
  .subheader .toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover svg.icon,
  .subheader .flex-toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover svg.icon,
  .personalize-subheader .toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover svg.icon,
  .personalize-subheader .flex-toolbar [class^='btn']:not(.close):not(.collapse-button):not([disabled]):hover svg.icon {
    color: #0072ED; }

.header .toolbar [class^='btn'].application-menu-trigger:hover:not(:focus) .icon,
.header .flex-toolbar [class^='btn'].application-menu-trigger:hover:not(:focus) .icon,
.subheader .toolbar [class^='btn'].application-menu-trigger:hover:not(:focus) .icon,
.subheader .flex-toolbar [class^='btn'].application-menu-trigger:hover:not(:focus) .icon,
.personalize-subheader .toolbar [class^='btn'].application-menu-trigger:hover:not(:focus) .icon,
.personalize-subheader .flex-toolbar [class^='btn'].application-menu-trigger:hover:not(:focus) .icon {
  color: #0072ED; }

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .toolbar-searchfield-wrapper.has-categories.is-open .collapse-button {
  border-color: inherit; }

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .toolbar-searchfield-wrapper.has-categories .searchfield:focus {
  border-right: 1px solid #161618; }

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon {
  right: calc(100% - 100px); }
  @media (min-width: 767px) {
    html[dir='rtl'] .header .flex-toolbar .toolbar-section.search-categories.search .has-close-icon-button .btn-icon {
      right: calc(100% - 30px); } }

html[dir='rtl'] .header .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper .collapse-button {
  border-color: inherit; }

html[dir='rtl'] .subheader .full-searchfield-container .searchfield-wrapper.context.non-collapsible.has-go-button.show-category .btn-icon.close {
  margin: 0;
  right: auto;
  left: 54px; }

/**
 * shared  : shared global vars, mixins ect..
 * base    : base styles from original (horizontal) layout
 * mobile  : mobile only overrides and global mobile overrides
 * paging  : paging layout overrides
 * stacked : stacked layout for mobile
 * rtl     : right to left overrides
 * browser : browser specific overrides
 */
/** default **/
.hierarchy {
  margin: 0;
  padding: 20px; }
  .hierarchy .branch-collapsed > ul * {
    display: none; }
  .hierarchy legend {
    display: inline-block;
    font-size: 1.6rem;
    margin: 20px 40px; }
    .hierarchy legend li {
      display: inline-block;
      margin-bottom: 10px;
      margin-right: 20px; }
    .hierarchy legend .key {
      border-radius: 50%;
      display: inline-block;
      height: 15px;
      margin: 0 10px;
      width: 15px; }
    .hierarchy legend span {
      vertical-align: middle; }
  .hierarchy .container {
    display: table;
    margin: 0 auto; }
    @media (max-width: 399px) {
      .hierarchy .container {
        width: 100%; } }
    .hierarchy .container li {
      -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
    .hierarchy .container .chart {
      position: relative; }
      .hierarchy .container .chart.has-single-child .sub-level > li:last-child::before,
      .hierarchy .container .chart.has-single-child .sub-level > li:first-child::before,
      .hierarchy .container .chart.has-single-child .sub-level > li::before {
        display: none; }
      .hierarchy .container .chart.has-single-child .root {
        margin: 0; }
        .hierarchy .container .chart.has-single-child .root + .sub-level::before {
          height: 66px;
          left: 20px; }
        .hierarchy .container .chart.has-single-child .root + .sub-level > li .leaf::before {
          border-bottom: 1.34px solid #C5C5C9;
          border-left: 1.34px solid #C5C5C9;
          content: '';
          display: block;
          height: 105px;
          left: -30px;
          position: absolute;
          top: -65px;
          width: calc(50% + 2px);
          z-index: -1; }
    .hierarchy .container .sub-level > li > ul .leaf::before {
      border-bottom: 1.34px solid #C5C5C9;
      border-left: 1.34px solid #C5C5C9;
      content: '';
      display: block;
      height: 105px;
      left: -30px;
      position: absolute;
      top: -65px;
      width: 50%;
      z-index: -1; }
    .hierarchy .container .sub-level > li ul:not(.popupmenu) {
      position: relative; }
    .hierarchy .container .sub-level > li.branch-expanded > ul > li.branch-expanded:not(:last-child)::after {
      border-left: 1.34px solid #C5C5C9;
      content: '';
      height: 100%;
      left: -25px;
      position: absolute;
      top: 0; }
    .hierarchy .container .chart:not(.has-single-child) > .sub-level > li.branch-expanded:last-child::after {
      background-color: #ffffff;
      content: '';
      height: 100%;
      left: 13px;
      margin-top: calc(-100% + 53px);
      position: absolute;
      width: 52px;
      z-index: -1; }
  .hierarchy .leaf {
    background-color: #ffffff;
    border: 1px solid #C5C5C9;
    border-left: 5px solid #6F6F76;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 75px;
    position: relative;
    width: 275px; }
    .hierarchy .leaf.azure08 {
      border-left-color: #0054B1; }
      .hierarchy .leaf.azure08 .image-initials {
        background-color: #0054B1; }
      .hierarchy .leaf.azure08 .image-placeholder {
        border: 2px solid #0054B1; }
    .hierarchy .leaf.turquoise02 {
      border-left-color: #CFEEEE; }
      .hierarchy .leaf.turquoise02 .image-initials {
        background-color: #CFEEEE; }
      .hierarchy .leaf.turquoise02 .image-placeholder {
        border: 2px solid #CFEEEE; }
    .hierarchy .leaf.amethyst06 {
      border-left-color: #7928E1; }
      .hierarchy .leaf.amethyst06 .image-initials {
        background-color: #7928E1; }
      .hierarchy .leaf.amethyst06 .image-placeholder {
        border: 2px solid #7928E1; }
    .hierarchy .leaf.slate06 {
      border-left-color: #6F6F76; }
      .hierarchy .leaf.slate06 .image-initials {
        background-color: #6F6F76; }
      .hierarchy .leaf.slate06 .image-placeholder {
        border: 2px solid #6F6F76; }
    .hierarchy .leaf.amber06 {
      border-left-color: #F98300; }
      .hierarchy .leaf.amber06 .image-initials {
        background-color: #F98300; }
      .hierarchy .leaf.amber06 .image-placeholder {
        border: 2px solid #F98300; }
    .hierarchy .leaf.emerald07 {
      border-left-color: #25AF65; }
      .hierarchy .leaf.emerald07 .image-initials {
        background-color: #25AF65; }
      .hierarchy .leaf.emerald07 .image-placeholder {
        border: 2px solid #25AF65; }
    .hierarchy .leaf.ruby06 {
      border-left-color: #DA1217; }
      .hierarchy .leaf.ruby06 .image-initials {
        background-color: #DA1217; }
      .hierarchy .leaf.ruby06 .image-placeholder {
        border: 2px solid #DA1217; }
    .hierarchy .leaf.is-selected {
      box-shadow: 0 0 0 5px rgba(54, 138, 192, 0.1); }
    .hierarchy .leaf img,
    .hierarchy .leaf .image-placeholder {
      border-radius: 50%;
      float: left;
      height: 55px;
      margin-left: 14px;
      margin-top: 8px;
      width: 55px; }
    .hierarchy .leaf .image-initials {
      float: left;
      height: 55px;
      min-height: 55px;
      line-height: 5.5rem;
      margin-left: 14px;
      margin-top: 10px;
      min-width: 55px;
      width: 55px; }
    .hierarchy .leaf .image-placeholder {
      border: 2px solid #525257; }
    .hierarchy .leaf .detail {
      flex-grow: 1;
      margin-left: 20px;
      margin-right: 10px;
      max-width: 178px;
      overflow: hidden;
      text-align: left; }
    .hierarchy .leaf .heading {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 16px;
      font-size: 1.6rem;
      color: #161618;
      line-height: 20px;
      margin-top: 8px; }
    .hierarchy .leaf .subheading {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #161618;
      font-size: 1.6rem;
      line-height: 20px;
      margin-top: 0; }
    .hierarchy .leaf .micro {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #161618;
      font-size: 1.6rem;
      line-height: 18px;
      margin-top: 0; }
    .hierarchy .leaf .btn-icon {
      left: 0;
      position: relative;
      top: -16px; }
    .hierarchy .leaf .btn-hidden {
      display: none; }
  .hierarchy ul > li > .leaf {
    width: 260px; }
    @media only screen and (min-width: 400px) and (max-width: 610px) {
      .hierarchy ul > li > .leaf {
        width: 280px; } }
    @media (min-width: 610px) {
      .hierarchy ul > li > .leaf {
        width: 315px; } }
    .hierarchy ul > li > .leaf .btn-actions,
    .hierarchy ul > li > .leaf .btn-expand,
    .hierarchy ul > li > .leaf .btn-collapse {
      height: 30px;
      left: auto;
      min-height: 30px;
      min-width: 30px;
      right: 13px;
      top: 22px;
      width: 30px; }
  .hierarchy li[data-disabled='true'],
  .hierarchy li[data-disabled='true'] > a {
    cursor: default;
    opacity: 0.5; }
  .hierarchy .root {
    margin: 0 auto;
    position: relative; }
    .hierarchy .root::after {
      background: #C5C5C9 none repeat scroll 0 0;
      content: '';
      position: absolute;
      width: 1.34px;
      z-index: -1;
      bottom: 0;
      height: 50%;
      left: 50%; }
    .hierarchy .root + .sub-level {
      padding-bottom: 5px;
      padding-left: 35px;
      padding-top: 25px; }
      .hierarchy .root + .sub-level::before {
        background: #C5C5C9 none repeat scroll 0 0;
        content: '';
        position: absolute;
        width: 1.34px;
        z-index: -1;
        height: 32px;
        left: 50%;
        top: 0; }
  .hierarchy .top-level {
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    text-align: center; }
    .hierarchy .top-level::after {
      background: #C5C5C9 none repeat scroll 0 0;
      content: '';
      position: absolute;
      width: 1.34px;
      z-index: -1;
      height: 100%;
      left: 50%;
      top: 0; }
    .hierarchy .top-level.no-sublevel::after {
      height: calc(100% - 40px); }
    .hierarchy .top-level li {
      display: inline-block;
      padding: 20px; }
      .hierarchy .top-level li:last-child::before {
        border-top: 0; }
  .hierarchy .sub-level {
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap; }
    .hierarchy .sub-level > li {
      display: inline-block;
      padding: 5px 10px;
      vertical-align: top; }
      .hierarchy .sub-level > li:first-child::before {
        border-left: 1.34px solid #C5C5C9;
        border-top: 1.34px solid #C5C5C9;
        content: '';
        display: inline-block;
        height: 25px;
        margin-left: 51%;
        width: 55%; }
      .hierarchy .sub-level > li::before {
        border-left: 0;
        border-right: 0;
        border-top: 1.34px solid #C5C5C9;
        content: '';
        display: inline-block;
        height: 25px;
        width: 120%; }
      .hierarchy .sub-level > li:last-child::before {
        border-left: 0;
        border-right: 1.34px solid #C5C5C9;
        border-top: 1.34px solid #C5C5C9;
        content: '';
        display: inline-block;
        height: 25px;
        margin-left: -51%;
        width: 50%; }
    .hierarchy .sub-level li ul:not(.popupmenu) {
      overflow: hidden;
      padding-left: 45px;
      padding-right: 5px; }
      .hierarchy .sub-level li ul:not(.popupmenu) li {
        margin: 30px 0; }
        .hierarchy .sub-level li ul:not(.popupmenu) li:last-child:not(:first-child) {
          margin: 5px 0; }
    .hierarchy .sub-level li ul.popupmenu li {
      margin: 0; }
      .hierarchy .sub-level li ul.popupmenu li:last-child:not(:first-child) {
        margin: 0; }
  .hierarchy .image-user-status {
    display: block; }
  .hierarchy .popupmenu.has-detail-fields {
    padding-top: 0; }
  .hierarchy .popupmenu.has-detail-fields + .arrow {
    border-bottom-color: #C5C5C9; }
  .hierarchy .popupmenu.has-detail-fields + .arrow::after {
    border-bottom-color: #ffffff; }
  .hierarchy .detail-fields {
    background: #ffffff;
    border-bottom: thin solid #C5C5C9;
    padding: 10px; }
    .hierarchy .detail-fields .dt-fields-row {
      display: table-row; }
    .hierarchy .detail-fields .dt-fields-cell:first-child {
      opacity: 0.7;
      padding-right: 8px;
      text-align: right; }
      .hierarchy .detail-fields .dt-fields-cell:first-child::after {
        content: ':'; }
    .hierarchy .detail-fields .dt-fields-cell {
      color: #3B3B3F;
      display: table-cell;
      font-size: 1.6rem;
      line-height: 1.4rem; }

/** implementations **/
.hierarchy.layout-is-paging legend {
  margin: 10px; }

.hierarchy.layout-is-paging .root {
  margin-left: -10px; }
  @media (min-width: 400px) and (max-width: 610px) {
    .hierarchy.layout-is-paging .root {
      margin-left: -25px; } }

.hierarchy.layout-is-paging ul > li > .leaf {
  width: 300px; }

.hierarchy.layout-is-paging .child-nodes {
  padding: 30px 0;
  position: relative; }
  .hierarchy.layout-is-paging .child-nodes > li .leaf {
    margin: 0 0 20px 6px;
    overflow: visible;
    position: relative; }
    @media (min-width: 610px) {
      .hierarchy.layout-is-paging .child-nodes > li .leaf {
        margin: 0 0 20px 40px; } }
    .hierarchy.layout-is-paging .child-nodes > li .leaf::after {
      border-top: 1.34px solid #C5C5C9;
      content: '';
      display: block;
      left: -25px;
      position: absolute;
      top: 50%;
      width: 50%;
      z-index: -1; }
      @media (min-width: 610px) {
        .hierarchy.layout-is-paging .child-nodes > li .leaf::after {
          left: -45px; } }

@media (min-width: 400px) and (max-width: 610px) {
  .hierarchy.layout-is-paging .chart {
    left: 35px; } }

.hierarchy.layout-is-paging .chart::after {
  background: #C5C5C9 none repeat scroll 0 0;
  content: '';
  position: absolute;
  width: 1.34px;
  z-index: -1;
  height: calc(100% - 124px);
  left: -15px;
  top: 38px; }
  @media (min-width: 610px) {
    .hierarchy.layout-is-paging .chart::after {
      left: 0; } }

.hierarchy.layout-is-paging .chart .back {
  position: relative; }
  .hierarchy.layout-is-paging .chart .back button {
    background: #0072ED;
    color: #ffffff;
    display: block;
    margin: 0 0 0 122px;
    max-width: 36px; }
    @media (min-width: 400px) {
      .hierarchy.layout-is-paging .chart .back button {
        margin: 0 auto; } }
    .hierarchy.layout-is-paging .chart .back button svg {
      color: #ffffff; }

.hierarchy.layout-is-paging .chart .back-container {
  display: flex; }
  .hierarchy.layout-is-paging .chart .back-container .back {
    left: -10px;
    top: 20px; }
  .hierarchy.layout-is-paging .chart .back-container button {
    margin: 0; }
  @media (max-width: 610px) {
    .hierarchy.layout-is-paging .chart .back-container {
      margin-left: -35px; } }
  @media (max-width: 400px) {
    .hierarchy.layout-is-paging .chart .back-container {
      margin-left: 0; } }

.hierarchy.layout-is-paging .chart .root {
  overflow: visible;
  position: relative; }
  .hierarchy.layout-is-paging .chart .root::after {
    background: #C5C5C9;
    content: '';
    display: none;
    height: 1.34px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 50%;
    z-index: -1; }
    @media (min-width: 400px) {
      .hierarchy.layout-is-paging .chart .root::after {
        display: block; } }

.hierarchy.layout-is-paging .chart.has-back .root::after {
  left: -25px; }

.hierarchy.layout-is-paging .chart.has-back::after {
  left: 6px; }

.hierarchy.layout-is-paging .chart.has-back .child-nodes {
  margin-left: 20px; }

.hierarchy.layout-is-paging .chart.has-back .child-nodes .leaf {
  width: 280px; }

@media (min-width: 610px) {
  .hierarchy.layout-is-paging .chart.has-back .child-nodes {
    margin-left: 45px; }
  .hierarchy.layout-is-paging .chart.has-back::after {
    left: 45px; } }

@media (max-width: 400px) {
  .hierarchy.layout-is-paging .chart.has-back .child-nodes {
    margin-left: 60px; }
  .hierarchy.layout-is-paging .chart.has-back::after {
    height: calc(100% - 161px);
    left: 45px;
    top: 75px; } }

@media (max-width: 400px) {
  .hierarchy.layout-is-paging .chart.has-back .child-nodes {
    margin-left: 60px; }
  .hierarchy.layout-is-paging .chart.has-back::after {
    height: calc(100% - 161px);
    left: 45px;
    top: 75px; } }

@media (max-width: 320px) {
  .hierarchy.layout-is-paging .chart.has-back .back-container .leaf,
  .hierarchy.layout-is-paging .chart.has-back .child-nodes .leaf {
    width: 220px; } }

@media (min-width: 321px) and (max-width: 360px) {
  .hierarchy.layout-is-paging .chart.has-back .back-container .leaf,
  .hierarchy.layout-is-paging .chart.has-back .child-nodes .leaf {
    width: 260px; } }

@media (max-width: 400px) {
  .hierarchy.layout-is-paging .chart .child-nodes {
    margin-left: 20px; }
  .hierarchy.layout-is-paging .chart::after {
    left: 5px; } }

@media (max-width: 320px) {
  .hierarchy.layout-is-paging .chart .child-nodes .leaf {
    width: 260px; } }

.hierarchy.layout-is-stacked legend {
  margin: 10px 0;
  text-align: center; }
  .hierarchy.layout-is-stacked legend .key {
    margin-left: 0; }

.hierarchy.layout-is-stacked .root::after {
  background: #C5C5C9;
  height: 25px;
  top: -25px;
  width: 1.34px; }

.hierarchy.layout-is-stacked .root + .sub-level .leaf::before {
  display: none; }

.hierarchy.layout-is-stacked .root + .sub-level::before {
  top: -32px; }

.hierarchy.layout-is-stacked .root + .sub-level {
  padding-left: 0; }

.hierarchy.layout-is-stacked .chart > .sub-level:first-child {
  border-top: none;
  margin-top: 0; }

.hierarchy.layout-is-stacked .chart .root:first-child::after {
  display: none; }

.hierarchy.layout-is-stacked .sub-level {
  border-top: 1px solid #C5C5C9;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 25px;
  overflow: visible;
  padding-top: 5px; }

.hierarchy.layout-is-stacked .leaf.root.ancestor {
  margin-bottom: 25px; }

.hierarchy.layout-is-stacked .leaf.is-selected {
  z-index: 1; }

.hierarchy.layout-is-stacked .leaf .detail {
  max-width: 100%; }

.hierarchy.layout-is-stacked .leaf.root.ancestor:last-of-type {
  margin-bottom: 0; }
  .hierarchy.layout-is-stacked .leaf.root.ancestor:last-of-type .btn {
    display: none; }

.hierarchy.layout-is-stacked .sub-level > li::before,
.hierarchy.layout-is-stacked .sub-level > li:last-child::before,
.hierarchy.layout-is-stacked .sub-level > li:first-child::before {
  display: none; }

.hierarchy.layout-is-stacked .leaf.root .btn-actions,
.hierarchy.layout-is-stacked .leaf.root .btn-expand,
.hierarchy.layout-is-stacked .leaf.root .btn-collapse {
  height: 30px;
  left: auto;
  min-height: 30px;
  min-width: 30px;
  right: 13px;
  top: 22px;
  width: 30px; }

.hierarchy.layout-is-stacked .leaf.root .btn-icon {
  top: 20px; }

@media (max-width: 610px) {
  .hierarchy.layout-is-stacked legend {
    text-align: left; }
  .hierarchy.layout-is-stacked .container {
    width: 100%; }
  .hierarchy.layout-is-stacked .root {
    width: 100%; }
  .hierarchy.layout-is-stacked .root + .sub-level::before {
    height: 25px;
    left: 50%;
    top: -25px;
    width: 1.34px; }
  .hierarchy.layout-is-stacked .container .chart .sub-level {
    padding-left: 0; }
  .hierarchy.layout-is-stacked .sub-level {
    border-top: none;
    display: block;
    padding: 0; }
  .hierarchy.layout-is-stacked .sub-level > li {
    padding-bottom: 0; }
    .hierarchy.layout-is-stacked .sub-level > li .leaf {
      border-top: none; }
  .hierarchy.layout-is-stacked .sub-level > li:first-child .leaf {
    border-top: 1px solid #C5C5C9; }
  .hierarchy.layout-is-stacked .container .chart .sub-level li .leaf {
    max-width: 100%; } }

html[dir='rtl'] .hierarchy legend li {
  margin-left: 20px;
  margin-right: inherit; }

html[dir='rtl'] .hierarchy .leaf {
  border-left: 1px solid #C5C5C9;
  border-right: 5px solid #6F6F76;
  padding-left: 5px; }
  html[dir='rtl'] .hierarchy .leaf.azure08 {
    border-left-color: #C5C5C9;
    border-right-color: #0054B1; }
  html[dir='rtl'] .hierarchy .leaf.turquoise02 {
    border-left-color: #C5C5C9;
    border-right-color: #CFEEEE; }
  html[dir='rtl'] .hierarchy .leaf.amethyst06 {
    border-left-color: #C5C5C9;
    border-right-color: #7928E1; }
  html[dir='rtl'] .hierarchy .leaf.slate06 {
    border-left-color: #C5C5C9;
    border-right-color: #6F6F76; }
  html[dir='rtl'] .hierarchy .leaf.amber06 {
    border-left-color: #C5C5C9;
    border-right-color: #F98300; }
  html[dir='rtl'] .hierarchy .leaf.emerald07 {
    border-left-color: #C5C5C9;
    border-right-color: #25AF65; }
  html[dir='rtl'] .hierarchy .leaf.ruby06 {
    border-left-color: #C5C5C9;
    border-right-color: #DA1217; }
  html[dir='rtl'] .hierarchy .leaf img,
  html[dir='rtl'] .hierarchy .leaf .image-initials,
  html[dir='rtl'] .hierarchy .leaf .image-placeholder {
    float: right;
    margin-left: 0;
    margin-right: 14px; }
  html[dir='rtl'] .hierarchy .leaf.root .btn-icon,
  html[dir='rtl'] .hierarchy .leaf .btn-icon {
    left: auto;
    right: 0;
    margin-right: 10px; }

html[dir='rtl'] .hierarchy.layout-is-paging .leaf.root {
  margin: 0; }

html[dir='rtl'] .hierarchy.layout-is-paging .chart::after {
  left: 385px; }

html[dir='rtl'] .hierarchy.layout-is-paging .chart.has-back ul {
  margin-right: 35px; }

html[dir='rtl'] .hierarchy.layout-is-paging .chart.has-back::after {
  left: 410px; }

html[dir='rtl'] .hierarchy.layout-is-paging .chart.has-back .root::after {
  left: 150px; }

html[dir='rtl'] .hierarchy.layout-is-paging .chart.has-back .child-nodes > li .leaf::after {
  left: 188px; }

html[dir='rtl'] .hierarchy.layout-is-paging .chart .back-container .back {
  left: 10px; }

html[dir='rtl'] .hierarchy.layout-is-paging .chart .child-nodes {
  padding-left: 0;
  padding-right: 55px; }
  html[dir='rtl'] .hierarchy.layout-is-paging .chart .child-nodes > li .leaf::after {
    left: 198px; }

html[dir='rtl'] .hierarchy.layout-is-stacked legend .key {
  margin-left: 10px; }

html[dir='rtl'] .hierarchy ul > li > .leaf .btn-expand,
html[dir='rtl'] .hierarchy ul > li > .leaf .btn-collapse {
  left: 13px;
  right: auto; }

html[dir='rtl'] .hierarchy .root::after {
  margin-left: inherit;
  margin-right: -65px; }

html[dir='rtl'] .hierarchy .top-level li::before {
  margin-left: inherit;
  margin-right: 150px; }

html[dir='rtl'] .hierarchy .chart.has-single-child .root + .sub-level,
html[dir='rtl'] .hierarchy .sub-level {
  padding-left: 0;
  padding-right: 35px; }
  html[dir='rtl'] .hierarchy .chart.has-single-child .root + .sub-level::before,
  html[dir='rtl'] .hierarchy .sub-level::before {
    content: none; }
  html[dir='rtl'] .hierarchy .chart.has-single-child .root + .sub-level > li::before,
  html[dir='rtl'] .hierarchy .sub-level > li::before {
    border-bottom: 0;
    border-left: 0 solid #C5C5C9;
    border-right: 1.34px solid #C5C5C9;
    margin-left: inherit;
    margin-right: 160px;
    width: 110%; }
  html[dir='rtl'] .hierarchy .chart.has-single-child .root + .sub-level > li:last-child::before,
  html[dir='rtl'] .hierarchy .sub-level > li:last-child::before {
    margin-left: 127px;
    width: 0; }
  html[dir='rtl'] .hierarchy .chart.has-single-child .root + .sub-level > li .leaf::before,
  html[dir='rtl'] .hierarchy .chart.has-single-child .root + .sub-level > li > ul .leaf::before,
  html[dir='rtl'] .hierarchy .sub-level > li .leaf::before,
  html[dir='rtl'] .hierarchy .sub-level > li > ul .leaf::before {
    border-left: 0;
    border-right: 1.34px solid #C5C5C9;
    left: auto;
    right: -35px; }
  html[dir='rtl'] .hierarchy .chart.has-single-child .root + .sub-level li ul:not(.popupmenu),
  html[dir='rtl'] .hierarchy .sub-level li ul:not(.popupmenu) {
    margin-left: inherit;
    margin-right: 45px;
    padding-left: 5px;
    padding-right: 30px; }

.ie .hierarchy .detail-fields,
.ie11 .hierarchy .detail-fields {
  padding: 10px 25px 10px 10px; }

.is-firefox .hierarchy .detail-fields {
  padding: 10px 25px 10px 10px; }

@media (max-width: 610px) {
  .hierarchy {
    margin: 0 auto;
    text-align: center; }
    .hierarchy legend {
      text-align: left; }
      .hierarchy legend li {
        margin-bottom: 10px;
        text-align: center; }
    .hierarchy .container {
      display: inline-block;
      margin: 0; }
      .hierarchy .container .chart .sub-level {
        padding-left: 45px; }
        .hierarchy .container .chart .sub-level li .leaf {
          max-width: 315px;
          width: 100%; }
    .hierarchy.layout-is-paging .container {
      display: table; }
    .hierarchy .root {
      margin: 0; }
      .hierarchy .root::after {
        background: transparent;
        height: 0;
        width: 0; }
      .hierarchy .root + .sub-level .leaf::before {
        background-color: transparent;
        border-bottom: 1px solid #C5C5C9;
        content: '';
        height: 1px;
        left: -29px;
        position: absolute;
        top: 35px;
        width: 24px; }
      .hierarchy .root + .sub-level::before {
        background-color: transparent;
        border-bottom: 1px solid #C5C5C9;
        border-left: 1px solid #C5C5C9;
        height: calc(100% - 73px);
        left: 20px;
        width: 300px;
        z-index: -1; }
    .hierarchy .sub-level {
      margin-left: 0; }
    .hierarchy .top-level::after {
      left: 158px; }
    .hierarchy .top-level li {
      display: block;
      padding: 10px 0; }
    .hierarchy .top-level > li:first-child::before,
    .hierarchy .sub-level > li:first-child::before,
    .hierarchy .sub-level > li::before,
    .hierarchy .top-level > li::before,
    .hierarchy .sub-level > li:last-child::before,
    .hierarchy .top-level > li:last-child::before {
      display: none; }
    .hierarchy .sub-level > li {
      display: block;
      padding: 0;
      padding-bottom: 30px; }
    .hierarchy .sub-level > li.branch-collapsed {
      padding-bottom: 30px;
      padding-right: 5px; } }

.layout-is-mobile-only {
  margin: 0 auto;
  text-align: center; }
  .layout-is-mobile-only legend {
    text-align: left; }
    .layout-is-mobile-only legend li {
      margin-bottom: 10px;
      text-align: center; }
  .layout-is-mobile-only .container {
    display: inline-block;
    margin: 0; }
    .layout-is-mobile-only .container .chart .sub-level {
      padding-left: 45px; }
      .layout-is-mobile-only .container .chart .sub-level li .leaf {
        max-width: 315px;
        width: 100%; }
  .layout-is-mobile-only.layout-is-paging .container {
    display: table; }
  .layout-is-mobile-only .root {
    margin: 0; }
    .layout-is-mobile-only .root::after {
      background: transparent;
      height: 0;
      width: 0; }
    .layout-is-mobile-only .root + .sub-level .leaf::before {
      background-color: transparent;
      border-bottom: 1px solid #C5C5C9;
      content: '';
      height: 1px;
      left: -29px;
      position: absolute;
      top: 35px;
      width: 24px; }
    .layout-is-mobile-only .root + .sub-level::before {
      background-color: transparent;
      border-bottom: 1px solid #C5C5C9;
      border-left: 1px solid #C5C5C9;
      height: calc(100% - 73px);
      left: 20px;
      width: 300px;
      z-index: -1; }
  .layout-is-mobile-only .sub-level {
    margin-left: 0; }
  .layout-is-mobile-only .top-level::after {
    left: 158px; }
  .layout-is-mobile-only .top-level li {
    display: block;
    padding: 10px 0; }
  .layout-is-mobile-only .top-level > li:first-child::before,
  .layout-is-mobile-only .sub-level > li:first-child::before,
  .layout-is-mobile-only .sub-level > li::before,
  .layout-is-mobile-only .top-level > li::before,
  .layout-is-mobile-only .sub-level > li:last-child::before,
  .layout-is-mobile-only .top-level > li:last-child::before {
    display: none; }
  .layout-is-mobile-only .sub-level > li {
    display: block;
    padding: 0;
    padding-bottom: 30px; }
  .layout-is-mobile-only .sub-level > li.branch-collapsed {
    padding-bottom: 30px;
    padding-right: 5px; }

@media print {
  .hierarchy {
    padding: 0; }
    .hierarchy .container {
      margin-left: 15px; }
    .hierarchy .leaf.is-selected {
      box-shadow: none; }
    .hierarchy legend {
      margin: 0 0 10px 5px; }
    .hierarchy.display-for-paging .container {
      margin-left: 25px; }
    .hierarchy.display-for-paging legend {
      margin: 0 0 10px 5px; }
    .hierarchy.display-for-paging .chart.has-back .root::after {
      display: none; }
    .hierarchy.display-for-paging .chart .back {
      display: none; }
      .hierarchy.display-for-paging .chart .back button {
        background-color: transparent; } }

.hierarchy .leaf {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }

.listbuilder .listbuilder-content {
  background-color: #ffffff;
  border: 1px solid;
  border-color: transparent #BBBBBF #BBBBBF;
  border-radius: 2px;
  box-sizing: content-box;
  height: 230px;
  margin-bottom: 20px;
  width: calc(100% - 2px); }

.listbuilder .arrange-placeholder {
  background-color: #E6F1FD;
  border-color: transparent;
  min-height: 34px;
  opacity: 0.4; }
  .listbuilder .arrange-placeholder .handle {
    display: inline-block; }

.listbuilder .toolbar.formatter-toolbar {
  margin-bottom: -1px; }
  .listbuilder .toolbar.formatter-toolbar:not(.standalone) .buttonset [class^='btn']:not(:disabled):hover {
    background-color: transparent; }
  .listbuilder .toolbar.formatter-toolbar .buttonset [class^='btn'] {
    height: 24px;
    margin-left: 1px;
    margin-right: 10px;
    margin-top: 4px;
    padding: 0 2px !important;
    width: 24px; }
    .listbuilder .toolbar.formatter-toolbar .buttonset [class^='btn']:first-child {
      margin-left: 5px; }
  .listbuilder .toolbar.formatter-toolbar .buttonset > .separator {
    margin-right: 10px; }

.listbuilder .handle {
  font-size: 25px;
  font-size: 2.5rem;
  color: #161618;
  display: none;
  left: 6px;
  position: absolute;
  top: 3px; }

.listbuilder .listview ul {
  min-height: 100%;
  padding: 5px 0; }

.listbuilder .listview li {
  border: 1px solid transparent;
  padding: 9px 20px 8px;
  position: relative; }
  .listbuilder .listview li.arrange-dragging.is-touch {
    position: fixed; }
  .listbuilder .listview li::after, .listbuilder .listview li::before, .listbuilder .listview li.is-selected::after {
    content: none; }
  .listbuilder .listview li.draggable {
    cursor: move; }
  .listbuilder .listview li:hover:not(.is-disabled):not(.is-selected), .listbuilder .listview li:focus:not(.is-disabled):not(.is-selected) {
    background-color: #E6F1FD; }
    .listbuilder .listview li:hover:not(.is-disabled):not(.is-selected) .handle, .listbuilder .listview li:focus:not(.is-disabled):not(.is-selected) .handle {
      color: #161618;
      display: inline-block; }
    .listbuilder .listview li:hover:not(.is-disabled):not(.is-selected):focus, .listbuilder .listview li:focus:not(.is-disabled):not(.is-selected):focus {
      border-color: #0072ED; }
  .listbuilder .listview li.is-selected {
    background-color: #0072ED !important; }
    .listbuilder .listview li.is-selected.is-disabled {
      background-color: #E6F1FD; }
    .listbuilder .listview li.is-selected .edit-input {
      background: transparent; }
      .listbuilder .listview li.is-selected .edit-input::selection {
        background: #0054B1; }
      .listbuilder .listview li.is-selected .edit-input::-ms-selection {
        background: #0054B1; }
      .listbuilder .listview li.is-selected .edit-input::-moz-selection {
        background: #0054B1; }
    .listbuilder .listview li.is-selected p {
      color: #ffffff;
      font-weight: 600; }
    .listbuilder .listview li.is-selected:hover:not(.is-disabled), .listbuilder .listview li.is-selected:focus:not(.is-disabled) {
      background-color: #0072ED; }
      .listbuilder .listview li.is-selected:hover:not(.is-disabled) .handle, .listbuilder .listview li.is-selected:focus:not(.is-disabled) .handle {
        color: #ffffff;
        display: inline-block; }
      .listbuilder .listview li.is-selected:hover:not(.is-disabled):focus, .listbuilder .listview li.is-selected:focus:not(.is-disabled):focus {
        border-color: #0072ED; }
  .listbuilder .listview li.is-editing {
    outline-style: none;
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    -o-user-select: auto;
    user-select: auto;
    padding: 1px 10px; }
    .listbuilder .listview li.is-editing:hover:not(.is-disabled) .handle, .listbuilder .listview li.is-editing:focus:not(.is-disabled) .handle {
      display: none; }
    .listbuilder .listview li.is-editing .edit-input {
      border: 0;
      color: #ffffff;
      font-weight: 600; }
  .listbuilder .listview li .item-content {
    min-height: 16px; }

.listbuilder .listview .over {
  border: 1px dashed #BBBBBF; }

.is-firefox .listbuilder .handle {
  top: 5px; }

.listbuilder .toolbar.formatter-toolbar [class^='btn'] .icon,
.listbuilder .flex-toolbar.formatter-toolbar [class^='btn'] .icon {
  height: 17px;
  margin: -4px 0 0;
  width: 19px; }

.pager-toolbar {
  font-size: 1.6rem;
  height: 38px;
  margin: 5px 10px;
  max-height: 38px;
  padding-top: 4px;
  text-align: center; }
  .pager-toolbar > li {
    cursor: pointer;
    display: inline-block; }
    .pager-toolbar > li > .btn-icon {
      border: 1px solid transparent;
      border-radius: 2px;
      color: #0072ED;
      cursor: pointer;
      height: 28px;
      margin: 0 2px;
      min-height: 28px;
      outline: none;
      padding: 5px;
      position: static;
      text-decoration: none;
      transition: all 0.2s ease; }
      .pager-toolbar > li > .btn-icon[disabled] {
        box-shadow: none;
        cursor: default; }
        .pager-toolbar > li > .btn-icon[disabled] .icon {
          color: #E0E0E1; }
      .pager-toolbar > li > .btn-icon:focus {
        border: 1px solid #0072ED;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
      .pager-toolbar > li > .btn-icon .audible {
        color: #161618; }
    .pager-toolbar > li.pager-prev > .btn-icon, .pager-toolbar > li.pager-first > .btn-icon, .pager-toolbar > li.pager-last > .btn-icon, .pager-toolbar > li.pager-next > .btn-icon {
      margin-top: -1px;
      min-width: 34px;
      width: 34px; }
      .pager-toolbar > li.pager-prev > .btn-icon .icon, .pager-toolbar > li.pager-first > .btn-icon .icon, .pager-toolbar > li.pager-last > .btn-icon .icon, .pager-toolbar > li.pager-next > .btn-icon .icon {
        margin-top: -2px; }
    .pager-toolbar > li.pager-no > .btn-icon {
      font-weight: 400;
      margin-top: -1px;
      min-width: 19px;
      width: auto; }
    .pager-toolbar > li.pager-no:hover > .btn-icon {
      border-bottom: 1px solid #0072ED;
      border-radius: 0;
      box-shadow: none; }
      .pager-toolbar > li.pager-no:hover > .btn-icon[disabled] {
        border-bottom: 1px solid transparent; }
    .pager-toolbar > li.selected > .btn-icon {
      color: #161618;
      font-weight: 600; }
    .pager-toolbar > li.selected:hover > .btn-icon {
      border-bottom: 1px solid #0072ED; }
      .pager-toolbar > li.selected:hover > .btn-icon:focus {
        border-bottom: 1px solid transparent; }
    .pager-toolbar > li:not(.selected) .btn-icon:not([disabled]):active svg, .pager-toolbar > li:not(.selected) .btn-icon:not([disabled]):hover svg {
      color: #161618; }
    .pager-toolbar > li svg {
      pointer-events: none; }

.pager-prev,
.pager-first,
.pager-last,
.pager-next {
  margin: 0;
  padding: 0; }
  .pager-prev .icon,
  .pager-first .icon,
  .pager-last .icon,
  .pager-next .icon {
    color: #6F6F76;
    top: 4px; }
  .pager-prev .btn-icon,
  .pager-first .btn-icon,
  .pager-last .btn-icon,
  .pager-next .btn-icon {
    backface-visibility: hidden;
    border-radius: 20px;
    overflow: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .pager-prev .ripple-effect,
  .pager-first .ripple-effect,
  .pager-last .ripple-effect,
  .pager-next .ripple-effect {
    background-color: #8ABFF7; }

.paginated li {
  font-size: 1.6rem; }

.pager-count {
  display: inline-block;
  font-size: 1.6rem;
  line-height: normal; }
  .pager-count > label {
    font-size: inherit !important;
    line-height: inherit !important;
    margin-bottom: 0; }
  .pager-count input {
    font-size: 1.6rem;
    height: 30px;
    margin: 0 5px;
    padding: 3px 0 !important;
    text-align: center;
    width: 30px; }
  .pager-count .pager-total-pages {
    display: inline-block;
    text-align: left; }
  .pager-count + li {
    margin-left: 5px; }

li + .pager-count {
  margin-left: 10px; }

.pager-pagesize {
  float: right; }
  .pager-pagesize button {
    height: 28px; }
    .pager-pagesize button span {
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: none; }
    .pager-pagesize button .icon {
      height: 18px;
      margin-right: -2px;
      width: 18px; }

.ie.ie11 .pager-toolbar > li {
  vertical-align: middle; }
  .ie.ie11 .pager-toolbar > li > .btn-icon {
    display: inline-block; }
    .ie.ie11 .pager-toolbar > li > .btn-icon svg {
      pointer-events: auto; }
  .ie.ie11 .pager-toolbar > li.pager-prev .btn-icon, .ie.ie11 .pager-toolbar > li.pager-first .btn-icon, .ie.ie11 .pager-toolbar > li.pager-last .btn-icon, .ie.ie11 .pager-toolbar > li.pager-next .btn-icon {
    margin-top: 3px; }
    .ie.ie11 .pager-toolbar > li.pager-prev .btn-icon svg, .ie.ie11 .pager-toolbar > li.pager-first .btn-icon svg, .ie.ie11 .pager-toolbar > li.pager-last .btn-icon svg, .ie.ie11 .pager-toolbar > li.pager-next .btn-icon svg {
      top: 2px; }
  .ie.ie11 .pager-toolbar > li.pager-no .btn-icon {
    margin-top: 4px; }
  .ie.ie11 .pager-toolbar > li.pager-count label {
    margin-top: 2px; }

.ie .pager-count input {
  margin-top: 2px;
  padding-top: 0; }

.card .pager-toolbar,
.widget .pager-toolbar {
  margin: 0; }

.card.card .card-footer .pager-toolbar,
.widget.card .card-footer .pager-toolbar {
  height: 30px; }
  .card.card .card-footer .pager-toolbar > li > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li > .btn-icon {
    height: 30px;
    margin: 0;
    padding: 5px 7px; }
  .card.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon, .card.card .card-footer .pager-toolbar > li.pager-first > .btn-icon, .card.card .card-footer .pager-toolbar > li.pager-last > .btn-icon, .card.card .card-footer .pager-toolbar > li.pager-next > .btn-icon, .card.card .card-footer .pager-toolbar > li.pager-no > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-first > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-last > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-next > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-no > .btn-icon {
    height: 28px;
    margin-top: -1px; }

.is-firefox .pager-toolbar > li.pager-prev > .btn-icon, .is-firefox .pager-toolbar > li.pager-first > .btn-icon, .is-firefox .pager-toolbar > li.pager-last > .btn-icon, .is-firefox .pager-toolbar > li.pager-next > .btn-icon, .is-firefox .pager-toolbar > li.pager-no > .btn-icon {
  margin-top: 0; }

.is-firefox .card.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-first > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-last > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-next > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-no > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-first > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-last > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-next > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-no > .btn-icon {
  margin-top: 0; }

html[dir='rtl'] .pager-count .pager-total-pages {
  text-align: right; }

html[dir='rtl'] .pager-count input {
  text-align: center; }

html[dir='rtl'] .pager-prev .icon,
html[dir='rtl'] .pager-first .icon,
html[dir='rtl'] .pager-last .icon,
html[dir='rtl'] .pager-next .icon {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

html[dir='rtl'] .pager-pagesize {
  float: left; }

.searchfield-wrapper {
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .searchfield-wrapper.active.has-close-icon-button.has-custom-button .searchfield {
    padding-right: 60px; }
  .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error) {
    height: 18px;
    width: 18px;
    left: 10px; }
  .searchfield-wrapper.non-collapsible > .icon:not(.close):not(.icon-error) {
    top: 50%;
    transform: translateY(-50%); }
  .searchfield-wrapper > .icon {
    background-color: rgba(255, 255, 255, 0);
    color: #6F6F76;
    height: 18px;
    position: absolute;
    top: 10px;
    width: 18px; }
    .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
      left: 10px;
      pointer-events: none; }
    .searchfield-wrapper > .icon.close {
      outline: none;
      right: 8px; }
    .searchfield-wrapper > .icon.icon-error {
      color: #da1217;
      left: auto;
      right: auto;
      top: auto; }
  .searchfield-wrapper .icon-dropdown {
    margin-left: 5px; }
  .searchfield-wrapper .searchfield {
    padding-left: 34px;
    padding-right: 10px;
    -webkit-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
    .searchfield-wrapper .searchfield[disabled] ~ svg.icon {
      color: #C5C5C9;
      pointer-events: none; }
    .searchfield-wrapper .searchfield.autocomplete[readonly] ~ svg {
      color: #BBBBBF; }
  .searchfield-wrapper.has-close-icon-button .searchfield {
    overflow: hidden;
    padding-right: 28px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .searchfield-wrapper.has-close-icon-button.has-custom-button .searchfield {
    padding-right: 30px; }
  .searchfield-wrapper.context {
    white-space: nowrap;
    width: 100%; }
    .searchfield-wrapper.context.has-categories button.close:not(.is-empty) {
      top: 7px; }
    .searchfield-wrapper.context > button.close {
      top: 5px; }
    .searchfield-wrapper.context > .searchfield {
      background-color: #F5F5F5;
      height: 38px;
      padding-left: 32px;
      width: 100%; }
      .searchfield-wrapper.context > .searchfield.is-open {
        box-shadow: 0 3px 5px 0 rgba(197, 197, 201, 0.7); }
      .searchfield-wrapper.context > .searchfield.input-xl {
        height: 60px; }
    .searchfield-wrapper.context > .icon {
      color: #6F6F76;
      top: 9px; }
      .searchfield-wrapper.context > .icon:not(.close) {
        left: 6px;
        right: auto;
        height: 24px !important;
        width: 24px !important;
        margin-top: 1px; }
      .searchfield-wrapper.context > .icon.close {
        padding: 1px 3px;
        right: 8px; }
    .searchfield-wrapper.context.popup-is-open > .icon:not(.close) {
      color: #0066D4; }
    .searchfield-wrapper.context .btn {
      background-color: #F5F5F5;
      height: 38px; }
      .searchfield-wrapper.context .btn + .searchfield {
        margin-left: 0; }
    .searchfield-wrapper.context.alternate > .searchfield {
      background-color: #ffffff; }
    .searchfield-wrapper.context.alternate .btn {
      background-color: #ffffff; }
    .searchfield-wrapper.context.has-categories:not(.show-category) {
      margin-left: -1px; }
      .searchfield-wrapper.context.has-categories:not(.show-category) .searchfield {
        width: calc(100% - 37px); }
      .searchfield-wrapper.context.has-categories:not(.show-category) .searchfield-category-button + .searchfield {
        margin-left: -1px; }
    .searchfield-wrapper.context.has-categories.show-categories .searchfield {
      border-color: #C5C5C9; }
    .searchfield-wrapper.context.has-categories > .searchfield {
      width: calc(100% - 39px); }
    .searchfield-wrapper.context.has-focus .btn {
      border-color: #0072ED; }
    .searchfield-wrapper.context.has-focus .searchfield {
      border-color: #0072ED; }
  .searchfield-wrapper.is-hovered .btn {
    border-color: #28282A;
    color: #28282A; }
    .searchfield-wrapper.is-hovered .btn .icon {
      color: #28282A; }
  .searchfield-wrapper.is-hovered:not(.has-focus) .btn:hover {
    border-color: #BBBBBF; }
  .searchfield-wrapper.has-focus .btn {
    border-color: #0072ED; }
    .searchfield-wrapper.has-focus .btn:focus, .searchfield-wrapper.has-focus .btn:active {
      color: #0072ED; }
      .searchfield-wrapper.has-focus .btn:focus .icon, .searchfield-wrapper.has-focus .btn:active .icon {
        color: #0072ED; }
  .searchfield-wrapper.has-focus .searchfield {
    border-color: #0072ED; }
  .searchfield-wrapper.has-focus input:focus {
    box-shadow: none; }
  .searchfield-wrapper.has-focus.has-categories .searchfield {
    box-shadow: none; }
  .searchfield-wrapper.has-focus.has-categories.show-category .searchfield {
    border-left-color: #0072ED; }
    .searchfield-wrapper.has-focus.has-categories.show-category .searchfield:focus {
      box-shadow: none; }
  .searchfield-wrapper.has-focus.has-go-button {
    box-shadow: none; }
  .searchfield-wrapper .btn {
    -webkit-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    background-color: transparent;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-color: #BBBBBF;
    border-right: 0;
    color: #6F6F76;
    font-weight: 400;
    margin: 0;
    min-width: 0;
    padding: 0 0 0 10px;
    position: relative;
    text-transform: none; }
    .searchfield-wrapper .btn + .searchfield {
      border-left: 1px solid transparent;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      padding-left: 8px; }
    .searchfield-wrapper .btn .icon {
      color: #6F6F76;
      width: 18px; }
      .searchfield-wrapper .btn .icon.icon-dropdown {
        height: 16px;
        width: 16px; }
    .searchfield-wrapper .btn:focus {
      box-shadow: none; }
    .searchfield-wrapper .btn.is-open {
      color: #0072ED; }
      .searchfield-wrapper .btn.is-open .icon {
        color: #0072ED; }
  .searchfield-wrapper.has-categories > * {
    vertical-align: top; }
  .searchfield-wrapper.has-categories.show-category .btn {
    padding-left: 8px;
    padding-right: 8px; }
  .searchfield-wrapper.has-categories.show-category .searchfield {
    border-left: 1px solid #BBBBBF; }
    .searchfield-wrapper.has-categories.show-category .searchfield:focus {
      box-shadow: none; }
  .searchfield-wrapper.has-categories.has-close-icon-button .btn-icon.close:not(.is-empty), .searchfield-wrapper.has-categories.has-close-icon-button.has-text .btn-icon.close:not(.is-empty) {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute; }
    .searchfield-wrapper.has-categories.has-close-icon-button .btn-icon.close:not(.is-empty) svg.close, .searchfield-wrapper.has-categories.has-close-icon-button.has-text .btn-icon.close:not(.is-empty) svg.close {
      left: 0;
      top: 2px; }
  .searchfield-wrapper .go-button {
    margin-left: 10px;
    margin-top: 0;
    min-width: 0;
    padding: 0 5px;
    position: absolute;
    width: 40px; }
  .searchfield-wrapper + .error-message {
    margin-top: -7px; }

.searchfield-category-button {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }
  .searchfield-category-button .category {
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 0; }
    .searchfield-category-button .category + .icon {
      margin-right: 0; }

.inline.searchfield-wrapper:not(.toolbar-searchfield-wrapper) > .icon:not(.icon-error) {
  top: 30px; }

.popupmenu.autocomplete.context {
  box-shadow: 0 3px 5px 0 rgba(197, 197, 201, 0.7);
  background-color: #F5F5F5;
  border: 0;
  border-top: 1px solid #0066D4; }
  .popupmenu.autocomplete.context.alternate {
    background-color: #ffffff; }

.field .searchfield-wrapper,
.field-short .searchfield-wrapper {
  margin-bottom: 0; }

html[dir='rtl'] .searchfield-wrapper .searchfield {
  padding-left: 10px;
  padding-right: 34px; }

html[dir='rtl'] .searchfield-wrapper.has-close-icon-button .searchfield.autocomplete {
  padding-left: 28px; }

html[dir='rtl'] .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  right: calc(300px - 10%);
  top: 5px; }

html[dir='rtl'] .searchfield-wrapper .go-button {
  margin-left: 0;
  margin-right: 10px; }

html[dir='rtl'] .searchfield-wrapper > .icon:not(.close) {
  left: auto;
  right: 8px; }

html[dir='rtl'] .searchfield-wrapper > .icon.close {
  left: 5px;
  right: auto; }

html[dir='rtl'] .searchfield-wrapper .icon-dropdown {
  margin-left: 0;
  margin-right: 5px; }

html[dir='rtl'] .searchfield-wrapper .icon + .icon-dropdown {
  margin-left: 0;
  margin-right: 0; }

html[dir='rtl'] .searchfield-wrapper.has-categories .btn:not(.hide-focus) {
  border-left: 0;
  padding-left: 0;
  padding-right: 10px; }

html[dir='rtl'] .searchfield-wrapper.has-categories .searchfield {
  border-right: 0;
  padding-left: 10px;
  padding-right: 8px; }

html[dir='rtl'] .searchfield-wrapper.has-categories .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 3px; }

html[dir='rtl'] .searchfield-wrapper.has-categories:not(.context) .category:empty {
  width: 0; }

html[dir='rtl'] .searchfield-wrapper.has-categories:not(.context) .searchfield {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 0; }

html[dir='rtl'] .searchfield-wrapper.has-categories:not(.context).show-category .searchfield {
  border-right: 1px solid #BBBBBF;
  padding-right: 10px; }

html[dir='rtl'] .searchfield-wrapper.has-categories:not(.show-category) {
  margin-left: 0;
  margin-right: -1px; }
  html[dir='rtl'] .searchfield-wrapper.has-categories:not(.show-category) .searchfield-category-button + .searchfield {
    margin-left: 0;
    margin-right: 0; }

html[dir='rtl'] .searchfield-wrapper.has-categories.show-category .btn {
  padding-left: 10px;
  padding-right: 10px; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-categories .btn {
  border-right: 1px solid #BBBBBF; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-categories .searchfield {
  border-left: 1px solid #BBBBBF; }
  html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-categories .searchfield:focus {
    border-left: 1px solid #0072ED; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-categories.has-focus .searchfield {
  border-left: 1px solid #0072ED; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-categories:not(.has-focus) .searchfield:hover {
  border-left: 1px solid #28282A; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-focus .btn {
  border-right: 1px solid #0072ED; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context):not(.has-focus).is-hovered .btn {
  border-right: 1px solid #28282A; }
  html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context):not(.has-focus).is-hovered .btn:hover {
    border-right: 1px solid #BBBBBF; }

@media (max-width: 610px) {
  .toolbar .searchfield {
    text-overflow: clip; } }

.ios .searchfield-wrapper.context > #searchfield-context-white.searchfield,
.is-mac .searchfield-wrapper.context > #searchfield-context-white.searchfield {
  background-color: #F5F5F5; }

.ios .searchfield-wrapper.context .btn {
  height: 35px; }

/**
 * targets toolbar searchfield close button inside of
 * a tab container, with variant wrapped in button
 */
.tab-container > .toolbar > .buttonset > .searchfield-wrapper.toolbar-searchfield-wrapper > .btn-icon.close {
  top: 0; }

/**
 * align large searchfield search icon
 */
.header > .full-searchfield-container .searchfield-wrapper > svg.icon:nth-child(1) {
  height: 100%;
  top: 50%;
  transform: translateY(-50%); }

.header.has-searchfield-xl .searchfield-wrapper input {
  padding-left: 54px; }

.header.has-searchfield-xl .searchfield-wrapper > svg.icon:nth-child(1) {
  top: 47%; }

/**
 * need explicit theme-classic on these base
 * close button rules just because it's a bit hairy
 * at this point to un-target other rules
 */
html[class*='theme-classic-'] .btn-icon.close > svg.close.icon {
  position: relative;
  right: unset; }

html[class*='theme-classic-'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper) > .icon {
  top: 7px; }

html[class*='theme-classic-'] .application-menu.has-searchfield .searchfield-wrapper.has-close-icon-button > .btn-icon.close > svg.close.icon {
  top: 0; }

.listview {
  background-color: inherit;
  height: inherit;
  overflow: auto;
  position: relative;
  width: 100%; }
  .listview input.searchfield {
    height: 100%; }
  .listview p[class^='listview-'] {
    margin-top: 0; }
  .listview .bold {
    font-weight: 600; }
  .listview:focus {
    outline: none; }
  .listview .listview-heading,
  .listview .listview-data {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #161618;
    font-size: 1.6rem;
    font-weight: 400;
    overflow-wrap: break-word; }
    .listview .listview-heading.hyperlink,
    .listview .listview-data.hyperlink {
      color: #0072ED; }
  .listview .image-user-status {
    float: left;
    padding-right: 10px; }
  .listview .listview-heading-lg {
    display: block;
    font-size: 2.8rem;
    margin: 8px 0 5px;
    vertical-align: top; }
    .listview .listview-heading-lg .icon-favorite {
      display: inline;
      margin-top: -10px;
      position: absolute;
      vertical-align: top; }
  .listview .listview-image-column {
    width: 100px; }
  .listview .listview-subheading,
  .listview .listview-data-label {
    color: #6F6F76;
    font-size: 1.6rem;
    overflow-wrap: break-word; }
  .listview.alternate-row .listview-text {
    color: #6F6F76; }
  .listview.alternate-row li:not(:hover):not(:focus):nth-child(odd) {
    background-color: #ffffff; }
  .listview.alternate-row li:not(:hover):not(:focus):nth-child(even) {
    background-color: #F5F5F5; }
  .listview .listview-micro {
    color: #8E8E95;
    font-size: 1.6rem; }
    .listview .listview-micro::after {
      clear: both;
      content: '';
      display: inline-block; }
    .listview .listview-micro .l-pull-right {
      position: static; }
    .listview .listview-micro.l-pull-right {
      top: -7px; }
  .listview .badge {
    float: left;
    margin-right: 15px;
    margin-top: -1px;
    min-height: 19px;
    min-width: 19px;
    position: relative; }
    .listview .badge.pending::before {
      left: 0.35em !important; }
  .listview li {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-bottom-color: #E0E0E1;
    color: #161618;
    padding: 16px 16px 15px;
    position: relative; }
    .listview li:hover {
      background-color: #E6F1FD;
      outline: none; }
    .listview li:focus {
      border-color: #55A3F3 !important;
      box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.1);
      outline: none; }
    .listview li.error, .listview li.alert, .listview li.border-color {
      border-left-style: solid;
      border-left-width: 4px;
      padding: 15px 20px 15px 17px; }
    .listview li.border-color.ruby {
      border-left-color: #DA1217 !important; }
    .listview li.border-color.amber {
      border-left-color: #F98300 !important; }
    .listview li.border-color.emerald {
      border-left-color: #2AC371 !important; }
    .listview li.border-color.azure {
      border-left-color: #0072ED !important; }
    .listview li.border-color.turquoise {
      border-left-color: #40BDBE !important; }
    .listview li.border-color.amethyst {
      border-left-color: #7928E1 !important; }
    .listview li.border-color.slate {
      border-left-color: #6F6F76 !important; }
    .listview li.border-color.graphite {
      border-left-color: #535353 !important; }
    .listview li.error {
      border-left-color: #da1217 !important; }
      .listview li.error .days,
      .listview li.error .hours,
      .listview li.error .day-sign,
      .listview li.error .hour-sign {
        color: #da1217; }
    .listview li.is-error {
      background-color: rgba(218, 18, 23, 0.1);
      border-color: #da1217; }
      .listview li.is-error:hover {
        background-color: rgba(218, 18, 23, 0.1); }
      .listview li.is-error + li {
        border-top-color: transparent; }
    .listview li.alert {
      border-left-color: #F98300 !important; }
      .listview li.alert .days,
      .listview li.alert .hours,
      .listview li.alert .day-sign,
      .listview li.alert .hour-sign {
        color: #F98300; }
      .listview li.alert .icon-alert {
        color: #F98300 !important; }
    .listview li > .icon {
      float: left;
      margin: 1px 15px 10px 0;
      vertical-align: middle; }
      .listview li > .icon + * {
        display: inline-block; }
    .listview li p {
      line-height: normal;
      margin-bottom: 5px; }
      .listview li p:last-of-type {
        margin-bottom: 0; }
    .listview li > a {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #161618;
      font-size: 1.6rem;
      font-weight: 400; }
      .listview li > a.hyperlink {
        color: #0072ED; }
  .listview.disable-hover li:hover {
    background-color: #ffffff; }
  .listview i {
    color: #161618;
    font-style: normal;
    font-weight: 600; }
  .listview .days,
  .listview .hours,
  .listview .day-sign,
  .listview .hour-sign {
    font-size: 20px;
    font-size: 2rem;
    color: #6F6F76; }
  .listview .dropdown-wrapper {
    float: left; }
  .listview .l-pull-right {
    position: relative;
    top: -29px; }
    .listview .l-pull-right button {
      margin: 0 25px; }
    .listview .l-pull-right .btn-actions {
      margin: 3px -11px; }
      .listview .l-pull-right .btn-actions svg {
        height: 18px;
        width: 22px; }
    .listview .l-pull-right .icon-error,
    .listview .l-pull-right .icon {
      left: -5px;
      top: 2px; }
    .listview .l-pull-right .dropdown-wrapper {
      top: 4px; }
      .listview .l-pull-right .dropdown-wrapper .icon {
        left: unset;
        top: unset; }
  .listview .field {
    float: left; }
  .listview .checkbox-label {
    left: 20px;
    line-height: 18px;
    margin: 0;
    position: relative;
    top: 10px; }
  .listview .listview-thumbnail {
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 50px;
    margin-right: 20px;
    margin-top: -7px;
    padding: 0;
    vertical-align: middle;
    width: 50px; }
  .listview .listview-cell {
    display: table-cell;
    width: auto; }
  .listview p {
    color: #161618;
    font-size: 1.6rem;
    line-height: 23px; }
  .listview .is-toolbar-open {
    height: calc(100% - 50px);
    margin-top: 50px; }
  .listview button {
    background-color: transparent;
    border-radius: 0; }
  .listview button svg {
    height: 23px;
    width: 30px; }
    .listview button svg.icon-close {
      height: 15px;
      width: 15px; }
  .listview.is-selectable li,
  .listview.is-selectable tr {
    cursor: pointer; }
    .listview.is-selectable li.is-disabled,
    .listview.is-selectable tr.is-disabled {
      cursor: default; }
  .listview .is-touch {
    outline-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
  .listview .is-disabled,
  .listview .is-disabled p {
    outline-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #C5C5C9;
    cursor: default; }
    .listview .is-disabled *,
    .listview .is-disabled p * {
      outline-style: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      color: #C5C5C9;
      cursor: default; }
    .listview .is-disabled:hover,
    .listview .is-disabled p:hover {
      background-color: inherit; }
  .listview li.is-selected:not(.hide-selected-color),
  .listview tr.is-selected:not(.hide-selected-color) {
    background-color: rgba(230, 241, 253, 0.7); }
    .listview li.is-selected:not(.hide-selected-color):hover,
    .listview tr.is-selected:not(.hide-selected-color):hover {
      background-color: rgba(230, 241, 253, 0.7); }
  .listview li.is-activated,
  .listview tr.is-activated {
    background-color: rgba(230, 241, 253, 0.7); }
    .listview li.is-activated:hover,
    .listview tr.is-activated:hover {
      background-color: rgba(230, 241, 253, 0.7); }
  .listview tr.is-selected td:first-child {
    padding: 13px 15px; }
  .listview .listview-checkbox {
    margin-left: -5px;
    position: absolute; }
    .listview .listview-checkbox + p {
      margin-left: 35px; }
  .listview.is-multiselect li {
    padding-left: 45px;
    position: relative; }
    .listview.is-multiselect li .listview-selection-checkbox {
      left: 18px;
      margin-top: -9px;
      position: absolute; }
    .listview.is-multiselect li.is-disabled .listview-selection-checkbox .label-text {
      cursor: default; }
    .listview.is-multiselect li.is-disabled .listview-selection-checkbox .label-text::before,
    .listview.is-multiselect li.is-disabled .listview-selection-checkbox .checkbox:hover .label-text::before {
      border-color: #C5C5C9 !important;
      opacity: 0.5; }
  .listview.tableview {
    background-color: transparent; }
    .listview.tableview .dropdown-wrapper {
      margin-bottom: 0; }
    .listview.tableview .info > li,
    .listview.tableview .info > li:hover {
      background-color: transparent;
      border: 0 none;
      padding: 0 !important; }
    .listview.tableview td .row:last-child {
      margin-bottom: 0; }
    .listview.tableview td a {
      font-size: 1.2em; }
    .listview.tableview td button {
      margin: 0; }
    .listview.tableview td input[type='text']:not([class='dropdown']) {
      margin-bottom: 0;
      text-align: center; }
  .listview .highlight {
    background-color: transparent;
    color: inherit;
    font-weight: 600; }
  .listview .empty-message {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top;
    margin-top: -20px; }
  .listview.card-list {
    padding: 2px 0; }
    .listview.card-list li {
      background-color: transparent;
      border: none;
      padding: 0 16px; }
      .listview.card-list li.is-selected, .listview.card-list li:hover, .listview.card-list li.is-selected:not(.hide-selected-color):hover {
        background-color: transparent; }
      .listview.card-list li:focus {
        box-shadow: none;
        border: none; }
      .listview.card-list li.is-selected .card .card-content,
      .listview.card-list li.is-selected .widget .card-content {
        border: none; }
      .listview.card-list li .tag-list {
        margin: 0;
        min-width: 11%; }
      .listview.card-list li .card,
      .listview.card-list li .widget {
        height: auto;
        width: 100%;
        position: relative;
        border: none;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
        padding-right: 10px; }
        .listview.card-list li .card .card-header.has-subheader,
        .listview.card-list li .widget .card-header.has-subheader {
          display: block;
          height: fit-content; }
        .listview.card-list li .card .card-content,
        .listview.card-list li .widget .card-content {
          height: auto;
          min-height: auto; }
        .listview.card-list li .card .card-buttonset,
        .listview.card-list li .widget .card-buttonset {
          padding: 5px; }
          .listview.card-list li .card .card-buttonset .card-content-action .btn-actions,
          .listview.card-list li .widget .card-buttonset .card-content-action .btn-actions {
            margin-right: 0; }
        .listview.card-list li .card button,
        .listview.card-list li .widget button {
          border-radius: 8px; }
        .listview.card-list li .card:hover,
        .listview.card-list li .widget:hover {
          outline: 1px solid #C5C5C9;
          box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
          border-color: transparent; }
        .listview.card-list li .card.is-selected,
        .listview.card-list li .widget.is-selected {
          outline: 2px solid #0072ED;
          border-color: #0072ED; }
        .listview.card-list li .card:focus:not(.hide-focus),
        .listview.card-list li .widget:focus:not(.hide-focus) {
          box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1);
          outline: 0; }
  .listview.link-list {
    padding-top: 5px; }
    .listview.link-list li {
      cursor: default;
      background-color: transparent;
      border: none;
      padding: 0 15px; }
      .listview.link-list li .link-item {
        padding: 0;
        height: 28px; }
        .listview.link-list li .link-item .hyperlink {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 327px;
          display: inline-block; }
        .listview.link-list li .link-item .hyperlink,
        .listview.link-list li .link-item .hyperlink span {
          color: #0054B1;
          text-decoration: none;
          font-size: 16px;
          font-weight: 600;
          height: 28px; }
          .listview.link-list li .link-item .hyperlink.show-visited:visited, .listview.link-list li .link-item .hyperlink.force-visited,
          .listview.link-list li .link-item .hyperlink span.show-visited:visited,
          .listview.link-list li .link-item .hyperlink span.force-visited {
            color: #591DA8; }
            .listview.link-list li .link-item .hyperlink.show-visited:visited svg,
            .listview.link-list li .link-item .hyperlink.show-visited:visited span, .listview.link-list li .link-item .hyperlink.force-visited svg,
            .listview.link-list li .link-item .hyperlink.force-visited span,
            .listview.link-list li .link-item .hyperlink span.show-visited:visited svg,
            .listview.link-list li .link-item .hyperlink span.show-visited:visited span,
            .listview.link-list li .link-item .hyperlink span.force-visited svg,
            .listview.link-list li .link-item .hyperlink span.force-visited span {
              color: #591DA8; }
          .listview.link-list li .link-item .hyperlink > svg,
          .listview.link-list li .link-item .hyperlink span > svg {
            color: #0054B1;
            left: 0;
            margin-right: 5px; }
          .listview.link-list li .link-item .hyperlink[disabled],
          .listview.link-list li .link-item .hyperlink span[disabled] {
            color: #C5C5C9;
            text-decoration: none; }
            .listview.link-list li .link-item .hyperlink[disabled] svg,
            .listview.link-list li .link-item .hyperlink[disabled] span,
            .listview.link-list li .link-item .hyperlink span[disabled] svg,
            .listview.link-list li .link-item .hyperlink span[disabled] span {
              color: #C5C5C9; }
        .listview.link-list li .link-item .hyperlink:not(.has-icon):hover:not([disabled]),
        .listview.link-list li .link-item .hyperlink span:hover:not([disabled]) {
          text-decoration: underline; }
      .listview.link-list li.is-selected:not(.hide-selected-color) {
        background-color: transparent; }
      .listview.link-list li:focus {
        border-color: transparent;
        box-shadow: none; }

.listview-table {
  border-collapse: collapse;
  width: 100%; }
  .listview-table tr,
  .listview-table td {
    color: #161618;
    font-size: 1.6rem;
    padding: 13px 15px; }
  .listview-table tr {
    border-bottom: 1px solid #E0E0E1; }
  .listview-table tr:focus {
    outline: none; }
  .listview-table th {
    display: none; }
  .listview-table.show-headers thead tr {
    background-color: #e4e4e4; }
  .listview-table.show-headers th {
    color: #8E8E95;
    display: table-cell;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 15px; }
    .listview-table.show-headers th span {
      color: inherit;
      font-size: inherit;
      font-weight: inherit; }
  .listview-table.show-headers th:not(.l-right-text) {
    text-align: left; }

.listview-header {
  background-color: #ffffff;
  border: 1px solid #C5C5C9;
  padding: 20px; }
  .listview-header .listview-heading {
    font-size: 2.8rem; }
  .listview-header .btn-expand {
    display: inline-block;
    float: left;
    left: -7px; }
    .listview-header .btn-expand .icon.plus-minus::before,
    .listview-header .btn-expand .icon.plus-minus::after {
      left: 0.8em; }
  .listview-header .listview-subheading {
    color: #525257;
    font-size: 1.6rem;
    font-weight: 600;
    padding-top: 3px; }
  .listview-header + .listview {
    border-left: 1px solid #C5C5C9;
    border-right: 1px solid #C5C5C9; }

.listview-footer {
  border-bottom: 1px solid #C5C5C9; }
  .listview-footer td:first-child {
    padding: 20px; }
  .listview-footer p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #28282A; }
  .listview-footer strong {
    font-size: 16px;
    font-size: 1.6rem;
    color: #28282A;
    font-weight: 600;
    margin-top: 10px; }

.contextual-toolbar.is-hidden + .listview {
  height: 100%; }

.contextual-toolbar + .listview {
  -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); }
  .contextual-toolbar + .listview.is-toolbar-open {
    height: calc(100% - 40px); }

.listview-search .searchfield-wrapper,
.card-search .searchfield-wrapper,
.widget-search .searchfield-wrapper {
  background-color: #ffffff;
  height: 100%;
  margin-bottom: 0;
  width: 100%; }
  .listview-search .searchfield-wrapper .searchfield,
  .card-search .searchfield-wrapper .searchfield,
  .widget-search .searchfield-wrapper .searchfield {
    height: 38px; }
    .listview-search .searchfield-wrapper .searchfield::placeholder,
    .card-search .searchfield-wrapper .searchfield::placeholder,
    .widget-search .searchfield-wrapper .searchfield::placeholder {
      color: #6F6F76;
      opacity: 1; }
  .listview-search .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error),
  .card-search .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error),
  .widget-search .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error) {
    left: 18px !important; }
  .listview-search .searchfield-wrapper .btn-icon,
  .card-search .searchfield-wrapper .btn-icon,
  .widget-search .searchfield-wrapper .btn-icon {
    top: 7px; }
  .listview-search .searchfield-wrapper.has-listview-filters,
  .card-search .searchfield-wrapper.has-listview-filters,
  .widget-search .searchfield-wrapper.has-listview-filters {
    height: 38px;
    z-index: 1; }
    .listview-search .searchfield-wrapper.has-listview-filters .searchfield,
    .card-search .searchfield-wrapper.has-listview-filters .searchfield,
    .widget-search .searchfield-wrapper.has-listview-filters .searchfield {
      height: 38px; }
    .listview-search .searchfield-wrapper.has-listview-filters .btn-icon,
    .card-search .searchfield-wrapper.has-listview-filters .btn-icon,
    .widget-search .searchfield-wrapper.has-listview-filters .btn-icon {
      top: 7px; }
    .listview-search .searchfield-wrapper.has-listview-filters svg.icon,
    .card-search .searchfield-wrapper.has-listview-filters svg.icon,
    .widget-search .searchfield-wrapper.has-listview-filters svg.icon {
      top: 12px;
      left: 16px !important; }
    .listview-search .searchfield-wrapper.has-listview-filters .btn-icon.close svg.close,
    .card-search .searchfield-wrapper.has-listview-filters .btn-icon.close svg.close,
    .widget-search .searchfield-wrapper.has-listview-filters .btn-icon.close svg.close {
      position: static; }
  .listview-search .searchfield-wrapper.has-focus input,
  .card-search .searchfield-wrapper.has-focus input,
  .widget-search .searchfield-wrapper.has-focus input {
    border: 1px solid #3B3B3F; }
  .listview-search .searchfield-wrapper.is-hovered:not(.has-focus) input:not([disabled='true']),
  .card-search .searchfield-wrapper.is-hovered:not(.has-focus) input:not([disabled='true']),
  .widget-search .searchfield-wrapper.is-hovered:not(.has-focus) input:not([disabled='true']) {
    border: 1px solid #3B3B3F; }

.listview-search .searchfield-filter-wrapper,
.card-search .searchfield-filter-wrapper,
.widget-search .searchfield-filter-wrapper {
  left: 0; }

.listview-search .icon:not(.close):not(.filter-icon),
.card-search .icon:not(.close):not(.filter-icon),
.widget-search .icon:not(.close):not(.filter-icon) {
  left: 10px;
  top: 10px; }

.listview-search .icon.close,
.card-search .icon.close,
.widget-search .icon.close {
  top: 0; }

.listview-search .searchfield,
.card-search .searchfield,
.widget-search .searchfield {
  background-color: #F5F5F5;
  border: 1px solid transparent;
  border-bottom-color: #E0E0E1;
  line-height: 16px;
  padding: 9px 10px 9px 45px;
  width: 100%; }
  .listview-search .searchfield[disabled],
  .card-search .searchfield[disabled],
  .widget-search .searchfield[disabled] {
    background-color: #E0E0E1;
    color: #000000;
    opacity: 0.5; }
    .listview-search .searchfield[disabled]:hover,
    .card-search .searchfield[disabled]:hover,
    .widget-search .searchfield[disabled]:hover {
      border-color: #E0E0E1; }
    .listview-search .searchfield[disabled] ~ svg.icon,
    .card-search .searchfield[disabled] ~ svg.icon,
    .widget-search .searchfield[disabled] ~ svg.icon {
      color: #000000; }

.listview-search + .contextual-toolbar + .listview,
.card-search + .contextual-toolbar + .listview,
.widget-search + .contextual-toolbar + .listview {
  height: calc(100% - 90px); }

.listview-search + .contextual-toolbar.is-hidden + .listview,
.card-search + .contextual-toolbar.is-hidden + .listview,
.widget-search + .contextual-toolbar.is-hidden + .listview {
  height: calc(100% - 40px); }

.listview-search + .listview,
.card-search + .listview,
.widget-search + .listview {
  height: calc(100% - 38px); }

.listview-filter-wrapper {
  display: inline-block;
  border-bottom: 1px solid #E0E0E1;
  border-left: 1px solid #E0E0E1;
  background-color: #F5F5F5;
  height: 38px;
  position: relative;
  left: 1px;
  top: -2px;
  margin-left: -4px; }
  .listview-filter-wrapper .listview-filters {
    height: 24px;
    width: 24px;
    top: 1px; }
  .listview-filter-wrapper .listview-filters:first-child {
    margin-left: 5px; }
  .listview-filter-wrapper .listview-filters:last-child {
    margin-right: 5px; }

@media (max-width: 768px) {
  .listview[aria-label='Tasks'] .l-pull-right .days,
  .listview[aria-label='Tasks'] .l-pull-right .hours {
    font-size: 1.9rem; }
  .listview[aria-label='Tasks'] .l-pull-right .icon-error {
    height: 15px;
    left: 0;
    width: 15px; }
  .listview .icon-favorite {
    top: 10px; } }

.ios .listview .icon-error,
.ios .listview .icon-success,
.ios .listview .icon-pending {
  top: 3px !important; }

.sidebar.scrollable .listview-search .searchfield-wrapper {
  display: inline-block;
  margin: 0;
  width: 100%; }

html[dir='rtl'].is-safari .listview ul li .alert-text::after {
  content: '\200E'; }

html[dir='rtl'] .listview[aria-label^='Icons'] li {
  padding: 16px 12px 15px; }

html[dir='rtl'] .listview .listview-image-round {
  float: right;
  margin-left: 20px;
  margin-right: inherit; }

html[dir='rtl'] .listview .badge {
  float: right;
  margin-left: 15px;
  margin-right: inherit; }
  html[dir='rtl'] .listview .badge.pending::before {
    left: auto;
    right: 0.35em !important; }

html[dir='rtl'] .listview li.error {
  border-left: 3px solid #da1217 !important;
  border-right: 0 solid #da1217 !important;
  padding: 15px 17px 15px 20px; }

html[dir='rtl'] .listview li > .icon {
  float: right;
  margin: 1px 0 10px 15px; }

html[dir='rtl'] .listview .day-sign,
html[dir='rtl'] .listview .hour-sign {
  margin-left: 5px;
  margin-right: inherit; }

html[dir='rtl'] .listview .dropdown-wrapper {
  float: right; }

html[dir='rtl'] .listview .l-pull-right .icon-error,
html[dir='rtl'] .listview .l-pull-right .icon-alert {
  left: auto;
  right: -10px; }

html[dir='rtl'] .listview .field {
  float: left; }

html[dir='rtl'] .listview .checkbox-label {
  left: auto;
  right: 20px; }

html[dir='rtl'] .listview .listview-thumbnail {
  float: right;
  margin-left: 20px;
  margin-right: inherit; }

html[dir='rtl'] .listview .listview-checkbox {
  margin-left: inherit;
  margin-right: -5px; }
  html[dir='rtl'] .listview .listview-checkbox + p {
    margin-left: inherit;
    margin-right: 35px; }

html[dir='rtl'] .listview.is-multiselect li::before {
  left: auto;
  margin-left: inherit;
  margin-right: 0;
  right: 14px; }

html[dir='rtl'] .listview.is-multiselect li {
  padding-left: inherit;
  padding-right: 43px; }
  html[dir='rtl'] .listview.is-multiselect li .listview-selection-checkbox {
    left: auto;
    right: 10px; }
  html[dir='rtl'] .listview.is-multiselect li.is-selected::after {
    left: auto;
    right: 19px; }

html[dir='rtl'] .listview-table.show-headers th:not(.l-right-text) {
  text-align: right; }

html[dir='rtl'] .listview-search input {
  padding: 11px 40px 7px 10px !important; }

html[dir='rtl'] .listview-search .icon:not(.close) {
  left: 0 !important;
  right: 10px !important; }

html[dir='rtl'] .listview-search .icon.close {
  left: 12px !important;
  right: unset !important; }

html[class*='-dark'] .card-image .amber01-border-color {
  border-color: transparent !important; }

html[class*='-dark'] .card-image .amber01 {
  background-color: transparent !important; }

html[class*='-dark'] .card-image .ruby01-border-color {
  border-color: transparent !important; }

html[class*='-dark'] .card-image .ruby01 {
  background-color: transparent !important; }

html[class*='-dark'] .card-image .emerald01-border-color {
  border-color: transparent !important; }

html[class*='-dark'] .card-image .emerald01 {
  background-color: transparent !important; }

html[class*='-dark'] .card-image .azure01-border-color {
  border-color: transparent !important; }

html[class*='-dark'] .card-image .azure01 {
  background-color: transparent !important; }

html[class*='-dark'] .card-image .turquoise01-border-color {
  border-color: transparent !important; }

html[class*='-dark'] .card-image .turquoise01 {
  background-color: transparent !important; }

html[class*='-dark'] .card-image .amethyst01-border-color {
  border-color: transparent !important; }

html[class*='-dark'] .card-image .slate01-border-color {
  background-color: transparent !important; }

html[class*='-dark'] .card-image .slate01 {
  background-color: transparent !important; }

html[dir='rtl'].is-firefox .listview .alert-text::before {
  margin-top: 5px; }

html[class*='theme-classic-'] .card-content .listview-search {
  display: flex; }
  html[class*='theme-classic-'] .card-content .listview-search .listview-filter-wrapper {
    display: flex;
    top: 0;
    left: 0;
    margin-left: 0; }

.listview .alert-text {
  font-size: 12px;
  line-height: 25px;
  position: relative;
  text-transform: uppercase;
  top: -2px; }
  .listview .alert-text::before {
    margin-top: 8px; }

.listview-search .searchfield,
.card-search .searchfield,
.widget-search .searchfield {
  padding: 9px 10px 9px 34px; }

.listview-search + .listview,
.card-search + .listview,
.widget-search + .listview {
  height: calc(100% - 44px);
  overflow-y: auto; }

.listview-search .searchfield-wrapper,
.card-search .searchfield-wrapper,
.widget-search .searchfield-wrapper {
  border-radius: 4px;
  margin: 0 8px;
  width: calc(100% - 16px);
  height: 38px;
  margin-top: 0;
  position: relative;
  margin-bottom: 8px; }
  .listview-search .searchfield-wrapper input,
  .card-search .searchfield-wrapper input,
  .widget-search .searchfield-wrapper input {
    border: 1px solid transparent;
    border-radius: 4px; }
  .listview-search .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper),
  .card-search .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper),
  .widget-search .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) {
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    z-index: 1; }
  .listview-search .searchfield-wrapper.non-collapsible.is-open .icon:not(.close):not(.icon-error),
  .card-search .searchfield-wrapper.non-collapsible.is-open .icon:not(.close):not(.icon-error),
  .widget-search .searchfield-wrapper.non-collapsible.is-open .icon:not(.close):not(.icon-error) {
    left: 10px;
    margin-top: 1px; }
  .listview-search .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error),
  .card-search .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error),
  .widget-search .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error) {
    left: 10px !important; }
  .listview-search .searchfield-wrapper .btn-icon,
  .card-search .searchfield-wrapper .btn-icon,
  .widget-search .searchfield-wrapper .btn-icon {
    top: 7px; }
    .listview-search .searchfield-wrapper .btn-icon.close,
    .card-search .searchfield-wrapper .btn-icon.close,
    .widget-search .searchfield-wrapper .btn-icon.close {
      right: 8px; }
  .listview-search .searchfield-wrapper.has-listview-filters,
  .card-search .searchfield-wrapper.has-listview-filters,
  .widget-search .searchfield-wrapper.has-listview-filters {
    top: 1px; }
  .listview-search .searchfield-wrapper.is-hovered .searchfield[disabled],
  .card-search .searchfield-wrapper.is-hovered .searchfield[disabled],
  .widget-search .searchfield-wrapper.is-hovered .searchfield[disabled] {
    border-top-color: #E0E0E1; }
    .listview-search .searchfield-wrapper.is-hovered .searchfield[disabled]:hover,
    .card-search .searchfield-wrapper.is-hovered .searchfield[disabled]:hover,
    .widget-search .searchfield-wrapper.is-hovered .searchfield[disabled]:hover {
      border-top-color: #E0E0E1; }

.listview-filter-wrapper {
  border-top: 1px solid #E0E0E1;
  top: unset; }

.listview .listview-heading {
  font-size: 1.6rem;
  color: #161618;
  font-weight: 600; }

.listview .listview-subheading {
  font-size: 1.6rem;
  color: #6F6F76; }

.listview .listview-micro {
  font-size: 1.4rem;
  color: #8E8E95; }

html.is-safari .listview-search .searchfield-wrapper.has-listview-filters {
  top: 2px; }

html[dir='rtl'] .listview-search + .listview,
html[dir='rtl'] .card-search + .listview,
html[dir='rtl'] .widget-search + .listview {
  height: calc(100% - 55px); }

html[dir='rtl'].is-firefox .listview .alert-text::before {
  margin: 0 -4px 0 0;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%); }

html[dir='rtl']:not(.is-firefox) .listview ul li .alert-text::before {
  margin-right: 28px; }

html[dir='rtl'] .listview-search .searchfield-wrapper .icon:not(.close):not(.icon-error) {
  left: auto;
  right: 18px; }

html[dir='rtl'].is-safari .listview ul li .alert-text::before {
  margin-right: 0;
  position: absolute;
  right: 0; }

.card .listview li:last-child,
.widget .listview li:last-child {
  border-radius: 0 0 0 8px; }

.lookup-wrapper {
  display: inline-block;
  margin-bottom: 20px;
  max-width: 100%;
  position: relative; }
  .lookup-wrapper .lookup {
    padding-right: 35px;
    text-overflow: ellipsis; }
    .lookup-wrapper .lookup[readonly]:not(.is-not-editable) + .trigger,
    .lookup-wrapper .lookup[disabled] + .trigger {
      cursor: default; }
      .lookup-wrapper .lookup[readonly]:not(.is-not-editable) + .trigger .icon,
      .lookup-wrapper .lookup[disabled] + .trigger .icon {
        color: #BBBBBF; }
    .lookup-wrapper .lookup[disabled] + .trigger > .icon {
      color: #C5C5C9; }
    .lookup-wrapper .lookup.is-not-editable {
      background-color: #ffffff;
      border: 1px solid #BBBBBF;
      color: #000000; }
      .lookup-wrapper .lookup.is-not-editable:not([disabled]) + .trigger {
        cursor: pointer; }
      .lookup-wrapper .lookup.is-not-editable:focus {
        border: solid 1px #0072ED;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
        outline: none;
        outline-color: transparent; }
      .lookup-wrapper .lookup.is-not-editable.error {
        border-color: #da1217; }
  .lookup-wrapper .trigger {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin-left: -31px;
    margin-top: 5px;
    min-height: 24px;
    min-width: 24px;
    outline: none;
    position: absolute;
    width: 24px; }
    .lookup-wrapper .trigger .icon {
      background-color: inherit;
      color: #6F6F76;
      height: 18px;
      pointer-events: none;
      right: 1px;
      top: -1px;
      width: 18px; }
    .lookup-wrapper .trigger:hover .icon {
      color: #161618; }
  .lookup-wrapper .lookup-autowidth {
    width: auto; }

.lookup-modal .toolbar-searchfield-wrapper.has-focus.active.toolbar-searchfield-wrapper {
  box-shadow: none; }
  .lookup-modal .toolbar-searchfield-wrapper.has-focus.active.toolbar-searchfield-wrapper:focus-within {
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible.has-text .btn-icon .close.icon {
  display: inline-block;
  transform: translateY(0); }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible.is-hovered:not(.has-focus) .searchfield {
  border: 1px solid #161618; }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible .searchfield {
  border: 1px solid #BBBBBF;
  height: 38px;
  padding-top: 8px !important; }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible .btn-icon {
  top: 50%;
  transform: translateY(-50%);
  right: 4px; }

.field .lookup-wrapper,
.field-short .lookup-wrapper {
  margin-bottom: 0; }

.lookup-wrapper .searchfield-wrapper {
  width: 100%; }
  .lookup-wrapper .searchfield-wrapper > .icon.close {
    right: 30px; }
  .lookup-wrapper .searchfield-wrapper.non-collapsible svg.icon:not(.close) {
    display: none; }

.lookup-wrapper .has-close-icon-button .lookup {
  padding-right: 50px; }

.lookup-modal .modal-content .modal-body-wrapper {
  padding: 4px 20px;
  margin-bottom: 20px;
  overflow: hidden; }

.lookup-modal.lookup-no-search .toolbar {
  margin-bottom: -5px !important;
  margin-top: -15px !important;
  vertical-align: top; }

.lookup-modal.lookup-no-search .modal-header {
  padding: 15px 20px 5px; }

.lookup-modal.has-minwidth .datagrid-wrapper,
.lookup-modal.has-minwidth table {
  min-width: inherit; }

.lookup-modal .datagrid tr:last-child td {
  border-bottom: 0; }

.lookup-modal .datagrid-result-count {
  margin-inline-start: 4px;
  top: 6px;
  vertical-align: middle; }

.lookup-modal .toolbar {
  margin-bottom: 15px;
  padding: 0; }
  .lookup-modal .toolbar .buttonset {
    width: 100%;
    height: 41px; }
  .lookup-modal .toolbar.do-resize .buttonset {
    width: 100%;
    overflow: visible; }
    @media only screen and (max-width: 767px) {
      .lookup-modal .toolbar.do-resize .buttonset {
        width: 100% !important; } }
  .lookup-modal .toolbar.has-more-button .buttonset {
    margin-bottom: 10px;
    overflow: visible;
    padding-top: 7px;
    width: calc(100% - 44px) !important; }
    .lookup-modal .toolbar.has-more-button .buttonset + .more {
      padding-top: 4px; }

.lookup-modal .contextual-toolbar {
  margin: 0 !important;
  top: 5px;
  width: 100%; }

.lookup-modal .modal-body-wrapper {
  background-color: inherit;
  overflow: hidden;
  padding: 0 18px 10px; }

.lookup-modal .modal-buttonset {
  background-color: inherit;
  margin-top: 0; }

.lookup-modal .modal-content {
  margin: 0; }

.lookup-modal .modal-header {
  padding: 20px 20px 10px; }

.lookup-modal .title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 2.8rem; }

.lookup-modal tr.is-clickable {
  cursor: pointer; }
  .lookup-modal tr.is-clickable td:focus,
  .lookup-modal tr.is-clickable td.is-focused {
    box-shadow: none; }
  .lookup-modal tr.is-clickable:hover:not(.datagrid-expandable-row) td:not(.is-editing):not(.is-readonly) {
    background-color: #E6F1FD; }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible {
  width: 100% !important; }

.ie11 .lookup-modal .modal-body .toolbar .more {
  position: relative;
  z-index: 1; }

.field-short .lookup-wrapper,
.form-layout-compact .field .lookup-wrapper {
  margin-bottom: 0; }
  .field-short .lookup-wrapper .trigger,
  .field-short .lookup-wrapper + .tooltip-description + .trigger,
  .form-layout-compact .field .lookup-wrapper .trigger,
  .form-layout-compact .field .lookup-wrapper + .tooltip-description + .trigger {
    height: 20px;
    margin-left: -26px;
    margin-top: 3px;
    min-height: 20px;
    min-width: 20px;
    width: 20px; }
    .field-short .lookup-wrapper .trigger .icon,
    .field-short .lookup-wrapper + .tooltip-description + .trigger .icon,
    .form-layout-compact .field .lookup-wrapper .trigger .icon,
    .form-layout-compact .field .lookup-wrapper + .tooltip-description + .trigger .icon {
      height: 16px;
      right: 2px;
      top: 6px;
      width: 16px; }
    .field-short .lookup-wrapper .trigger + .icon,
    .field-short .lookup-wrapper + .tooltip-description + .trigger + .icon,
    .form-layout-compact .field .lookup-wrapper .trigger + .icon,
    .form-layout-compact .field .lookup-wrapper + .tooltip-description + .trigger + .icon {
      margin-left: -41px; }

.field-short .lookup,
.form-layout-compact .field .lookup {
  padding-right: 25px; }

html.is-safari .lookup-wrapper .trigger {
  position: relative; }

html.is-safari .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger {
  margin-left: -17px;
  top: -1px; }

html.is-safari .field-short .lookup-wrapper .trigger {
  margin-top: 2px; }
  html.is-safari .field-short .lookup-wrapper .trigger .icon {
    margin-top: unset; }

html.is-safari .form-layout-compact .lookup-wrapper .trigger,
html.is-safari .form-layout-compact .lookup-wrapper .tooltip-description + .trigger {
  top: unset; }

html.is-firefox .field-short .lookup-wrapper .trigger {
  top: 1px; }

html[dir='rtl'] .lookup-wrapper .trigger {
  margin-left: 0;
  margin-right: -35px; }
  html[dir='rtl'] .lookup-wrapper .trigger .icon {
    left: -6px;
    right: auto;
    width: 18px; }
  html[dir='rtl'] .lookup-wrapper .trigger + .icon {
    margin-left: -41px; }

html[dir='rtl'] .field-short .lookup-wrapper .trigger,
html[dir='rtl'] .form-layout-compact .field .lookup-wrapper .trigger {
  margin-left: 0;
  margin-right: -20px; }
  html[dir='rtl'] .field-short .lookup-wrapper .trigger .icon,
  html[dir='rtl'] .form-layout-compact .field .lookup-wrapper .trigger .icon {
    height: 15px;
    left: 2px;
    right: auto;
    top: 6px; }

html[dir='rtl'] .lookup-wrapper .lookup {
  padding-left: 22px;
  padding-right: 10px;
  text-align: right;
  text-overflow: ellipsis; }

html[dir='rtl'] .lookup-wrapper .searchfield-wrapper > .icon.close {
  left: 30px; }

html[dir='rtl'] .lookup-wrapper .searchfield-wrapper.non-collapsible svg.icon:not(.close) {
  display: none; }

html[dir='rtl'] .lookup-wrapper .has-close-icon-button .lookup {
  padding-left: 50px; }

html:not([dir='rtl'])[class*='theme-classic-'] .modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon.close svg.icon.close {
  top: 0; }

html[dir='rtl'] .modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon.close {
  left: 7px;
  right: unset;
  top: 50%; }

html[class*='theme-classic-'] .modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon.close svg.icon.close {
  position: relative;
  right: unset; }

/** targets only classic's svg in RTL */
html[dir='rtl'][class*='theme-classic-'] .modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon.close svg.icon.close {
  left: 2px;
  position: absolute;
  right: unset;
  top: 3px; }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible .searchfield {
  height: 38px; }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible .btn-icon .icon.close {
  top: 0; }

@media only screen and (max-width: 767px) {
  .lookup-modal .toolbar-searchfield-wrapper.has-close-icon-button .btn-icon.close:not(.is-empty) {
    margin-right: 0; } }

.lookup-modal .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error) {
  left: 9px; }

.lookup-modal .datagrid-result-count {
  top: -2px; }

.lookup-wrapper .trigger {
  margin-top: 7px; }
  .lookup-wrapper .trigger .icon {
    right: 0;
    top: 0; }

.lookup-wrapper .searchfield-wrapper > .icon.close {
  right: 35px;
  top: 19px; }

.lookup-wrapper .has-custom-icon .icon {
  height: 16px;
  right: -8px;
  width: 16px; }

.field-short .lookup-wrapper .trigger,
.form-layout-compact .field .lookup-wrapper .trigger {
  margin-top: 4px; }
  .field-short .lookup-wrapper .trigger .icon,
  .form-layout-compact .field .lookup-wrapper .trigger .icon {
    right: 0;
    top: -1px; }

html.is-firefox .field-short .lookup-wrapper .trigger,
html.is-firefox .form-layout-compact .field .lookup-wrapper .trigger {
  margin-top: 2px; }

html.is-safari .field-short .lookup-wrapper .trigger {
  top: 2px; }

html.is-safari .form-layout-compact .lookup-wrapper .trigger,
html.is-safari .form-layout-compact .lookup-wrapper .tooltip-description + .trigger {
  top: 2px; }

html[dir='rtl'] .lookup-wrapper .trigger {
  margin-right: -32px;
  margin-top: 8px; }
  html[dir='rtl'] .lookup-wrapper .trigger .icon {
    left: auto; }

html[dir='rtl'] .lookup-wrapper .searchfield-wrapper > .icon.close {
  left: 35px; }

html[dir='rtl'] .field-short .lookup-wrapper .trigger,
html[dir='rtl'] .form-layout-compact .field .lookup-wrapper .trigger {
  margin-right: -25px;
  margin-top: 4px; }
  html[dir='rtl'] .field-short .lookup-wrapper .trigger .icon,
  html[dir='rtl'] .form-layout-compact .field .lookup-wrapper .trigger .icon {
    right: 0;
    top: -2px; }

.modal-content .toolbar .buttonset .searchfield-wrapper:not(.has-text) button.close {
  display: none; }

.modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon svg.close.icon {
  border: 1px solid transparent; }

.modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon:focus .close.icon {
  display: inline-block; }

html[dir='rtl'] .modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon.close {
  top: 50%; }
  html[dir='rtl'] .modal-content .toolbar .buttonset .searchfield-wrapper .btn-icon.close svg.icon.close {
    position: relative;
    top: 1px; }

[data-mask-mode='number'] {
  text-align: right; }
  [data-mask-mode='number'].error {
    padding-right: 10px; }
  [data-mask-mode='number'][data-error-type='tooltip'].error {
    padding-right: 32px; }
  [data-mask-mode='number'].spinbox {
    text-align: center; }

.masthead {
  background-color: #000000;
  border-bottom: 1px solid #000000;
  height: 40px;
  width: 100%;
  z-index: 9000; }
  .masthead .masthead-icon {
    border-radius: 0;
    height: 28px;
    width: 28px;
    margin-top: 3px; }
    .masthead .masthead-icon > .icon {
      height: 32px;
      width: 32px; }
    .masthead .masthead-icon .ripple-effect {
      background-color: transparent; }
  .masthead [class^='btn'] {
    height: 30px !important;
    min-width: 32px;
    padding-right: 8px;
    min-height: 32px;
    color: #C5C5C9 !important; }
    .masthead [class^='btn'] svg.icon {
      color: #BBBBBF;
      vertical-align: middle;
      margin-inline-start: 1px; }
      .masthead [class^='btn'] svg.icon.icon-dropdown {
        margin-top: -2px; }
    .masthead [class^='btn']:hover:not(:disabled), .masthead [class^='btn'].is-open {
      color: #ffffff;
      background-color: transparent; }
      .masthead [class^='btn']:hover:not(:disabled) svg.icon, .masthead [class^='btn'].is-open svg.icon {
        color: #ffffff; }
    .masthead [class^='btn']:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px transparent, 0 0 0 1px #ffffff, 0 0 3px 2px rgba(255, 255, 255, 0.3); }
    .masthead [class^='btn'].collapse-button {
      height: inherit; }
  .masthead .btn {
    padding: 0 8px; }
  .masthead .btn-icon,
  .masthead .btn-actions,
  .masthead .btn-close {
    min-height: 32px;
    min-width: 32px;
    width: 32px; }
  .masthead .toolbar-searchfield-wrapper > .icon {
    color: #BBBBBF;
    height: 18px;
    opacity: 1; }
  .masthead .toolbar-searchfield-wrapper.has-focus:not(.active) > .icon {
    color: #ffffff; }
  .masthead .searchfield {
    height: 28px; }
  .masthead .toolbar {
    height: 100%;
    margin-bottom: 0; }
    .masthead .toolbar .popupmenu li.is-checked > a::before {
      border-color: #0072ED #0072ED #0072ED transparent; }
    .masthead .toolbar .title {
      height: 100%;
      padding: 0; }
    .masthead .toolbar .buttonset {
      height: 36px; }
      .masthead .toolbar .buttonset > *:not(.toolbar-searchfield-wrapper) {
        margin: 3px 3px 2px 0; }
      .masthead .toolbar .buttonset .btn-menu {
        margin-right: -6px; }
      .masthead .toolbar .buttonset .toolbar-searchfield-wrapper {
        margin: 1px 0 0; }
    .masthead .toolbar .btn-actions {
      margin-left: -8px;
      margin-right: 5px; }
  .masthead .toolbar [class^='btn'] {
    margin: 3px 3px 2px 0;
    vertical-align: top; }
  .masthead .flex-toolbar {
    height: inherit; }
    .masthead .flex-toolbar .toolbar-section.buttonset [class^='btn'].btn-menu {
      margin-right: -8px; }
    .masthead .flex-toolbar .toolbar-section.buttonset [class^='btn']:last-child.btn-menu {
      margin-right: -3px;
      vertical-align: top; }
  .masthead .toolbar,
  .masthead .flex-toolbar {
    padding: 0 8px; }
    .masthead .toolbar [class^='btn'],
    .masthead .flex-toolbar [class^='btn'] {
      background-color: transparent;
      border-color: transparent;
      color: #C5C5C9; }
      .masthead .toolbar [class^='btn'].btn-menu,
      .masthead .flex-toolbar [class^='btn'].btn-menu {
        margin-top: 1px; }
      .masthead .toolbar [class^='btn'] .ripple-effect,
      .masthead .flex-toolbar [class^='btn'] .ripple-effect {
        background-color: #ffffff; }
      .masthead .toolbar [class^='btn']:active,
      .masthead .flex-toolbar [class^='btn']:active {
        border-color: transparent; }
      .masthead .toolbar [class^='btn'] span:not(.audible),
      .masthead .flex-toolbar [class^='btn'] span:not(.audible) {
        color: inherit;
        position: relative;
        top: -1px; }
      .masthead .toolbar [class^='btn'] .icon,
      .masthead .flex-toolbar [class^='btn'] .icon {
        color: #BBBBBF; }
        .masthead .toolbar [class^='btn'] .icon.app-drawer,
        .masthead .flex-toolbar [class^='btn'] .icon.app-drawer {
          left: -6px;
          position: relative !important;
          top: -6px; }
      .masthead .toolbar [class^='btn']:hover:not([disabled]),
      .masthead .flex-toolbar [class^='btn']:hover:not([disabled]) {
        color: #ffffff !important; }
        .masthead .toolbar [class^='btn']:hover:not([disabled]) .icon,
        .masthead .toolbar [class^='btn']:hover:not([disabled]) svg.icon,
        .masthead .flex-toolbar [class^='btn']:hover:not([disabled]) .icon,
        .masthead .flex-toolbar [class^='btn']:hover:not([disabled]) svg.icon {
          color: #ffffff !important; }
      .masthead .toolbar [class^='btn'].is-open, .masthead .toolbar [class^='btn'].is-open:hover,
      .masthead .flex-toolbar [class^='btn'].is-open,
      .masthead .flex-toolbar [class^='btn'].is-open:hover {
        color: #ffffff; }
        .masthead .toolbar [class^='btn'].is-open .icon, .masthead .toolbar [class^='btn'].is-open:hover .icon,
        .masthead .flex-toolbar [class^='btn'].is-open .icon,
        .masthead .flex-toolbar [class^='btn'].is-open:hover .icon {
          color: #ffffff; }
      .masthead .toolbar [class^='btn']:focus:not(.hide-focus),
      .masthead .flex-toolbar [class^='btn']:focus:not(.hide-focus) {
        box-shadow: 0 0 0 2px transparent, 0 0 0 1px #ffffff, 0 0 3px 2px rgba(255, 255, 255, 0.3); }
        .masthead .toolbar [class^='btn']:focus:not(.hide-focus) .icon,
        .masthead .flex-toolbar [class^='btn']:focus:not(.hide-focus) .icon {
          color: #BBBBBF; }
      .masthead .toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
      .masthead .flex-toolbar [class^='btn'].is-selected:focus:not(.hide-focus) {
        color: #BBBBBF; }
        .masthead .toolbar [class^='btn'].is-selected:focus:not(.hide-focus) .icon,
        .masthead .flex-toolbar [class^='btn'].is-selected:focus:not(.hide-focus) .icon {
          color: #BBBBBF; }
  .masthead .image-initials,
  .masthead .image-round {
    font-size: 1.2rem;
    height: 29px;
    line-height: 29px;
    margin-right: 0;
    width: 29px; }
  .masthead .image-user-status {
    height: 31px;
    vertical-align: middle; }
    .masthead .image-user-status .icon {
      height: 10px;
      margin-left: -9px;
      margin-top: 19px;
      width: 10px; }

.twelve .masthead {
  position: static; }

.masthead-appname {
  color: #C5C5C9;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 38px;
  margin: 0;
  vertical-align: top; }

html[dir='rtl'] .masthead button {
  margin-left: -3px; }

html[dir='rtl'] .masthead .image-user-status .icon {
  margin-right: -7px; }

html[dir='rtl'] .masthead .flex-toolbar .toolbar-section.buttonset [class^='btn'].btn-menu {
  margin-left: -8px;
  margin-right: 0; }

html[dir='rtl'] .masthead .flex-toolbar .toolbar-section.buttonset [class^='btn']:last-child.btn-menu {
  margin-left: -3px;
  margin-right: 0; }

html[dir='rtl'] .masthead [class^='btn'] > * {
  vertical-align: middle; }

html[dir='rtl'] .masthead [class^='btn']:not(.btn-generative) span + .icon {
  margin-right: 2px !important; }

.masthead-appname,
.masthead .toolbar-section.title h1 {
  font-size: 14px;
  font-size: 1.4rem;
  color: #F5F5F5;
  margin: 0 14px; }

.masthead .masthead-icon > .icon {
  border-radius: 4px;
  margin-inline-start: 6px; }

.masthead .flex-toolbar .toolbar-section .masthead-icon > .icon {
  margin: 0 6px; }

.masthead .flex-toolbar .toolbar-section.title h1 {
  margin: 0 6px; }

.masthead .toolbar .buttonset > *:not(.toolbar-searchfield-wrapper) {
  height: 26px;
  margin: 4px;
  min-height: 26px;
  padding: 0 8px; }
  .masthead .toolbar .buttonset > *:not(.toolbar-searchfield-wrapper).btn-menu {
    margin-right: -6px !important;
    margin-top: 3px; }
  .masthead .toolbar .buttonset > *:not(.toolbar-searchfield-wrapper) .icon {
    color: #BBBBBF; }

.masthead .toolbar-searchfield-wrapper:not(.active) .icon:not(.close):not(.icon-dropdown) {
  top: -2px; }

.masthead .toolbar.has-title,
.masthead .formatter-toolbar.has-title {
  padding: 0 8px; }

.masthead .image-initials,
.masthead .image-round {
  line-height: 28px; }

.masthead .toolbar-searchfield-wrapper.active .searchfield {
  height: 32px !important; }

.masthead .toolbar-searchfield-wrapper.is-open .icon:not(.close) {
  top: -2px !important; }

html[class*='theme-new-'] .masthead .flex-toolbar:not(.editor-toolbar):not(.formatter-toolbar):not(.contextual-toolbar) .toolbar-section [class^='btn']:not(:disabled):not(.searchfield-category-button),
.masthead .toolbar:not(.standalone) .buttonset [class^='btn']:not(.searchfield-category-button) {
  border-radius: 2px; }
  html[class*='theme-new-'] .masthead .flex-toolbar:not(.editor-toolbar):not(.formatter-toolbar):not(.contextual-toolbar) .toolbar-section [class^='btn']:not(:disabled):not(.searchfield-category-button):not(:disabled):hover,
  .masthead .toolbar:not(.standalone) .buttonset [class^='btn']:not(.searchfield-category-button):not(:disabled):hover {
    background-color: transparent; }

.masthead .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open):hover {
  background-color: transparent; }

.modal-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  position: absolute;
  width: 100%; }

.modal-page-container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .modal-page-container[aria-hidden='true'] {
    pointer-events: none; }
    .modal-page-container[aria-hidden='true'] .modal-wrapper {
      display: none; }

.modal-no-header .modal-title {
  display: none !important; }

.modal-no-header .modal-header {
  padding: 0 0 5px; }

.modal-no-header .modal-buttonset {
  margin-top: 2px; }

.modal {
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  -webkit-transition: opacity 0.2s, transform 0.2s;
  -moz-transition: opacity 0.2s, transform 0.2s;
  -o-transition: opacity 0.2s, transform 0.2s;
  -ms-transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  bottom: 0;
  height: auto;
  max-height: 90%;
  max-width: 100%;
  min-width: 200px;
  opacity: 0;
  pointer-events: none;
  position: relative;
  vertical-align: middle;
  z-index: 1001;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .modal {
      max-width: 90%;
      width: auto; } }
  .modal.has-close-btn {
    min-width: 400px; }
  .modal.is-visible.is-active {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  .modal:not(.hide-underneath).is-visible {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  .modal.is-active {
    pointer-events: auto; }
  .modal .field [data-error-type='tooltip'] ~ .icon-error,
  .modal .field [data-error-type='tooltip'] ~ .icon-success {
    top: unset !important;
    position: absolute; }
    .modal .field [data-error-type='tooltip'] ~ .icon-error:focus,
    .modal .field [data-error-type='tooltip'] ~ .icon-success:focus {
      outline: none;
      box-shadow: none; }
  .modal .field .dropdown-wrapper [data-error-type='tooltip'] ~ .icon-error,
  .modal .field .dropdown-wrapper [data-error-type='tooltip'] ~ .icon-success {
    top: 1px; }
  .modal .field.editor-container [data-error-type='tooltip'] ~ .icon-error,
  .modal .field.editor-container [data-error-type='tooltip'] ~ .icon-success {
    top: 55px; }
  .modal .field textarea {
    max-width: 300px; }
    .modal .field textarea[data-error-type='tooltip'] ~ .icon-error,
    .modal .field textarea[data-error-type='tooltip'] ~ .icon-success {
      top: 20px; }
    .modal .field textarea.input-lg {
      min-height: inherit;
      width: 400px; }
  .modal .field.editor-container {
    max-width: 820px; }
    .modal .field.editor-container .editor-source textarea {
      max-width: inherit; }
  .modal .field:first-child .audible ~ input:not(.spinbox):not(.colorpicker):not(.field-filter),
  .modal .field:first-child .audible ~ .searchfield-wrapper {
    margin-top: 4px; }
  .modal .field:first-child .checkbox-label {
    margin-top: 2px; }
  .modal .field:last-child .checkbox-label {
    margin-bottom: 1px; }
  .modal .textarea-wordcount {
    width: auto; }
  .modal hr {
    border-bottom: 0 none;
    border-top: 1px solid #C5C5C9;
    margin-bottom: -10px;
    margin-left: -27px;
    margin-top: 10px;
    padding: 0; }
  .modal.full-width {
    margin: auto;
    width: auto; }
    .modal.full-width .modal-content .modal-body-wrapper {
      padding: 5px 0 0; }
    .modal.full-width .modal-content .no-full-width {
      padding: 0 20px; }
    .modal.full-width .modal-content .modal-buttonset {
      margin-top: 0; }
  .modal.is-draggable .modal-header {
    cursor: move; }
  .modal.divider-top .modal-content .modal-header {
    border-bottom: 1px solid #C5C5C9;
    padding-bottom: 15px; }
  .modal.divider-top .modal-content .modal-body-wrapper {
    padding: 0; }
  .modal .card .listview-search {
    width: 370px; }
    @media only screen and (max-width: 520px) {
      .modal .card .listview-search {
        width: 100%; } }
  .modal .card .listview {
    width: 370px; }
    @media only screen and (max-width: 520px) {
      .modal .card .listview {
        width: 100%; } }
  .modal .card .listview-search + .listview {
    max-height: none; }
  .modal .card .listview-search .searchfield-wrapper {
    min-width: unset;
    top: -1px; }
  .modal .listview-search + .listview {
    max-height: 220px;
    min-height: 220px; }
  .modal .listview-search .searchfield-wrapper {
    min-width: 300px;
    width: 100%;
    margin: 0; }
    .modal .listview-search .searchfield-wrapper input {
      border-color: #C5C5C9;
      width: 100%; }
    .modal .listview-search .searchfield-wrapper.has-focus {
      box-shadow: none; }
      .modal .listview-search .searchfield-wrapper.has-focus input {
        box-shadow: none; }
  .modal .alternate-bg.listview {
    background-color: #F5F5F5; }
    .modal .alternate-bg.listview li {
      border-color: transparent; }
  .modal .alternate-bg.listview-search input {
    border-color: #C5C5C9;
    border-left-color: transparent;
    border-right-color: transparent; }
  @media (min-width: 321px) {
    .modal .accordion {
      max-width: 100%;
      width: 300px; } }
  .modal .busy.overlay {
    background-color: #ffffff; }
  .modal.display-fullsize {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%; }
    .modal.display-fullsize .modal-content {
      align-items: stretch;
      display: flex;
      flex-direction: column;
      height: 100%;
      margin: 0; }
      .modal.display-fullsize .modal-content h1 {
        white-space: initial;
        width: 100%; }
    .modal.display-fullsize .modal-body-wrapper {
      flex-grow: 1; }
      .modal.display-fullsize .modal-body-wrapper .splitter-container,
      .modal.display-fullsize .modal-body-wrapper .splitter-container .is-right-side,
      .modal.display-fullsize .modal-body-wrapper .splitter-container .is-right-side, .modal.display-fullsize .modal-body-wrapper .page-container {
        position: initial; }
  .modal .modal-content .modal-header.splitter-header {
    padding: 16px; }
  .modal .modal-content .modal-body-wrapper.splitter-wrapper {
    position: relative;
    border-top: 1px solid #BBBBBF; }
  .modal:not(.display-fullsize):not(.about) .modal-content h1 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    white-space: initial;
    width: inherit; }
  .modal.has-minwidth:not(.display-fullsize):not(.about) .modal-content h1 {
    max-width: 450px; }

.modal .searchfield-wrapper + .error-message {
  margin-top: 7px; }

.modal .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
  left: 9px; }

.modal .editor.required.error {
  margin-bottom: 0; }
  .modal .editor.required.error + .error-message {
    margin-top: 7px; }

.overlay {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1000; }

body.modal-engaged .overlay {
  visibility: visible; }

.modal-header {
  padding: 16px 16px 0; }

.modal-content {
  background: #ffffff;
  border: 1px solid #C5C5C9;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #6F6F76;
  margin: 16px;
  position: relative; }
  @media screen and (min-width: 481px) {
    .modal-content {
      margin: 10px; } }
  .modal-content h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: #161618;
    font-size: 2.8rem;
    font-weight: 400;
    -webkit-margin-after: 0;
    text-align: left; }
    .modal-content h1 > * {
      vertical-align: text-top;
      margin: -1px 8px 0 0; }
    .modal-content h1:focus {
      outline: none; }
    .modal-content h1.has-status .icon {
      left: -6px;
      margin-left: 6px;
      margin-right: 4px;
      top: 9px; }
    .modal-content h1.is-error .icon {
      color: #da1217; }
    .modal-content h1.is-alert .icon {
      color: #F98300; }
    .modal-content h1.is-success .icon {
      color: #2AC371; }
    .modal-content h1.is-info .icon {
      color: #0064D4; }
  .modal-content h2 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #161618;
    font-weight: 400;
    -webkit-margin-after: 0;
    text-align: left; }
    .modal-content h2 + p {
      margin: 15px 0; }
    .modal-content h2 + img {
      margin: 7px 0; }
    .modal-content h2 button {
      margin: 2px; }
  .modal-content .modal-body-wrapper {
    overflow: auto;
    padding: 32px 16px; }
    .modal-content .modal-body-wrapper .field:not(.label-left).last-child {
      margin-bottom: 0; }
      .modal-content .modal-body-wrapper .field:not(.label-left).last-child label,
      .modal-content .modal-body-wrapper .field:not(.label-left).last-child .label {
        margin-top: 20px; }
  .modal-content .modal-body > button {
    display: block;
    font-size: 1.5rem;
    margin: 25px auto 5px; }
  .modal-content > .modal-buttonset .btn-close {
    bottom: 0;
    position: relative; }
  .modal-content > .btn-close {
    position: absolute;
    right: 10px;
    top: 10px; }
  .modal-content .message {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #6F6F76;
    font-size: 1.6rem;
    line-height: 20px;
    margin-bottom: 0;
    max-width: 369px;
    padding: 0;
    text-align: left; }
    .modal-content .message .modal-body-wrapper {
      padding: 5px 20px; }
    .modal-content .message ol,
    .modal-content .message ul {
      list-style: initial;
      margin: -4px 20px 0; }
  .modal-content .alert-text {
    display: inline-block;
    margin-bottom: 10px;
    position: relative; }
  .modal-content p + p {
    margin-top: 20px; }
  .modal-content.has-icon .message {
    margin: 25px 33px -6px; }

.modal-body.overflow {
  overflow: auto; }

.modal-body > *:not(.pager-toolbar):last-child {
  margin-bottom: 0; }

.modal-body p:first-of-type {
  padding-top: 0; }

.modal-body p:last-child {
  padding-bottom: 0; }

.modal-buttonset {
  border-top: 1px solid #C5C5C9;
  height: 50px; }
  .modal-buttonset button {
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    border: 1px solid transparent;
    border-left: 1px solid #C5C5C9;
    border-radius: 0;
    color: #6F6F76;
    cursor: pointer;
    float: left;
    font-size: 1.6rem;
    font-weight: 600;
    height: 49px;
    line-height: 49px;
    margin-right: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%; }
    .modal-buttonset button:hover {
      color: #161618; }
    .modal-buttonset button:nth-child(1) {
      border-left: 1px solid transparent; }
    .modal-buttonset button:focus:not(.hide-focus) {
      border: 1px solid #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-color: transparent; }
    .modal-buttonset button[disabled], .modal-buttonset button[disabled]:hover {
      color: rgba(111, 111, 118, 0.5);
      cursor: default;
      text-decoration: none; }
      .modal-buttonset button[disabled].btn-modal-primary, .modal-buttonset button[disabled]:hover.btn-modal-primary {
        color: rgba(0, 102, 212, 0.5); }
    .modal-buttonset button[disabled]:focus {
      text-decoration: underline; }
    .modal-buttonset button .ripple-effect {
      background-color: #0072ED; }
  .modal-buttonset .btn-modal-primary {
    background-color: transparent;
    color: #0066D4; }
    .modal-buttonset .btn-modal-primary:hover {
      background-color: transparent;
      color: #0054B1; }

html.ie .modal.full-width {
  margin: 0; }

.ie11 .modal:not(.display-fullsize):not(.about) .modal-content h1 {
  line-height: 1.2em;
  margin-right: -1em;
  max-height: 2.4em;
  overflow: hidden;
  padding-right: 1em;
  position: relative;
  text-align: justify;
  white-space: normal; }
  .ie11 .modal:not(.display-fullsize):not(.about) .modal-content h1::before {
    bottom: 0;
    content: '...';
    position: absolute;
    right: 0; }
  .ie11 .modal:not(.display-fullsize):not(.about) .modal-content h1::after {
    background-color: #ffffff;
    content: '';
    height: 1em;
    position: absolute;
    right: 0;
    width: 1em; }

.ios body.modal-engaged {
  -webkit-overflow-scrolling: auto; }
  .ios body.modal-engaged [aria-hidden='true'],
  .ios body.modal-engaged [aria-hidden='true'] * {
    overflow: hidden; }
  .ios body.modal-engaged .monthview-popup.is-open .day-text[aria-hidden='true'],
  .ios body.modal-engaged .monthview-popup.is-open .day-text[aria-hidden='true'] * {
    overflow: unset; }
  .ios body.modal-engaged .page-container.scrollable,
  .ios body.modal-engaged .page-container.scrollable-x,
  .ios body.modal-engaged .page-container.scrollable-y {
    pointer-events: none; }
  .ios body.modal-engaged .modal-body-wrapper {
    -webkit-overflow-scrolling: touch; }

.ios .modal .field textarea {
  max-width: 100%; }

.is-mac .modal-content h1.is-success .icon {
  margin-top: 0; }

html[dir='rtl'] .modal-buttonset button {
  float: right;
  margin-left: 0; }
  html[dir='rtl'] .modal-buttonset button:nth-child(1) {
    border-left: 1px solid #C5C5C9; }
  html[dir='rtl'] .modal-buttonset button:last-child {
    border-left-color: transparent; }
    html[dir='rtl'] .modal-buttonset button:last-child:focus {
      border-left-color: #0072ED; }

html[dir='rtl'] .modal-content {
  padding: 0; }
  html[dir='rtl'] .modal-content h1 {
    margin-left: 25px;
    margin-right: inherit;
    padding-left: 20px;
    text-align: right; }
    html[dir='rtl'] .modal-content h1.has-status svg {
      left: auto;
      margin-left: 10px;
      margin-right: 8px;
      right: 5px; }
  html[dir='rtl'] .modal-content .modal-body-wrapper {
    padding-left: 30px; }
  html[dir='rtl'] .modal-content h2,
  html[dir='rtl'] .modal-content .message {
    text-align: right; }
  html[dir='rtl'] .modal-content .btn-close {
    left: 10px;
    right: auto; }

@media all and (orientation: landscape) {
  .modal-content .modal-body-wrapper {
    overflow-x: hidden;
    overflow-y: auto; } }

html[class*='theme-classic-'] .modal-content h1 > * {
  vertical-align: super;
  margin: 0 8px 0 0; }

.modal .modal-content h1 {
  line-height: 3.5rem; }

.modal .colorpicker-container .trigger .icon {
  top: 0; }

.modal .datagrid td.is-editing .colorpicker-container .icon {
  top: 1px; }

.modal-buttonset button {
  line-height: normal; }

.modal-content > .btn-close {
  right: 11px;
  top: 12px; }

.modal .field.editor-container {
  max-width: 810px; }

.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-error,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-info,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-success,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-alert, .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-info .icon-error,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-info .icon-info,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-info .icon-success,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-info .icon-alert, .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-success .icon-error,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-success .icon-info,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-success .icon-success,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-success .icon-alert, .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-alert .icon-error,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-alert .icon-info,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-alert .icon-success,
.modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-alert .icon-alert, .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-error,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-info,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-success,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-alert, .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-info .icon-error,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-info .icon-info,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-info .icon-success,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-info .icon-alert, .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-success .icon-error,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-success .icon-info,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-success .icon-success,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-success .icon-alert, .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-alert .icon-error,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-alert .icon-info,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-alert .icon-success,
.modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-alert .icon-alert {
  height: 15px;
  margin-left: 0;
  margin-right: 11px;
  margin-top: 0;
  right: -8px;
  width: 15px; }

.modal-content h1.has-status .icon {
  height: 22px;
  left: -5px;
  margin-left: 8px;
  width: 22px; }

.modal .modal-content h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 3rem; }
  @media screen and (min-width: 481px) {
    .modal .modal-content h1 {
      font-size: 26px;
      font-size: 2.6rem; } }

.theme-new-dark .modal .slider-wrapper {
  background-color: #8E8E95; }

html[dir='rtl'] .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-error,
html[dir='rtl'] .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-info,
html[dir='rtl'] .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-alert, html[dir='rtl'] .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-error,
html[dir='rtl'] .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-info,
html[dir='rtl'] .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-alert {
  margin-top: -2px; }

html[dir='rtl'] .modal-content > .btn-close {
  left: 11px;
  right: auto; }

html[dir='rtl'].is-firefox .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-error,
html[dir='rtl'].is-firefox .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-info,
html[dir='rtl'].is-firefox .modal .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-alert, html[dir='rtl'].is-firefox .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-error,
html[dir='rtl'].is-firefox .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-info,
html[dir='rtl'].is-firefox .modal .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-alert {
  margin-top: 0; }

.modal-content h1.has-status .icon {
  top: 7px; }

.module-nav-separator {
  display: block;
  pointer-events: none;
  user-select: none;
  border-top: 1px solid #E0E0E1;
  font-size: 0;
  justify-self: center;
  margin: 0 22px; }

.module-nav-container {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  gap: 0;
  width: 100%;
  height: 100%; }
  .module-nav-container .page-container {
    position: static; }
  .module-nav-container .header + .page-container {
    margin-top: 0; }
  .module-nav-container:not(.mode-expanded):not(.mode-collapsed) .module-nav {
    pointer-events: none; }
  .module-nav-container:not(.mode-expanded):not(.mode-collapsed) .module-nav-bar {
    display: none; }
  .module-nav-container:not(.mode-expanded):not(.mode-collapsed) .module-nav-detail {
    display: none; }
  .module-nav-container:not(.mode-expanded):not(.mode-collapsed) .module-nav-footer {
    display: none; }
  .module-nav-container.mode-collapsed .module-nav-bar, .module-nav-container.mode-expanded .module-nav-bar {
    z-index: 7001; }
  .module-nav-container.mode-collapsed:not(.show-detail) .module-nav-detail, .module-nav-container.mode-expanded:not(.show-detail) .module-nav-detail {
    display: none; }
  .module-nav-container.mode-collapsed.show-detail .module-nav-bar, .module-nav-container.mode-expanded.show-detail .module-nav-bar {
    border-inline-end: 1px solid #C5C5C9; }
  .module-nav-container.mode-collapsed.show-detail .module-nav-detail, .module-nav-container.mode-expanded.show-detail .module-nav-detail {
    width: 300px;
    z-index: 7001; }
  .module-nav-container.mode-collapsed .module-nav {
    border-inline-end: 1px solid #C5C5C9; }
  .module-nav-container.mode-collapsed .module-nav-bar {
    width: 56px; }
  .module-nav-container.mode-collapsed .module-nav-item {
    justify-content: center;
    margin-inline: 8px;
    padding-block: 13px; }
    .module-nav-container.mode-collapsed .module-nav-item > .icon {
      margin-block: auto;
      margin-inline: 0; }
    .module-nav-container.mode-collapsed .module-nav-item span {
      clip: rect(0, 0, 0, 0);
      width: 1px;
      overflow: hidden; }
  .module-nav-container.mode-collapsed .module-nav-settings {
    padding-block-end: 8px; }
  .module-nav-container.mode-collapsed.show-detail .page-container {
    margin-inline-start: 0; }
  .module-nav-container.mode-expanded .module-nav-bar {
    border-inline-end: 1px solid #C5C5C9;
    width: 320px; }
  .module-nav-container.mode-expanded .module-nav-item {
    margin-inline: 8px;
    padding: 13px;
    padding-inline-start: 8px; }
    .module-nav-container.mode-expanded .module-nav-item > .icon {
      margin-inline-end: 19px; }
  .module-nav-container.mode-expanded > .page-container.has-module-nav-offset {
    margin-inline-start: 320px;
    margin: 0;
    width: 100%; }
  .module-nav-container.mode-expanded > .page-container:not(.has-module-nav-offset) {
    margin-inline-start: -264px; }
  .module-nav-container.mode-expanded > .page-container .page-overlay {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    background: rgba(0, 0, 0, 0.25);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    visibility: visible; }
  .module-nav-container.mode-expanded.show-detail .module-nav-detail {
    width: 300px; }
  .module-nav-container.mode-expanded.show-detail .page-container {
    margin-inline-start: 0; }
  .module-nav-container.mode-expanded .module-nav-settings {
    padding-block-end: 24px; }
  .module-nav-container .module-nav-footer:not(:last-child) {
    padding-block-end: 0; }
  .module-nav-container .module-nav-footer + .module-nav-settings {
    padding-block-start: 0; }
  .module-nav-container:not(.pinned-optional) .module-nav-accordion {
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1; }
  .module-nav-container:not(.pinned-optional) .module-nav-footer:not(:last-child) {
    flex-grow: 1; }
  .module-nav-container.pinned-optional .module-nav-main {
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1; }
  .module-nav-container.pinned-optional .module-nav-footer {
    overflow-y: auto;
    overflow-x: hidden; }
  .module-nav-container.pinned-optional:not(.has-section-scrollbars) .module-nav-search-container + .module-nav-separator,
  .module-nav-container.pinned-optional:not(.has-section-scrollbars) .module-nav-header + .module-nav-separator {
    display: none; }
  .module-nav-container.pinned-optional.has-section-scrollbars .module-nav-separator + .module-nav-footer {
    margin-block-start: 0; }

.module-nav {
  display: flex;
  flex-direction: row;
  height: 100%;
  position: relative;
  z-index: 7001; }
  .module-nav.show-shadow {
    box-shadow: 0 14px 70px -16px rgba(0, 0, 0, 0.25); }

.module-nav-bar {
  display: flex;
  flex-direction: column;
  background-color: #F5F5F5;
  color: #6F6F76;
  height: 100%; }

.module-nav-detail {
  background-color: #E0E0E1;
  border-inline-end: 1px solid #C5C5C9;
  height: 100%; }

.module-nav-item {
  align-items: center;
  border-radius: 4px;
  display: flex; }
  .module-nav-item span {
    font-size: 16px;
    font-size: 1.6rem; }
  .module-nav-item:not([disabled]):not(.is-disabled) {
    cursor: pointer; }
  .module-nav-item:hover {
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16); }

.module-nav-footer {
  display: block;
  position: relative;
  flex-shrink: 0; }

.module-nav-settings {
  flex-shrink: 0;
  overflow: hidden;
  margin-block-start: 0; }

.dropdown-list[data-element-id="module-nav-role-switcher"] {
  z-index: 8000; }

@media (max-width: 766px) {
  .module-nav-container.mode-collapsed .module-nav {
    border-inline-end: 0; }
  .module-nav-container:not(.mode-expanded) .module-nav-bar {
    display: none; } }

@media all and (orientation: landscape) {
  .ios .module-nav-container.mode-collapsed .module-nav,
  .android .module-nav-container.mode-collapsed .module-nav {
    border-inline-end: 0; }
  .ios .module-nav-container:not(.mode-expanded) .module-nav-bar,
  .android .module-nav-container:not(.mode-expanded) .module-nav-bar {
    display: none; } }

.module-nav .module-nav-accordion {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .module-nav .module-nav-accordion .accordion-section {
    display: block;
    padding: 4px; }

.module-nav .accordion.panel.module-nav-accordion {
  background-color: transparent;
  border: 0; }
  .module-nav .accordion.panel.module-nav-accordion .accordion-header {
    border-color: transparent;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    color: #161618; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header > [class^='btn'] {
      color: inherit;
      height: 31px;
      min-height: 31px;
      width: 31px; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header > [class^='btn'] > .icon {
        color: inherit;
        width: 13px; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header > [class^='btn']:focus:not(.hide-focus) {
        border-color: transparent;
        box-shadow: none; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header > a,
    .module-nav .accordion.panel.module-nav-accordion .accordion-header > .icon {
      color: inherit; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header .icon {
      top: -3px; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header .btn {
      top: 0; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header .btn > .icon.chevron {
        top: -1px; }
        .module-nav .accordion.panel.module-nav-accordion .accordion-header .btn > .icon.chevron.active {
          top: -2px; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header.is-focused:not(.hide-focus) {
      border-color: #0066D4;
      box-shadow: none; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header.is-focused > a,
    .module-nav .accordion.panel.module-nav-accordion .accordion-header.is-focused > .icon {
      color: inherit; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):hover {
      background-color: #E0E0E1;
      color: #161618; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):hover > a,
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):hover > .icon {
        color: inherit; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):hover.is-selected:not(.is-focused) {
        border-bottom-color: transparent; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):active {
      background-color: #E6F1FD;
      color: #0066D4; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):active:not(.hide-focus) {
        border-color: #0066D4; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):active > a,
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled):active > .icon {
        color: inherit; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled).is-selected {
      background-color: #E6F1FD;
      color: #0066D4; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled).is-selected [class^='btn']:focus:not(.hide-focus) {
        border-color: transparent !important; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled).is-selected [class^='btn'] .icon.plus-minus::before, .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled).is-selected [class^='btn'] .icon.plus-minus::after {
        background-color: #0066D4; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled).is-selected > a,
      .module-nav .accordion.panel.module-nav-accordion .accordion-header:not(.is-disabled).is-selected > .icon {
        color: inherit; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-header.is-focused.is-selected > [class^='btn'] .icon {
      color: inherit; }
  .module-nav .accordion.panel.module-nav-accordion .accordion-pane {
    background-color: transparent; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-pane .accordion-header {
      height: 40px; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-pane .accordion-header > a {
        font-size: 14px;
        font-size: 1.4rem; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-pane .accordion-header > [class^='btn'] {
        height: 23px;
        min-height: 23px;
        width: 23px; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-pane .accordion-header .btn {
        top: -1px; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-pane .accordion-header.list-item::before {
        font-size: 14px;
        font-size: 1.4rem; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-pane .accordion-header:last-child {
        border-bottom-color: transparent; }
      .module-nav .accordion.panel.module-nav-accordion .accordion-pane .accordion-header.is-focused:not(.hide-focus) {
        border-color: #0066D4; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-pane + .accordion-header:last-child {
      border-top-color: transparent; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-pane + .accordion-header.is-focused:not(.hide-focus) {
      border-top-color: #0066D4; }
    .module-nav .accordion.panel.module-nav-accordion .accordion-pane.is-expanded + .accordion-header {
      border-top-color: transparent; }

.module-nav-container.mode-collapsed > .module-nav .accordion-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  max-width: 40px;
  min-height: 40px;
  margin-block: 4px;
  margin-inline: auto;
  height: 40px;
  width: 40px; }
  .module-nav-container.mode-collapsed > .module-nav .accordion-header:first-child {
    margin-block-start: 4px; }
  .module-nav-container.mode-collapsed > .module-nav .accordion-header:last-child {
    margin-block-start: 4px;
    margin-block-end: 12px; }
  .module-nav-container.mode-collapsed > .module-nav .accordion-header.module-nav-settings-btn {
    margin-block: 0; }
  .module-nav-container.mode-collapsed > .module-nav .accordion-header > .icon {
    position: static;
    margin: 0;
    top: auto; }
  .module-nav-container.mode-collapsed > .module-nav .accordion-header .btn {
    display: none;
    pointer-events: none; }

.module-nav-container.mode-collapsed > .module-nav .accordion-pane .accordion-header,
.module-nav-container.mode-collapsed > .module-nav .accordion-pane .accordion-pane {
  display: none;
  pointer-events: none; }

.module-nav-container.mode-collapsed > .module-nav .accordion-pane.is-expanded {
  display: none;
  pointer-events: none; }

.module-nav-container.mode-collapsed > .module-nav .module-nav-footer .accordion-header:last-of-type {
  margin-block-end: 4px; }

.module-nav-container.mode-expanded > .module-nav .accordion {
  /*
      @TODO Discuss styles for top level navigation with no icons
      */ }
  .module-nav-container.mode-expanded > .module-nav .accordion .accordion-header {
    height: 40px; }
    .module-nav-container.mode-expanded > .module-nav .accordion .accordion-header > a {
      padding-block: 8.5px; }
    .module-nav-container.mode-expanded > .module-nav .accordion .accordion-header:not(:last-child) {
      margin-block-end: 4px; }
    .module-nav-container.mode-expanded > .module-nav .accordion .accordion-header > .icon {
      margin-inline-end: 19px;
      margin-inline-start: 11px; }
  .module-nav-container.mode-expanded > .module-nav .accordion .accordion-pane .accordion-header {
    height: 40px; }
    .module-nav-container.mode-expanded > .module-nav .accordion .accordion-pane .accordion-header > a {
      padding-block-start: 9px; }
    .module-nav-container.mode-expanded > .module-nav .accordion .accordion-pane .accordion-header.list-item::before {
      padding-inline-start: 16px; }
    .module-nav-container.mode-expanded > .module-nav .accordion .accordion-pane .accordion-header:last-child {
      margin-block-end: 4px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header > a {
    padding-inline-start: 13px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header > [class^='btn'] {
    margin-inline-start: 9px; }
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header > [class^='btn'] + a {
      padding-inline-start: 9px;
      width: calc(100% - 47px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header.list-item::before {
    padding-inline-start: 16px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header.list-item a {
    padding-inline-start: 9px;
    width: calc(100% - 47px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-header.has-chevron > a {
    width: calc(100% - 47px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-content {
    padding-inline-start: 13px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 49px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 47px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-header > a {
    padding-inline-start: 13px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 11px; }
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 7px;
      width: calc(100% - 47px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 16px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 7px;
    width: calc(100% - 47px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 48px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 82px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 80px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 55px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 36px; }
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 7px;
      width: calc(100% - 66px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 48px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 7px;
    width: calc(100% - 66px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 81px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 115px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 113px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 80px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 63px; }
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 7px;
      width: calc(100% - 98px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 80px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 7px;
    width: calc(100% - 98px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 117px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 146px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 144px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 115px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 90px; }
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 7px;
      width: calc(100% - 139px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 112px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 7px;
    width: calc(100% - 139px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 153px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 179px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 177px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 151px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 141px; }
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 14px;
      width: calc(100% - 162px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 144px; }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 14px;
    width: calc(100% - 162px); }
  .module-nav-container.mode-expanded > .module-nav .accordion:not(.has-icons) .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 177px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header > a {
    padding-inline-start: 49px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header > [class^='btn'] {
    margin-inline-start: 9px; }
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header > [class^='btn'] + a {
      padding-inline-start: 2px;
      width: calc(100% - 94px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header.list-item::before {
    padding-inline-start: 16px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header.list-item a {
    padding-inline-start: 2px;
    width: calc(100% - 94px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-header.has-chevron > a:first-child {
    width: calc(100% - 50px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-content {
    padding-inline-start: 50px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 49px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 49px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-header > a {
    padding-inline-start: 49px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 23px; }
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 8px;
      width: calc(100% - 94px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 16px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 8px;
    width: calc(100% - 94px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 48px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 80px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 80px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 55px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 40px; }
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 8px;
      width: calc(100% - 66px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 48px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 8px;
    width: calc(100% - 66px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 81px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 113px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 113px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 80px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 66px; }
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 8px;
      width: calc(100% - 98px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 80px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 8px;
    width: calc(100% - 98px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 117px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 144px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 144px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 115px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 92px; }
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 8px;
      width: calc(100% - 130px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 112px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 8px;
    width: calc(100% - 130px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 153px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-inline-start: 177px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-inline-start: 177px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-inline-start: 151px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] {
    margin-inline-start: 118px; }
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^='btn'] + a {
      padding-inline-start: 14px;
      width: calc(100% - 162px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-inline-start: 144px; }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-inline-start: 14px;
    width: calc(100% - 162px); }
  .module-nav-container.mode-expanded > .module-nav .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-inline-start: 177px; }

.module-nav-section.role-dropdown .dropdown-wrapper {
  max-width: 256px;
  margin-bottom: 0; }

.module-nav-section.role-dropdown div.dropdown {
  background-color: #E0E0E1;
  border-radius: 8px;
  border: 1px solid #C5C5C9;
  color: #161618;
  background-color: #ffffff;
  padding-block-start: 7px;
  padding-block-end: 7px;
  padding-inline-start: 8px;
  padding-inline-end: 40px;
  height: 40px;
  width: 256px; }
  .module-nav-section.role-dropdown div.dropdown .icon,
  .module-nav-section.role-dropdown div.dropdown + .icon {
    color: inherit; }
  .module-nav-section.role-dropdown div.dropdown .icon {
    margin-block-end: 8px; }
  .module-nav-section.role-dropdown div.dropdown + .icon {
    right: 16px;
    top: 4px; }
  .module-nav-section.role-dropdown div.dropdown.is-disabled {
    background-color: transparent;
    border: none;
    margin-inline-start: -6px; }
    .module-nav-section.role-dropdown div.dropdown.is-disabled span {
      font-size: 2rem; }
    .module-nav-section.role-dropdown div.dropdown.is-disabled + .icon {
      display: none; }
  .module-nav-section.role-dropdown div.dropdown:focus {
    box-shadow: none; }
  .module-nav-section.role-dropdown div.dropdown:hover {
    background-color: #E0E0E1; }
    .module-nav-section.role-dropdown div.dropdown:hover:not(:focus) {
      border-color: transparent; }
  .module-nav-section.role-dropdown div.dropdown:active {
    background-color: #E6F1FD;
    color: #0066D4; }
  .module-nav-section.role-dropdown div.dropdown.focus {
    border-color: #0066D4;
    box-shadow: none; }

.module-nav-section.role-dropdown input:focus {
  box-shadow: none; }

.module-nav-section.role-dropdown .dropdown > .listoption-icon {
  display: none; }
  .module-nav-section.role-dropdown .dropdown > .listoption-icon + span {
    padding-inline-start: 0;
    padding-inline-end: 1px; }

.dropdown-list.role-dropdown {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #161618;
  max-height: 100%;
  margin-block-start: 4px;
  overflow: visible; }
  .dropdown-list.role-dropdown > .trigger {
    margin-inline-start: -35px;
    color: inherit; }
    .dropdown-list.role-dropdown > .trigger .icon {
      top: 11px; }
  .dropdown-list.role-dropdown > .listoption-icon {
    display: none; }
  .dropdown-list.role-dropdown input.dropdown-search {
    background-color: #E0E0E1;
    border-radius: 8px;
    border: 1px solid #C5C5C9;
    color: inherit;
    height: 40px;
    margin-inline-start: 48px;
    width: calc(100% - 48px);
    padding-block-start: 7px;
    padding-block-end: 9px; }
  .dropdown-list.role-dropdown .dropdown-list-wrapper {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 4px 3px rgba(54, 138, 192, 0.1);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #E0E0E1;
    border-radius: 8px;
    border: 1px solid #C5C5C9;
    color: inherit;
    margin-block-start: 8px; }
  .dropdown-list.role-dropdown li {
    height: 48px; }
    .dropdown-list.role-dropdown li a {
      color: #3B3B3F;
      padding-inline-start: 44px;
      padding-block-start: 9px; }
    .dropdown-list.role-dropdown li .listoption-icon {
      color: #3B3B3F;
      margin-inline-start: 8px;
      margin-block-start: 4px;
      position: absolute;
      height: 32px;
      width: 32px; }
    .dropdown-list.role-dropdown li.is-focused:not(.is-disabled) {
      background-color: #E0E0E1;
      color: #3B3B3F; }
      .dropdown-list.role-dropdown li.is-focused:not(.is-disabled) a {
        color: #3B3B3F; }
      .dropdown-list.role-dropdown li.is-focused:not(.is-disabled) .listoption-icon {
        color: #3B3B3F; }
    .dropdown-list.role-dropdown li.no-results {
      line-height: 48px;
      color: #3B3B3F; }
      .dropdown-list.role-dropdown li.no-results .icon {
        margin-block: 13px;
        margin-inline-start: 10px;
        height: 18px;
        width: 18px; }
      .dropdown-list.role-dropdown li.no-results span {
        padding-inline-start: 28px; }
  .dropdown-list.role-dropdown.has-icons input.dropdown-search {
    background-color: #ffffff;
    padding-block-start: 7px;
    padding-block-end: 7px;
    padding-inline-start: 8px;
    padding-inline-end: 40px;
    padding-block-start: 7px; }
  .dropdown-list.role-dropdown.search-mode li.is-focused .dropdown-highlight {
    color: #3B3B3F; }

html[dir='rtl'] .dropdown-list.role-dropdown > .trigger .icon {
  margin-right: 10px; }

html[dir='rtl'] .dropdown-list.role-dropdown.has-icons .dropdown-search {
  width: calc(100% - 55px); }

html[dir='rtl'] .module-nav-search-container .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 9px;
  right: calc(300px - 20px); }

.module-nav-accordion.has-scrollbar .module-nav-section.role-dropdown div.dropdown {
  width: 241px; }

html.is-firefox .module-nav-section.role-dropdown div.dropdown,
html.is-firefox:not([dir='rtl']) .module-nav-section.role-dropdown div.dropdown {
  background-color: #ffffff;
  padding-block-start: 7px;
  padding-block-end: 7px;
  padding-inline-start: 8px;
  padding-inline-end: 40px; }
  html.is-firefox .module-nav-section.role-dropdown div.dropdown > .listoption-icon + span,
  html.is-firefox:not([dir='rtl']) .module-nav-section.role-dropdown div.dropdown > .listoption-icon + span {
    padding-inline-start: 0; }

html.is-firefox .dropdown-list.role-dropdown.has-icons .dropdown-search,
html.is-firefox:not([dir='rtl']) .dropdown-list.role-dropdown.has-icons .dropdown-search {
  background-color: #ffffff;
  padding-block-start: 7px;
  padding-block-end: 7px;
  padding-inline-start: 8px;
  padding-inline-end: 40px; }

html.is-firefox .dropdown-list.role-dropdown > .trigger .icon,
html.is-firefox:not([dir='rtl']) .dropdown-list.role-dropdown > .trigger .icon {
  top: 11px; }

.module-nav-search-container .searchfield-wrapper {
  color: #3B3B3F;
  margin-block-end: 0;
  height: 40px;
  width: 100%; }
  .module-nav-search-container .searchfield-wrapper input.module-nav-search {
    background-color: #E0E0E1;
    border-radius: 8px;
    border: 1px solid transparent;
    color: inherit;
    padding-inline-start: 48px;
    padding-inline-end: 35px;
    height: 40px;
    width: 100%; }
    .module-nav-search-container .searchfield-wrapper input.module-nav-search + .icon {
      color: inherit; }
    .module-nav-search-container .searchfield-wrapper input.module-nav-search::placeholder {
      color: #161618; }
  .module-nav-search-container .searchfield-wrapper button.close {
    right: 12px; }
    .module-nav-search-container .searchfield-wrapper button.close .icon {
      top: 0; }
  .module-nav-search-container .searchfield-wrapper .icon {
    color: inherit; }
  .module-nav-search-container .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error) {
    left: calc($module-nav-item-icon-start-spacing - 1px);
    top: 20px; }
  .module-nav-search-container .searchfield-wrapper.is-open {
    border-color: #C5C5C9; }
  .module-nav-search-container .searchfield-wrapper.has-focus, .module-nav-search-container .searchfield-wrapper.has-text {
    color: #161618; }
    .module-nav-search-container .searchfield-wrapper.has-focus input.module-nav-search, .module-nav-search-container .searchfield-wrapper.has-text input.module-nav-search {
      background-color: #ffffff;
      border-color: #0066D4; }
      .module-nav-search-container .searchfield-wrapper.has-focus input.module-nav-search::placeholder, .module-nav-search-container .searchfield-wrapper.has-text input.module-nav-search::placeholder {
        color: #BBBBBF; }
  .module-nav-search-container .searchfield-wrapper:hover:not(.has-focus) {
    color: #3B3B3F; }
    .module-nav-search-container .searchfield-wrapper:hover:not(.has-focus) input.module-nav-search {
      background-color: #E0E0E1; }
      .module-nav-search-container .searchfield-wrapper:hover:not(.has-focus) input.module-nav-search::placeholder {
        color: #161618; }
  .module-nav-search-container .searchfield-wrapper:active {
    color: #3B3B3F; }
    .module-nav-search-container .searchfield-wrapper:active input.module-nav-search {
      background-color: #E6F1FD;
      border-color: #0066D4; }
      .module-nav-search-container .searchfield-wrapper:active input.module-nav-search::placeholder {
        color: #161618; }

.module-nav-search-container .empty-message {
  margin-block: 30px; }

.module-nav-search-container.hidden,
.module-nav-search-container [hidden] {
  display: none; }

.module-nav-container.mode-collapsed .module-nav-separator {
  display: none; }

.module-nav-container.mode-collapsed .module-nav-search-container {
  display: none;
  pointer-events: none; }

.module-nav-container:not(.pinned-optional) .module-nav-search-container + .module-nav-separator,
.module-nav-container:not(.pinned-optional) .module-nav-header + .module-nav-separator {
  display: none; }

.module-nav-container:not(.pinned-optional) .module-nav-search-container {
  padding-block-end: 0; }

.module-nav-settings-btn.btn-menu {
  padding-inline: 0; }

.popupmenu-wrapper.module-nav-settings-menu {
  z-index: 8500; }

.popupmenu.module-nav-settings-menu {
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16);
  border: 0;
  border-radius: 8px;
  min-width: 304px; }
  .popupmenu.module-nav-settings-menu ul {
    border-radius: 8px; }
  .popupmenu.module-nav-settings-menu li {
    line-height: 36px; }
    .popupmenu.module-nav-settings-menu li.is-focused {
      background-color: #E0E0E1; }
  .popupmenu.module-nav-settings-menu a {
    min-height: 40px;
    color: #3B3B3F; }
    .popupmenu.module-nav-settings-menu a span {
      line-height: 36px; }
  .popupmenu.module-nav-settings-menu .separator {
    border-bottom: thin solid #E0E0E1; }
  .popupmenu.module-nav-settings-menu.has-icons .icon:not(.arrow) {
    height: 18px;
    margin-left: -38px;
    margin-top: 10px; }
  .popupmenu.module-nav-settings-menu.has-icons > li > a {
    padding-left: 48px; }

.module-nav-guest {
  border-top: 1px solid #E0E0E1; }
  .module-nav-guest.hidden,
  .module-nav-guest [hidden] {
    display: none; }

.module-nav-guest a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 13px 0;
  cursor: pointer;
  text-decoration: none; }

.mode-expanded .module-nav-guest a {
  justify-content: flex-start; }
  .mode-expanded .module-nav-guest a svg,
  .mode-expanded .module-nav-guest a .avatar {
    margin-inline-start: 4px; }

.module-nav-guest-text {
  display: flex;
  flex-direction: column;
  margin-inline-start: 13px;
  max-width: 257px; }

.module-nav-guest-title,
.module-nav-guest-subtext {
  color: #161618;
  font-size: 16px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.module-nav-guest-subtext {
  color: #6F6F76;
  font-size: 14px; }

.mode-collapsed .module-nav-guest-text {
  display: none; }

.module-nav-header.hidden,
.module-nav-header [hidden] {
  display: none; }

.module-nav-switcher {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  margin-top: 7px; }

.module-nav-section {
  display: flex;
  align-items: center;
  justify-content: center; }

.module-nav-section.role-dropdown {
  display: none; }

.module-nav-section.module-btn .btn-icon {
  border-width: 1px;
  font-size: 0;
  height: 40px;
  min-height: 0;
  min-width: 0;
  width: 40px; }
  .module-nav-section.module-btn .btn-icon:focus, .module-nav-section.module-btn .btn-icon.is-focused {
    background-color: #E6F1FD; }
    .module-nav-section.module-btn .btn-icon:focus:not(.hide-focus), .module-nav-section.module-btn .btn-icon.is-focused:not(.hide-focus) {
      border-color: #0066D4;
      box-shadow: none; }
  .module-nav-section.module-btn .btn-icon:hover {
    background-color: #E0E0E1; }
  .module-nav-section.module-btn .btn-icon:active {
    background-color: #E6F1FD; }
  .module-nav-section.module-btn .btn-icon img,
  .module-nav-section.module-btn .btn-icon svg {
    margin-top: 0;
    height: 32px;
    width: 32px; }

.module-nav-section.module-btn .icon-custom,
.module-nav-section.module-btn .listoption-icon.icon {
  height: auto;
  max-height: 32px;
  margin-top: 0;
  max-width: 32px;
  width: auto; }

.module-nav-container.mode-collapsed .module-nav-switcher {
  justify-content: center; }

.module-nav-container.mode-expanded .module-nav-section.role-dropdown {
  display: block; }

.pager-pagesize button {
  height: auto;
  min-height: 26px; }

.pager-toolbar > li > .btn-icon {
  height: 32px; }

.pager-toolbar > li.pager-prev > .btn-icon, .pager-toolbar > li.pager-first > .btn-icon, .pager-toolbar > li.pager-last > .btn-icon, .pager-toolbar > li.pager-next > .btn-icon {
  border-radius: 8px;
  margin-top: -4px;
  min-width: 30px;
  width: 30px; }
  .pager-toolbar > li.pager-prev > .btn-icon .icon, .pager-toolbar > li.pager-first > .btn-icon .icon, .pager-toolbar > li.pager-last > .btn-icon .icon, .pager-toolbar > li.pager-next > .btn-icon .icon {
    margin-top: -3px; }

.pager-toolbar > li.pager-no {
  border-radius: 8px; }
  .pager-toolbar > li.pager-no > .btn-icon {
    border-radius: 8px;
    margin-top: -4px; }
    .pager-toolbar > li.pager-no > .btn-icon .icon {
      margin-top: -10px; }

.card.card .card-footer .pager-toolbar,
.widget.card .card-footer .pager-toolbar {
  height: 30px;
  margin-top: -10px; }
  .card.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon, .card.card .card-footer .pager-toolbar > li.pager-first > .btn-icon, .card.card .card-footer .pager-toolbar > li.pager-last > .btn-icon, .card.card .card-footer .pager-toolbar > li.pager-next > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-first > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-last > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-next > .btn-icon {
    height: 32px;
    margin-top: -2px;
    padding: 5px; }
  .card.card .card-footer .pager-toolbar > li.pager-no > .btn-icon,
  .widget.card .card-footer .pager-toolbar > li.pager-no > .btn-icon {
    height: 32px;
    margin-top: -4px; }

.is-firefox .pager-toolbar > li.pager-prev > .btn-icon, .is-firefox .pager-toolbar > li.pager-first > .btn-icon, .is-firefox .pager-toolbar > li.pager-last > .btn-icon, .is-firefox .pager-toolbar > li.pager-next > .btn-icon, .is-firefox .pager-toolbar > li.pager-no > .btn-icon {
  margin-top: -4px; }

.is-firefox .card.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-first > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-last > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-next > .btn-icon, .is-firefox .card.card .card-footer .pager-toolbar > li.pager-no > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-prev > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-first > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-last > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-next > .btn-icon,
.is-firefox .widget.card .card-footer .pager-toolbar > li.pager-no > .btn-icon {
  margin-top: -4px; }

.popdown {
  -webkit-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -webkit-transform: translate3d(0, -10%, 0);
  -moz-transform: translate3d(0, -10%, 0);
  -o-transform: translate3d(0, -10%, 0);
  -ms-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0);
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid #C5C5C9;
  border-radius: 4px;
  left: -9999px;
  opacity: 0;
  position: absolute;
  top: 0;
  white-space: normal;
  width: 300px; }
  .popdown h2 {
    color: #161618; }
    .popdown h2 .extra {
      color: #6F6F76; }
  .popdown .arrow {
    position: absolute;
    z-index: 10; }
  .popdown .arrow,
  .popdown .arrow::after {
    border-width: 12px; }
  .popdown.top {
    -webkit-transform: translate3d(0, 10%, 0);
    -moz-transform: translate3d(0, 10%, 0);
    -o-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0); }
    .popdown.top .arrow {
      border-top-color: #C5C5C9; }
      .popdown.top .arrow::after {
        border-top-color: #ffffff; }
  .popdown.bottom .arrow {
    border-bottom-color: #C5C5C9;
    top: -13px !important; }
    .popdown.bottom .arrow::after {
      border-bottom-color: #ffffff;
      left: -12px !important;
      top: 1px !important; }
  .popdown.visible {
    opacity: 1;
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -o-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0); }
    .popdown.visible.top {
      -webkit-transform: translate3d(0, 0%, 0);
      -moz-transform: translate3d(0, 0%, 0);
      -o-transform: translate3d(0, 0%, 0);
      -ms-transform: translate3d(0, 0%, 0);
      transform: translate3d(0, 0%, 0); }
  .popdown .card,
  .popdown .widget {
    border: 0;
    height: auto;
    margin-bottom: 0; }
    .popdown .card .card-footer,
    .popdown .card .widget-footer,
    .popdown .widget .card-footer,
    .popdown .widget .widget-footer {
      padding: 0; }
  .popdown .modal-buttonset {
    height: 48px;
    margin: 0;
    min-height: 48px; }

.popdown .card,
.popdown .widget {
  box-shadow: none; }

.process-indicator {
  font-size: 1.6rem;
  margin-bottom: 20px; }
  .process-indicator.has-labels {
    margin-top: 8px; }
    .process-indicator.has-labels .display {
      align-items: unset; }
  .process-indicator .responsive-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #3B3B3F;
    display: none;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 5px; }
    .process-indicator .responsive-label span {
      font-weight: 400; }
  .process-indicator .responsive-details {
    display: none !important; }
  .process-indicator .display {
    align-items: center;
    display: flex;
    margin-bottom: 20px; }
    .process-indicator .display > * {
      white-space: nowrap; }
    .process-indicator .display .separator {
      background-color: #C5C5C9;
      border: 1px solid #C5C5C9;
      display: inline-block;
      height: 0;
      width: 1.3em; }
      .process-indicator .display .separator.darkest {
        background-color: #0054B1;
        border-color: #0054B1; }
      .process-indicator .display .separator.darker {
        background-color: #0066D4;
        border-color: #0066D4; }
      .process-indicator .display .separator.lighter {
        background-color: #0072ED;
        border-color: #0072ED; }
      .process-indicator .display .separator.lightest {
        background-color: #1C86EF;
        border-color: #1C86EF; }
      .process-indicator .display .separator.minor {
        width: 0.65em; }
    .process-indicator .display .step:last-child .lines .separator {
      display: none; }
  .process-indicator .details,
  .process-indicator .responsive-details {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #6F6F76;
    font-size: 1.4rem; }
    .process-indicator .details > *,
    .process-indicator .responsive-details > * {
      vertical-align: middle; }
    .process-indicator .details > .icon,
    .process-indicator .responsive-details > .icon {
      height: 15px;
      margin-right: 10px;
      width: 15px; }
  .process-indicator.responsive .step {
    flex: 1;
    position: relative; }
    .process-indicator.responsive .step:last-child .separator {
      border: 0; }
  .process-indicator.responsive.compact .label {
    margin: 0 5px 4px 0;
    white-space: nowrap; }
  .process-indicator.responsive .lines {
    align-items: center;
    display: flex;
    height: 22px;
    position: relative; }
    .process-indicator.responsive .lines .indicator {
      border-radius: 50%;
      height: 16px;
      min-height: 16px;
      min-width: 16px;
      width: 16px; }
      .process-indicator.responsive .lines .indicator.current {
        background-color: #ffffff;
        height: 18px;
        min-height: 18px;
        min-width: 18px;
        position: relative;
        width: 18px; }
        .process-indicator.responsive .lines .indicator.current .icon {
          height: 18px;
          top: -1px;
          width: 18px; }
      .process-indicator.responsive .lines .indicator.icon {
        border-color: transparent; }
      .process-indicator.responsive .lines .indicator.icon + .separator {
        margin-left: -1px !important; }
      .process-indicator.responsive .lines .indicator.icon.current + .separator {
        margin-left: -2px !important; }
      .process-indicator.responsive .lines .indicator .icon {
        height: 16px;
        left: -3px;
        position: relative;
        top: -2px;
        width: 16px; }
      .process-indicator.responsive .lines .indicator .current .icon {
        height: 18px;
        left: -3px;
        position: relative;
        top: -2px;
        width: 18px; }
    .process-indicator.responsive .lines .separator {
      height: 2px;
      margin-left: 0;
      position: relative;
      width: 100%; }
  .process-indicator.responsive .details .heading,
  .process-indicator.responsive .responsive-details .heading {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; }
  .process-indicator.responsive .details > span,
  .process-indicator.responsive .responsive-details > span {
    display: block;
    white-space: normal; }
  .process-indicator.responsive .details > a,
  .process-indicator.responsive .responsive-details > a {
    display: block;
    margin-top: -2px;
    white-space: normal; }
  .process-indicator.responsive .details .icon,
  .process-indicator.responsive .responsive-details .icon {
    height: 14px;
    margin-right: 2px;
    top: -1px;
    width: 14px; }
  .process-indicator.compact.has-labels .indicator.icon .icon {
    height: 16px;
    left: 0;
    top: 0;
    width: 16px;
    z-index: 1; }
  .process-indicator.compact .label {
    margin: -30px 0 33px -13px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-spacing: normal; }
  .process-indicator.compact .separator {
    margin-left: -1px !important; }
  .process-indicator.compact .indicator.icon {
    background-color: transparent !important;
    border: 0; }
    .process-indicator.compact .indicator.icon .icon {
      height: 21px;
      left: -2px;
      position: relative;
      top: -3px;
      width: 20px; }
      .process-indicator.compact .indicator.icon .icon.icon-skipped {
        color: #0066D4 !important; }
  .process-indicator.compact .heading,
  .process-indicator.compact .sub-heading,
  .process-indicator.compact .details {
    display: inline-block; }

.indicator {
  background-color: #ffffff;
  border: 2px solid #C5C5C9;
  border-radius: 0.65em;
  display: inline-block;
  height: 1.3em;
  position: relative;
  width: 1.3em;
  min-height: 1.3em;
  min-width: 1.3em; }
  .indicator.darkest {
    background-color: #0054B1;
    border: 0; }
  .indicator.darker {
    background-color: #0066D4;
    border: 0; }
  .indicator.lighter {
    background-color: #0072ED;
    border: 0; }
  .indicator.lightest {
    background-color: #1C86EF;
    border: 0; }
  .indicator.processing {
    border: 2px solid #1C86EF;
    border-radius: 0.65em; }
  .indicator.current {
    border-radius: 1.04em;
    height: 2.08em;
    width: 2.08em;
    min-height: 2.08em;
    min-width: 2.08em;
    z-index: 1; }
    .indicator.current::before {
      border-radius: 1.04em; }
  .indicator.rejected {
    background-color: #DA1217;
    border: 0; }
    .indicator.rejected::before, .indicator.rejected::after {
      background-color: #ffffff;
      border-radius: 0.2em;
      content: '';
      display: inline-block;
      height: 0.15em;
      left: 0.15em;
      position: absolute;
      top: 0.57em;
      width: 1.014em; }
    .indicator.rejected::before {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }
    .indicator.rejected::after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .indicator.rejected.current {
      background-color: #DA1217; }
      .indicator.rejected.current::before, .indicator.rejected.current::after {
        left: 0.53em;
        top: 0.98em; }
  .indicator.more-info {
    border: 0; }
    .indicator.more-info::before {
      color: #ffffff;
      content: '!';
      display: inline-block;
      font-size: 1.4em;
      font-weight: 600;
      height: 100%;
      position: relative;
      text-align: center;
      top: 0.18em;
      width: 100%;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased; }
    .indicator.more-info.current {
      background-color: #DA1217; }
  .indicator.time-out {
    border: 0; }
    .indicator.time-out::before {
      border: 0.15em solid #ffffff;
      content: '';
      height: 50%;
      left: 0.38em;
      position: absolute;
      top: 0.37em;
      width: 50%; }
    .indicator.time-out::after {
      border-bottom: 0.15em solid #ffffff;
      border-left: 0.15em solid #ffffff;
      content: '';
      height: 20%;
      left: 0.97em;
      position: absolute;
      top: 0.6em;
      width: 10%; }
    .indicator.time-out.current {
      background-color: #DA1217; }
  .indicator.minor {
    border-radius: 0.325em;
    height: 0.6em;
    width: 0.6em;
    min-height: 0.6em;
    min-width: 0.6em; }
  .indicator.icon {
    border: 0; }
    .indicator.icon .icon {
      height: 20px;
      left: -1px;
      position: relative;
      top: -1px;
      vertical-align: top;
      width: 20px; }

.process-indicator.compact .indicator.rejected::before, .process-indicator.compact .indicator.rejected::after {
  left: 0.12em;
  width: 1.1em; }

.process-indicator.compact .indicator.rejected.current::before, .process-indicator.compact .indicator.rejected.current::after {
  left: 0.5em; }

.process-indicator.compact .indicator.more-info::before {
  right: 0; }

.process-indicator .heading,
.timeline .heading {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5; }

.process-indicator .sub-heading,
.timeline .sub-heading {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #6F6F76;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 10px; }

@-webkit-keyframes rotate-processing-indicator {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotate-processing-indicator {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate-processing-indicator {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.is-firefox .process-indicator.compact .indicator.more-info::before {
  right: 0; }

.is-firefox .indicator.more-info::before {
  top: 0.2em; }

.is-firefox .indicator.rejected.current::before, .is-firefox .indicator.rejected.current::after {
  top: 0.95em; }

.is-firefox .indicator.time-out::before {
  left: 0.4em;
  top: 0.36em; }

.is-safari .indicator.current {
  height: 2.02em;
  width: 2.02em; }
  .is-safari .indicator.current.rejected::before, .is-safari .indicator.current.rejected::after {
    width: 1.079em; }

.is-safari .indicator.more-info::before {
  left: 0.01em; }

.is-safari .indicator.time-out::after {
  left: 0.9em; }

.ios.iphone.is-safari .process-indicator .indicator.more-info::before {
  top: 0.05em; }

.ie .process-indicator.compact .indicator.rejected::before, .ie .process-indicator.compact .indicator.rejected::after {
  width: 1.014em; }

.ie .process-indicator.compact .indicator.rejected.current::before, .ie .process-indicator.compact .indicator.rejected.current::after {
  left: 0.51em;
  top: 0.95em; }

.ie .process-indicator .indicator.rejected::before, .ie .process-indicator .indicator.rejected::after {
  left: 0.15em;
  top: 0.55em; }

.ie .process-indicator .indicator.rejected.current::before, .ie .process-indicator .indicator.rejected.current::after {
  left: 0.53em;
  top: 0.93em; }

.ie .process-indicator .indicator.more-info.current::before {
  left: 0.03em; }

@media (min-width: 0) and (max-width: 609px) {
  .process-indicator .step .details {
    display: none !important; }
  .process-indicator .step .label {
    display: none !important; }
  .process-indicator .responsive-label {
    display: block !important; }
  .process-indicator {
    text-align: center; }
  .process-indicator.responsive .step:last-child {
    flex: 0; } }

html[dir='rtl'] .process-indicator .details > .icon {
  margin-left: 15px;
  margin-right: 0; }

html[dir='rtl'] .process-indicator.compact .display {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center; }

html[dir='rtl'] .indicator.more-info::before {
  top: 0.11em; }

.process-indicator .indicator.more-info::before {
  top: 0.11em; }

.process-indicator.compact .indicator.rejected::before, .process-indicator.compact .indicator.rejected::after {
  width: 1.04em; }

.process-indicator.compact.has-labels .indicator.icon .icon {
  height: 22px;
  left: -3px;
  top: -3px;
  width: 21px;
  z-index: 1; }

.indicator.time-out::before {
  left: 0.41em; }

.process-indicator.compact .separator {
  margin-left: 0; }

.indicator.rejected::before, .indicator.rejected::after {
  left: 0.14em;
  top: 0.58em; }

.indicator.icon .icon {
  height: 1.7em;
  left: -4px;
  top: -3px;
  width: 1.7em; }

.process-indicator .indicator.icon .icon {
  height: 29px;
  left: -4px;
  top: -4px;
  width: 29px;
  z-index: 1; }

.process-indicator.responsive .details .icon {
  top: 3px; }

@media (min-width: 0) and (max-width: 609px) {
  .process-indicator .step.current .details {
    margin-top: 90px; } }

.is-safari .process-indicator .indicator.current.rejected::before, .is-safari .process-indicator .indicator.current.rejected::after {
  width: 1.014em; }

.is-safari .process-indicator .indicator.more-info::before {
  left: 0.02em;
  top: 0.1em; }

.is-safari .process-indicator.compact .indicator.rejected::before, .is-safari .process-indicator.compact .indicator.rejected::after {
  width: 1.066em; }

.is-firefox .process-indicator.compact .indicator.rejected::before, .is-firefox .process-indicator.compact .indicator.rejected::after {
  width: 1.014em; }

.is-firefox .process-indicator .indicator.more-info::before {
  top: 0.11em; }

.is-firefox .process-indicator .indicator.rejected.current::before, .is-firefox .process-indicator .indicator.rejected.current::after {
  left: 0.52em;
  top: 0.98em; }

.ie .process-indicator.compact .indicator.rejected::before, .ie .process-indicator.compact .indicator.rejected::after,
.ie11 .process-indicator.compact .indicator.rejected::before,
.ie11 .process-indicator.compact .indicator.rejected::after {
  left: 0.15em;
  top: 0.56em; }

.ie .process-indicator .indicator.rejected::before, .ie .process-indicator .indicator.rejected::after,
.ie11 .process-indicator .indicator.rejected::before,
.ie11 .process-indicator .indicator.rejected::after {
  left: 0.13em;
  top: 0.6em; }

.ie .process-indicator .indicator.rejected.current::before, .ie .process-indicator .indicator.rejected.current::after,
.ie11 .process-indicator .indicator.rejected.current::before,
.ie11 .process-indicator .indicator.rejected.current::after {
  left: 0.55em;
  top: 0.97em; }

.ie .process-indicator .indicator.time-out::after,
.ie11 .process-indicator .indicator.time-out::after {
  top: 0.65em; }

html:not([dir='rtl']) .process-indicator .display .separator {
  position: relative;
  top: -2px; }

html[dir='rtl'] .process-indicator.compact.has-labels .indicator.icon .icon {
  left: 2px; }

html[dir='rtl'] .process-indicator .indicator.icon .icon {
  left: 4px; }

html[dir='rtl'].is-firefox .indicator.more-info::before {
  top: 0.11em; }

.progress {
  background: transparent;
  border: 1px solid #525257;
  border-radius: 4px;
  display: block;
  height: 8px;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .progress .progress-bar {
    -webkit-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    background: #0072ED;
    border-radius: 4px;
    height: 6px;
    left: 0;
    position: absolute;
    top: 0; }
  .progress .progress-label {
    display: inline-block; }

html[dir='rtl'] .progress .progress-bar {
  left: auto;
  right: 0; }

.rating {
  display: inline-block; }
  .rating input {
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    height: 26px;
    margin: -1px 0 0;
    position: absolute;
    width: 20px;
    z-index: 1; }
  .rating label {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding: 0; }
  .rating.is-readonly input,
  .rating.is-readonly label {
    cursor: default; }
  .rating svg.icon {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 22px; }
  .rating input:focus + label {
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: #0072ED; }
  .rating:not(.is-readonly) .inline input:active + svg.icon,
  .rating:not(.is-readonly) input:active + label > svg.icon {
    color: #0072ED; }

.rating-text {
  color: #BBBBBF;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 20px;
  padding-left: 40px; }

.rating:not(.is-readonly) .inline input:hover + svg.icon,
.rating:not(.is-readonly) input:hover + label > svg.icon {
  color: #0072ED; }

.rating .inline .is-filled + svg.icon,
.rating .is-filled + label > svg.icon {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #F98300; }

.rating .inline input:checked + svg.icon,
.rating .inline .is-half + svg.icon,
.rating input:checked + label > svg.icon,
.rating .is-half + label > svg.icon {
  filter: alpha(opacity=100);
  opacity: 1; }

.field-short .rating svg.icon,
.form-layout-compact .field .rating svg.icon {
  height: 20px;
  width: 20px; }

.field-short .rating input,
.form-layout-compact .field .rating input {
  height: 20px;
  z-index: 1; }

.toolbar-searchfield-wrapper {
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  width: 34px;
  min-height: 34px; }
  @media only screen and (max-width: 767px) {
    .toolbar-searchfield-wrapper {
      overflow: auto; } }
  .toolbar-searchfield-wrapper > * {
    vertical-align: middle; }
  .toolbar-searchfield-wrapper .searchfield {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: #161618;
    font-size: 1.6rem;
    font-weight: 600;
    outline: 0;
    padding-left: 34px;
    padding-right: 0;
    text-overflow: ellipsis;
    width: 100%; }
    .toolbar-searchfield-wrapper .searchfield::-webkit-input-placeholder, .toolbar-searchfield-wrapper .searchfield::-moz-placeholder, .toolbar-searchfield-wrapper .searchfield:-ms-input-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 600; }
  .toolbar-searchfield-wrapper.has-collapse-button .searchfield {
    transition: all 300ms;
    cursor: pointer;
    right: 0;
    position: absolute; }
  .toolbar-searchfield-wrapper.has-collapse-button:not(.non-collapsible) .searchfield {
    width: 0%; }
  .toolbar-searchfield-wrapper.has-collapse-button svg.icon:not(.close) {
    transition: all 300ms;
    position: absolute;
    left: calc(100% - 26px); }
  .toolbar-searchfield-wrapper.has-collapse-button.is-open .searchfield {
    width: 100%;
    cursor: text; }
  .toolbar-searchfield-wrapper.has-collapse-button.is-open svg.icon:not(.close) {
    left: 8px; }
  .toolbar-searchfield-wrapper.has-collapse-button.is-open .collapse-button svg.icon:not(.close) {
    left: 9px;
    top: 12px !important; }
    @media (min-width: 320px) {
      .toolbar-searchfield-wrapper.has-collapse-button.is-open .collapse-button svg.icon:not(.close) {
        left: 8px; } }
  .toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) .searchfield {
    height: 38px; }
  .toolbar-searchfield-wrapper:not(.is-open) .searchfield {
    padding-bottom: 7px;
    padding-top: 8px; }
  .toolbar-searchfield-wrapper:not(.is-open) .icon {
    top: 0; }
    .toolbar-searchfield-wrapper:not(.is-open) .icon :not(.icon-dropdown) {
      height: 20px;
      width: 20px; }
  .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    padding-bottom: 6px !important;
    padding-top: 6px !important; }
  @media only screen and (max-width: 767px) {
    .toolbar-searchfield-wrapper.non-collapsible .collapse-button > svg {
      margin-bottom: 2px; } }
  .toolbar-searchfield-wrapper.non-collapsible .icon.icon-dropdown {
    height: 18px;
    width: 18px; }
  .toolbar-searchfield-wrapper.non-collapsible .icon:not(.close) {
    color: #6F6F76;
    height: 18px;
    width: 18px; }
    @media only screen and (max-width: 767px) {
      .toolbar-searchfield-wrapper.non-collapsible .icon:not(.close) {
        top: 12px; } }
  .toolbar-searchfield-wrapper.has-go-button.has-categories.is-open .searchfield {
    border-left: 1px solid #BBBBBF; }
  .toolbar-searchfield-wrapper.has-go-button:not(.is-open) .go-button {
    display: none; }
  @media only screen and (max-width: 968px) {
    .toolbar-searchfield-wrapper.has-go-button .go-button {
      display: none; } }
  .toolbar-searchfield-wrapper.has-go-button .searchfield {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: calc(100% - 39px); }
  .toolbar-searchfield-wrapper.has-go-button .go-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    right: 10px;
    height: 38px; }
  .toolbar-searchfield-wrapper.has-go-button > .icon.close {
    right: 45px; }
  .toolbar-searchfield-wrapper label {
    display: none; }
  .toolbar-searchfield-wrapper .icon {
    color: #6F6F76; }
    .toolbar-searchfield-wrapper .icon.close {
      background-color: rgba(224, 224, 225, 0);
      color: rgba(22, 22, 24, 0); }
    .toolbar-searchfield-wrapper .icon:not(.close) {
      height: 18px;
      top: 0;
      transform: translateY(50%); }
  .toolbar-searchfield-wrapper .inline ~ .icon {
    top: 11px; }
  .toolbar-searchfield-wrapper .btn {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2px 0 0 2px; }
    .toolbar-searchfield-wrapper .btn.searchfield-category-button {
      min-width: 43px;
      background-color: #e0e0e1; }
      .toolbar-searchfield-wrapper .btn.searchfield-category-button svg.icon:not(.close) {
        position: initial; }
  .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus),
  .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus) {
    box-shadow: none !important;
    color: #3B3B3F; }
    .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus)::after,
    .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus)::after {
      border-radius: 0;
      bottom: 0;
      content: '';
      display: inline-block;
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
  .toolbar-searchfield-wrapper.is-hovered .searchfield {
    border-color: transparent;
    border-bottom-color: rgba(197, 197, 201, 0); }
  .toolbar-searchfield-wrapper.is-hovered .icon {
    color: #161618; }
  .toolbar-searchfield-wrapper.is-hovered .btn,
  .toolbar-searchfield-wrapper.is-hovered .collapse-button {
    border-bottom-color: rgba(197, 197, 201, 0);
    border-color: transparent; }
  .toolbar-searchfield-wrapper.is-hovered .searchfield-category-button {
    border-color: #BBBBBF; }
  .toolbar-searchfield-wrapper.is-hovered .go-button {
    color: rgba(22, 22, 24, 0.7); }
    .toolbar-searchfield-wrapper.is-hovered .go-button .icon {
      color: rgba(22, 22, 24, 0.7); }
  .toolbar-searchfield-wrapper.is-hovered.active .btn:not(.searchfield-category-button),
  .toolbar-searchfield-wrapper.is-hovered.active .collapse-btn:not(.searchfield-category-button), .toolbar-searchfield-wrapper.is-hovered.is-open .btn:not(.searchfield-category-button),
  .toolbar-searchfield-wrapper.is-hovered.is-open .collapse-btn:not(.searchfield-category-button) {
    border-bottom-color: #c5c5c9; }
  .toolbar-searchfield-wrapper.has-categories.alternate .searchfield-category-button {
    border: none;
    height: 38px;
    padding-right: 5px;
    background-color: transparent; }
  .toolbar-searchfield-wrapper.has-categories.alternate.active.is-hovered .searchfield-category-button {
    border: 1px solid #161618;
    border-right: none; }
  .toolbar-searchfield-wrapper.has-categories.alternate.active.is-hovered .searchfield {
    border: 1px solid #161618; }
  .toolbar-searchfield-wrapper.has-categories.alternate.has-focus .btn:focus .icon,
  .toolbar-searchfield-wrapper.has-categories.alternate.has-focus .btn:active .icon {
    color: #161618; }
  .toolbar-searchfield-wrapper.has-categories.alternate.active .searchfield,
  .toolbar-searchfield-wrapper.has-categories.alternate.active .searchfield-category-button {
    border: 1px solid #BBBBBF;
    background: #ffffff; }
    .toolbar-searchfield-wrapper.has-categories.alternate.active .searchfield.is-open .icon,
    .toolbar-searchfield-wrapper.has-categories.alternate.active .searchfield-category-button.is-open .icon {
      color: #161618; }
  .toolbar-searchfield-wrapper.has-categories.alternate.active .searchfield-category-button {
    border-right: 0; }
  .toolbar-searchfield-wrapper.has-categories.alternate:not(.active) .btn.searchfield-category-button {
    border-radius: 8px; }
  .toolbar-searchfield-wrapper.is-open .searchfield,
  .toolbar-searchfield-wrapper.is-open .btn {
    height: 38px; }
  .toolbar-searchfield-wrapper.is-open.has-categories.alternate .searchfield-category-button {
    border: 1px solid #BBBBBF;
    padding: 0 8px;
    left: 2px; }
  .toolbar-searchfield-wrapper.is-open.has-categories.alternate .searchfield {
    border: 1px solid #BBBBBF; }
  .toolbar-searchfield-wrapper.is-open.has-categories.alternate.is-hovered .searchfield-category-button,
  .toolbar-searchfield-wrapper.is-open.has-categories.alternate.is-hovered .searchfield {
    border: 1px solid #161618; }
  .toolbar-searchfield-wrapper.is-open .searchfield {
    color: #161618;
    font-size: 1.6rem;
    font-weight: 400;
    height: 38px;
    text-transform: none; }
    .toolbar-searchfield-wrapper.is-open .searchfield::-webkit-input-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: none; }
    .toolbar-searchfield-wrapper.is-open .searchfield::-moz-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: none; }
    .toolbar-searchfield-wrapper.is-open .searchfield:-ms-input-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: none; }
  .toolbar-searchfield-wrapper.is-open .collapse-button .icon {
    transform: translateY(0); }
  .toolbar-searchfield-wrapper.is-open .icon {
    color: #6F6F76; }
  .toolbar-searchfield-wrapper.is-open:not(.non-collapsible) .searchfield {
    height: 38px; }
  .toolbar-searchfield-wrapper.is-open.alternate .searchfield,
  .toolbar-searchfield-wrapper.is-open.alternate .btn {
    background-color: white; }
  .toolbar-searchfield-wrapper.is-open.alternate .searchfield::-webkit-input-placeholder {
    color: #525257; }
  .toolbar-searchfield-wrapper.is-open.alternate .searchfield::-moz-placeholder {
    color: #525257; }
  .toolbar-searchfield-wrapper.is-open.alternate .searchfield:-ms-input-placeholder {
    color: #525257; }
  .toolbar-searchfield-wrapper.is-open.alternate.active.has-focus.is-hovered .searchfield:focus {
    border: 1px solid #161618; }
  .toolbar-searchfield-wrapper.non-collapsible.has-focus.active .searchfield-category-button,
  .toolbar-searchfield-wrapper.non-collapsible .searchfield-category-button {
    background-color: #ffffff;
    border-color: #BBBBBF; }
  .toolbar-searchfield-wrapper.active {
    /* stylelint-disable */
    /* stylelint-enable */ }
    .toolbar-searchfield-wrapper.active .searchfield {
      background-color: #ffffff;
      border-bottom-color: #c5c5c9; }
    .toolbar-searchfield-wrapper.active:not(.is-open) .searchfield {
      background-color: transparent; }
    .toolbar-searchfield-wrapper.active .btn {
      border-color: #e0e0e1;
      border-bottom-color: #c5c5c9; }
    .toolbar-searchfield-wrapper.active .collapse-button {
      border-color: transparent; }
      .toolbar-searchfield-wrapper.active .collapse-button:focus {
        box-shadow: none;
        border-color: rgba(0, 114, 237, 0.7); }
  .toolbar-searchfield-wrapper.has-focus .searchfield {
    border-color: transparent; }
    .toolbar-searchfield-wrapper.has-focus .searchfield:focus {
      border-color: #0072ED; }
  .toolbar-searchfield-wrapper.has-focus.active .inline ~ .icon {
    top: 15px; }
  @media only screen and (max-width: 767px) {
    .toolbar-searchfield-wrapper.has-focus.active.toolbar-searchfield-wrapper.has-categories:not(.alternate) .searchfield {
      width: auto;
      border-color: #BBBBBF; } }
  .toolbar-searchfield-wrapper.has-focus.active.toolbar-searchfield-wrapper.has-categories:not(.alternate).has-focus .searchfield {
    border-color: #BBBBBF; }
  .toolbar-searchfield-wrapper.has-focus.active .btn {
    border-color: transparent transparent #c5c5c9; }
    .toolbar-searchfield-wrapper.has-focus.active .btn.searchfield-category-button {
      border-color: #BBBBBF; }
  .toolbar-searchfield-wrapper.active {
    width: 90px; }
    .toolbar-searchfield-wrapper.active.has-collapse-button:not(.is-open) {
      transition: all 300ms;
      width: 34px; }
    .toolbar-searchfield-wrapper.active .icon.close {
      height: 16px;
      top: 11px; }
    .toolbar-searchfield-wrapper.active .btn-icon .icon.close {
      top: -1px; }
    .toolbar-searchfield-wrapper.active button.close {
      top: 7px; }
    .toolbar-searchfield-wrapper.active.has-custom-collapse-size {
      width: 0; }
    .toolbar-searchfield-wrapper.active.active {
      width: 225px; }
  .toolbar-searchfield-wrapper.has-categories {
    width: 51px; }
    .toolbar-searchfield-wrapper.has-categories:not(.is-open):not(.alternate) .searchfield-category-button {
      border-color: transparent; }
    .toolbar-searchfield-wrapper.has-categories:not(.is-open):not(.alternate) .icon.icon-dropdown {
      color: transparent; }
    .toolbar-searchfield-wrapper.has-categories.active {
      width: 225px; }
    .toolbar-searchfield-wrapper.has-categories.has-text {
      width: 100px; }
      .toolbar-searchfield-wrapper.has-categories.has-text.has-custom-collapse-size {
        width: 0; }
      .toolbar-searchfield-wrapper.has-categories.has-text.active {
        width: 225px; }
    .toolbar-searchfield-wrapper.has-categories .searchfield {
      width: calc(100% - 39px); }
    .toolbar-searchfield-wrapper.has-categories.show-category .searchfield {
      padding-left: 8px; }
    .toolbar-searchfield-wrapper.has-categories.has-go-button .searchfield {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      width: calc(100% - 85px); }
    .toolbar-searchfield-wrapper.has-categories.has-go-button.has-text .searchfield {
      width: calc(100% - 39px); }
    .toolbar-searchfield-wrapper.has-categories.has-go-button .go-button {
      border: 1px solid #BBBBBF;
      border-radius: 0;
      color: #6F6F76;
      position: relative;
      margin-left: 0; }
      .toolbar-searchfield-wrapper.has-categories.has-go-button .go-button:hover {
        background-color: #E6F1FD;
        color: #0072ED; }
    .toolbar-searchfield-wrapper.has-categories.searchfield-wrapper.show-category .searchfield {
      border-left: none; }
  .toolbar-searchfield-wrapper:not(.active) .btn-icon.close,
  .toolbar-searchfield-wrapper:not(.active):not(.is-hovered) .icon.close {
    display: none; }

.azure07 .active input {
  background-color: rgba(29, 95, 138, 0.5) !important;
  border-bottom-color: rgba(19, 77, 113, 0.7) !important;
  color: #ffffff; }
  .azure07 .active input::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 0.7; }
  .azure07 .active input::-moz-placeholder {
    color: #ffffff !important;
    opacity: 0.7; }
  .azure07 .active input:-ms-input-placeholder {
    color: #ffffff !important;
    opacity: 0.7; }

.toolbar > .toolbar-searchfield-wrapper {
  left: 0;
  position: absolute;
  right: 100%;
  top: 5px;
  width: calc(100% - 40px);
  z-index: 10; }
  .toolbar > .toolbar-searchfield-wrapper.active {
    right: 0;
    width: calc(100% - 40px); }
  .toolbar > .toolbar-searchfield-wrapper.has-text {
    width: calc(100% - 40px); }
    .toolbar > .toolbar-searchfield-wrapper.has-text.active {
      width: calc(100% - 40px); }
  .toolbar > .toolbar-searchfield-wrapper.has-go-button .searchfield {
    width: calc(100% - 39px); }

.card-header .toolbar-searchfield-wrapper .icon.close,
.widget-header .toolbar-searchfield-wrapper .icon.close {
  background-color: rgba(245, 245, 245, 0);
  border-color: rgba(224, 224, 225, 0); }

.card-header .toolbar-searchfield-wrapper.is-open .searchfield,
.widget-header .toolbar-searchfield-wrapper.is-open .searchfield {
  background-color: whitesmoke;
  border-bottom-color: #e0e0e1; }

.card-header .toolbar-searchfield-wrapper.is-open .icon,
.widget-header .toolbar-searchfield-wrapper.is-open .icon {
  color: #F5F5F5; }
  .card-header .toolbar-searchfield-wrapper.is-open .icon.close,
  .widget-header .toolbar-searchfield-wrapper.is-open .icon.close {
    background-color: whitesmoke; }

.card-header .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg,
.widget-header .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg {
  color: #0072ED; }

.header .toolbar-searchfield-wrapper.is-hovered:not(.active):not(.is-open) .icon,
.masthead .toolbar-searchfield-wrapper.is-hovered:not(.active):not(.is-open) .icon {
  color: #161618; }

.header .toolbar-searchfield-wrapper :not(.collapse-button) .icon:not(.close),
.masthead .toolbar-searchfield-wrapper :not(.collapse-button) .icon:not(.close) {
  color: #6F6F76; }

.header .toolbar-searchfield-wrapper .searchfield,
.masthead .toolbar-searchfield-wrapper .searchfield {
  background-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(40, 40, 42, 0);
  color: #ffffff; }

.header .toolbar-searchfield-wrapper.non-collapsible.is-open .searchfield,
.masthead .toolbar-searchfield-wrapper.non-collapsible.is-open .searchfield {
  background-color: #ffffff;
  color: #3B3B3F;
  height: 38px; }

.header .toolbar-searchfield-wrapper.non-collapsible.is-open:not(.has-category),
.masthead .toolbar-searchfield-wrapper.non-collapsible.is-open:not(.has-category) {
  border-color: rgba(40, 40, 42, 0.7); }

.header .toolbar-searchfield-wrapper .go-button,
.masthead .toolbar-searchfield-wrapper .go-button {
  background-color: transparent;
  border-color: transparent;
  color: #3B3B3F; }
  .header .toolbar-searchfield-wrapper .go-button .icon,
  .masthead .toolbar-searchfield-wrapper .go-button .icon {
    color: #3B3B3F; }
  .header .toolbar-searchfield-wrapper .go-button:hover,
  .masthead .toolbar-searchfield-wrapper .go-button:hover {
    background-color: #BBBBBF;
    border: 1px solid #BBBBBF; }
  .header .toolbar-searchfield-wrapper .go-button:active,
  .masthead .toolbar-searchfield-wrapper .go-button:active {
    background-color: #BBBBBF;
    border: 1px solid #BBBBBF; }
  .header .toolbar-searchfield-wrapper .go-button:focus:active,
  .masthead .toolbar-searchfield-wrapper .go-button:focus:active {
    background-color: #BBBBBF;
    box-shadow: none; }
  .header .toolbar-searchfield-wrapper .go-button[disabled], .header .toolbar-searchfield-wrapper .go-button[disabled]:hover,
  .masthead .toolbar-searchfield-wrapper .go-button[disabled],
  .masthead .toolbar-searchfield-wrapper .go-button[disabled]:hover {
    background-color: #E0E0E1;
    border: 1px solid #E0E0E1;
    box-shadow: none;
    color: #3B3B3F;
    cursor: default; }
  .header .toolbar-searchfield-wrapper .go-button .ripple-effect,
  .masthead .toolbar-searchfield-wrapper .go-button .ripple-effect {
    background: #E0E0E1; }

.header .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus),
.header .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus),
.masthead .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus),
.masthead .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus) {
  box-shadow: none;
  color: #3B3B3F; }
  .header .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus)::after,
  .header .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus)::after,
  .masthead .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus)::after,
  .masthead .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus)::after {
    border-right: 1px solid #BBBBBF;
    border-radius: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

.header .toolbar-searchfield-wrapper .searchfield-category-button,
.masthead .toolbar-searchfield-wrapper .searchfield-category-button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-top: 0;
  border-bottom: 0; }
  .header .toolbar-searchfield-wrapper .searchfield-category-button .category,
  .masthead .toolbar-searchfield-wrapper .searchfield-category-button .category {
    color: #3B3B3F; }
  .header .toolbar-searchfield-wrapper .searchfield-category-button.btn,
  .masthead .toolbar-searchfield-wrapper .searchfield-category-button.btn {
    background-color: #ffffff;
    border-bottom-color: rgba(40, 40, 42, 0.7);
    height: 38px;
    opacity: 1; }

.header .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg,
.masthead .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg {
  color: #6F6F76;
  opacity: 1; }

.header .toolbar-searchfield-wrapper.is-open .searchfield,
.header .toolbar-searchfield-wrapper.is-open .btn,
.masthead .toolbar-searchfield-wrapper.is-open .searchfield,
.masthead .toolbar-searchfield-wrapper.is-open .btn {
  background-color: #ffffff;
  border-bottom-color: rgba(40, 40, 42, 0.7);
  border-top-color: rgba(40, 40, 42, 0.7);
  opacity: 1; }

.header .toolbar-searchfield-wrapper.active .searchfield,
.header .toolbar-searchfield-wrapper.active .btn,
.masthead .toolbar-searchfield-wrapper.active .searchfield,
.masthead .toolbar-searchfield-wrapper.active .btn {
  background-color: #ffffff;
  border-bottom-color: rgba(40, 40, 42, 0.7);
  height: 38px; }

.header .toolbar-searchfield-wrapper.active .collapse-button,
.header .toolbar-searchfield-wrapper.active .btn,
.masthead .toolbar-searchfield-wrapper.active .collapse-button,
.masthead .toolbar-searchfield-wrapper.active .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.header .toolbar-searchfield-wrapper.active .searchfield:focus,
.masthead .toolbar-searchfield-wrapper.active .searchfield:focus {
  border-color: #0072ed; }

.header .toolbar-searchfield-wrapper.active.is-open .searchfield,
.header .toolbar-searchfield-wrapper.active.is-open .btn,
.masthead .toolbar-searchfield-wrapper.active.is-open .searchfield,
.masthead .toolbar-searchfield-wrapper.active.is-open .btn {
  color: #3B3B3F; }
  .header .toolbar-searchfield-wrapper.active.is-open .searchfield::-webkit-input-placeholder,
  .header .toolbar-searchfield-wrapper.active.is-open .btn::-webkit-input-placeholder,
  .masthead .toolbar-searchfield-wrapper.active.is-open .searchfield::-webkit-input-placeholder,
  .masthead .toolbar-searchfield-wrapper.active.is-open .btn::-webkit-input-placeholder {
    color: #6F6F76; }
  .header .toolbar-searchfield-wrapper.active.is-open .searchfield::-moz-placeholder,
  .header .toolbar-searchfield-wrapper.active.is-open .btn::-moz-placeholder,
  .masthead .toolbar-searchfield-wrapper.active.is-open .searchfield::-moz-placeholder,
  .masthead .toolbar-searchfield-wrapper.active.is-open .btn::-moz-placeholder {
    color: #6F6F76; }
  .header .toolbar-searchfield-wrapper.active.is-open .searchfield:-ms-input-placeholder,
  .header .toolbar-searchfield-wrapper.active.is-open .btn:-ms-input-placeholder,
  .masthead .toolbar-searchfield-wrapper.active.is-open .searchfield:-ms-input-placeholder,
  .masthead .toolbar-searchfield-wrapper.active.is-open .btn:-ms-input-placeholder {
    color: #6F6F76; }

.header .toolbar-searchfield-wrapper.is-open .icon.close,
.masthead .toolbar-searchfield-wrapper.is-open .icon.close {
  color: #6F6F76;
  transform: translateY(-50%);
  top: 50%; }

.header .toolbar > .toolbar-searchfield-wrapper .searchfield,
.header .toolbar > .toolbar-searchfield-wrapper .btn,
.masthead .toolbar > .toolbar-searchfield-wrapper .searchfield,
.masthead .toolbar > .toolbar-searchfield-wrapper .btn {
  background-color: white;
  border-bottom-color: #28282a; }

.header .toolbar > .toolbar-searchfield-wrapper.has-go-button .icon.close,
.masthead .toolbar > .toolbar-searchfield-wrapper.has-go-button .icon.close {
  right: 35px; }

.header .toolbar > .toolbar-searchfield-wrapper {
  left: 20px;
  top: 12px; }

.header .toolbar .toolbar-searchfield-wrapper {
  text-align: right; }

html.is-firefox .toolbar-searchfield-wrapper.is-open .searchfield, html.is-firefox .toolbar-searchfield-wrapper.non-collapsible .searchfield {
  padding-bottom: 6px;
  padding-top: 10px; }

@media (min-width: 767px) {
  .toolbar-searchfield-wrapper.non-collapsible {
    width: 225px; }
    .toolbar-searchfield-wrapper.non-collapsible .searchfield {
      background-color: #ffffff;
      border: 1px solid #BBBBBF;
      border-radius: 2px;
      color: #161618;
      font-size: 1.6rem;
      font-weight: 400;
      height: 38px;
      text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder {
        color: #6F6F76;
        font-size: 1.6rem;
        font-weight: 400;
        text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder {
        color: #6F6F76;
        font-size: 1.6rem;
        font-weight: 400;
        text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder {
        color: #6F6F76;
        font-size: 1.6rem;
        font-weight: 400;
        text-transform: none; }
    .toolbar-searchfield-wrapper.non-collapsible.has-text {
      width: 225px; }
      .toolbar-searchfield-wrapper.non-collapsible.has-text.has-custom-collapse-size {
        width: 0; }
      .toolbar-searchfield-wrapper.non-collapsible.has-text.active {
        width: 225px; }
    .toolbar-searchfield-wrapper.non-collapsible.is-open .icon {
      color: #6F6F76; }
  .card-header .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .widget-header .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    background-color: whitesmoke;
    border-bottom-color: #e0e0e1; }
  .card-header .toolbar-searchfield-wrapper.non-collapsible.is-open .icon,
  .widget-header .toolbar-searchfield-wrapper.non-collapsible.is-open .icon {
    color: #525257; }
  .header .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    /* Chrome | Opera |Safari | Edge */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Firefox 18- */
    background-color: #ffffff;
    border-bottom-color: rgba(40, 40, 42, 0.7);
    color: #3B3B3F;
    height: 38px; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder,
    .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder,
    .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 400;
      opacity: 1; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder,
    .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder,
    .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 400;
      opacity: 1; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder,
    .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder,
    .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 400;
      opacity: 1; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield:-moz-placeholder,
    .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield:-moz-placeholder,
    .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield:-moz-placeholder {
      color: #6F6F76;
      font-size: 1.6rem;
      font-weight: 400;
      opacity: 1; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder,
    .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder,
    .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder {
      color: #6F6F76; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder,
    .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder,
    .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder {
      color: #6F6F76; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder,
    .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder,
    .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder {
      color: #6F6F76; } }

html[dir='rtl'] .toolbar-searchfield-wrapper.has-text:not(.is-open) .searchfield {
  padding-left: 0; }

html[dir='rtl'] .toolbar-searchfield-wrapper.has-text:not(.is-open):not(.has-categories) .searchfield {
  padding-right: 34px; }

html[dir='rtl'] .toolbar-searchfield-wrapper.has-categories .searchfield-category-button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 2px; }

html[dir='rtl'] .toolbar-searchfield-wrapper.has-categories.show-category .searchfield {
  padding-left: 22px;
  padding-right: 5px; }

html[dir='rtl'] .toolbar-searchfield-wrapper.has-go-button .go-button {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0; }

html[dir='rtl'] .toolbar-searchfield-wrapper.has-go-button .icon.close {
  left: 45px; }

html[dir='rtl'] .toolbar-searchfield-wrapper .searchfield {
  border-color: transparent;
  padding-left: 0;
  padding-right: 34px; }

html[dir='rtl'] .toolbar-searchfield-wrapper .btn,
html[dir='rtl'] .toolbar-searchfield-wrapper .collapse-button {
  border-color: transparent; }

html[dir='rtl'] .toolbar-searchfield-wrapper.has-focus.active .btn,
html[dir='rtl'] .toolbar-searchfield-wrapper.has-focus.active .collapse-button {
  border-color: transparent; }

html[dir='rtl'] .toolbar-searchfield-wrapper.is-open .searchfield {
  padding-left: 34px; }

html[dir='rtl'] .header .toolbar-searchfield-wrapper {
  text-align: left; }
  html[dir='rtl'] .header .toolbar-searchfield-wrapper.active .searchfield,
  html[dir='rtl'] .header .toolbar-searchfield-wrapper.active .collapse-button,
  html[dir='rtl'] .header .toolbar-searchfield-wrapper.active .btn {
    background-color: rgba(255, 255, 255, 0.5);
    border-bottom-color: rgba(40, 40, 42, 0.7); }
  html[dir='rtl'] .header .toolbar-searchfield-wrapper.active .collapse-button,
  html[dir='rtl'] .header .toolbar-searchfield-wrapper.active .btn {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 0; }

@media (max-width: 766px) {
  .toolbar-searchfield-wrapper:not(.is-open) .searchfield.alternate {
    background-color: transparent !important; }
  .toolbar-searchfield-wrapper.has-go-button > .icon.close {
    color: #6F6F76;
    right: 45px; }
  html[dir='rtl'] .toolbar-searchfield-wrapper.has-go-button > .icon.close {
    left: 45px;
    right: auto; } }

@media (min-width: 0) and (max-width: 479px) {
  .toolbar-searchfield-wrapper.has-categories.show-category .btn {
    padding-right: 5px; }
  .toolbar-searchfield-wrapper.has-categories.has-go-button > .icon.close {
    right: 50px; }
  .toolbar-searchfield-wrapper.has-categories.has-go-button .searchfield {
    padding-right: 40px; }
  html[dir='rtl'] .toolbar-searchfield-wrapper.has-categories.has-go-button > .icon.close {
    left: 40px; }
  html[dir='rtl'] .toolbar-searchfield-wrapper.has-categories.has-go-button .go-button {
    right: 0; } }

/**
 * dirty fix; fixes a quirk where on JS side sometimes there is no ".active" on
 * searchfield-wrapper
 * due to text field losing scope of some sort when triggering
 * X focus; can test case this at
 * /tabs-module/example-category-searchfield-go-button-home.html#maincontent
 */
.header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories button.close:not(.is-empty) {
  height: auto;
  right: 10%;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 1040px) {
    .header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories button.close:not(.is-empty) {
      right: 48px; } }
  .header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories button.close:not(.is-empty) svg.close {
    display: block;
    top: 0 !important; }

@media (max-width: 766px) {
  .header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories {
    right: auto;
    width: 100% !important; }
    .header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories .searchfield {
      width: auto; }
    .header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories button.close:not(.is-empty) {
      right: 32px; } }

@media (max-width: 1040px) {
  .header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories.has-go-button.has-text .searchfield {
    width: auto !important; } }

/**
 * there is no "new" theme file for toolbar, so placing hotfix here
 */
html[class*='theme-new-'] .header > .toolbar > .buttonset > .toolbar-searchfield-wrapper.non-collapsible.has-go-button.has-categories button.close:not(.is-empty) svg.close {
  top: 1px !important; }

html[class*='theme-new-'] .header .toolbar .toolbar-searchfield-wrapper.has-categories.has-go-button .go-button {
  height: 38px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

html[class*='theme-classic-'] .header .toolbar .toolbar-searchfield-wrapper.has-go-button.has-categories .searchfield {
  border: none; }

html[dir='rtl'].is-mac .toolbar-searchfield-wrapper.non-collapsible .searchfield {
  padding-top: 6px !important; }

@media (min-width: 767px) {
  html[dir='rtl'].is-mac .toolbar-searchfield-wrapper.non-collapsible .icon:not(.close) {
    top: 10px; } }

@media (min-width: 767px) {
  html[dir='rtl'] .toolbar-searchfield-wrapper.non-collapsible .searchfield:not(:focus) {
    border: 1px solid #BBBBBF; } }

html[dir='rtl'] .searchfield-wrapper.non-collapsible.is-open > .icon:not(.close):not(.icon-error) {
  right: 10px;
  top: 50%;
  transform: translateY(-50%); }

html[dir='rtl'] .searchfield-wrapper.active.has-close-icon-button.has-custom-button .searchfield,
html[dir='rtl'] .searchfield-wrapper.has-close-icon-button.has-custom-button .searchfield {
  padding-right: 34px; }

html[dir='rtl'] .searchfield-wrapper.active.has-close-icon-button.has-custom-button .searchfield {
  padding-left: 60px; }

html[dir='rtl'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button {
  right: calc(100% - 72px);
  top: 7px; }
  @media (min-width: 767px) {
    html[dir='rtl'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button {
      right: 193px; } }

html[dir='rtl'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.active:not(.is-open) .custom-button {
  right: calc(100% - 30px); }

html[dir='rtl'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-text.active.has-close-icon-button .custom-button {
  right: calc(100% - 96px); }
  @media (min-width: 767px) {
    html[dir='rtl'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-text.active.has-close-icon-button .custom-button {
      right: calc(100% - 56px); } }

.inline.searchfield-wrapper:not(.toolbar-searchfield-wrapper) > .icon:not(.icon-error) {
  top: 38px; }

.searchfield-wrapper > .icon.close {
  top: 50%;
  transform: translateY(-50%); }

.searchfield-wrapper .btn-icon.close {
  top: 8px; }

.searchfield-wrapper .go-button {
  height: 100%; }

.searchfield-wrapper.context .searchfield-category-button {
  border-right: 0; }

.searchfield-wrapper .searchfield-category-button {
  height: 38px; }
  .searchfield-wrapper .searchfield-category-button:hover .category {
    color: #0072ED; }

.searchfield-wrapper.context > .searchfield {
  height: 38px; }

.searchfield-wrapper.has-custom-button .custom-button {
  position: absolute;
  top: 7px;
  left: 263px;
  width: 24px;
  min-width: 24px;
  min-height: 24px; }

.searchfield-wrapper.has-custom-button.has-go-button .custom-button {
  left: 205px; }

.searchfield-wrapper.has-custom-button.has-text.has-close-icon-button .custom-button {
  left: 235px; }

.searchfield-wrapper.has-custom-button.has-text.has-close-icon-button.has-go-button .custom-button {
  left: 180px; }

.toolbar-searchfield-wrapper {
  overflow: hidden; }
  .toolbar-searchfield-wrapper:not(.is-open) .searchfield, .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    padding-top: 6px; }
    @media only screen and (max-width: 767px) {
      .toolbar-searchfield-wrapper:not(.is-open) .searchfield, .toolbar-searchfield-wrapper.non-collapsible .searchfield {
        height: 38px; } }
  .toolbar-searchfield-wrapper .btn-icon.close {
    align-items: center;
    justify-content: center;
    overflow: visible; }

.toolbar-searchfield-wrapper.searchfield-wrapper.non-collapsible svg.icon:not(.close) {
  left: 8px; }

.toolbar-searchfield-wrapper.searchfield-wrapper.non-collapsible .collapse-button .icon:not(.close) {
  transform: translateY(0); }

html.is-firefox .searchfield-wrapper {
  height: 38px; }
  html.is-firefox .searchfield-wrapper.toolbar-searchfield-wrapper {
    height: 38px;
    overflow: hidden; }
  html.is-firefox .searchfield-wrapper .searchfield-category-button {
    height: inherit; }
  html.is-firefox .searchfield-wrapper.context > .searchfield {
    color: #6F6F76;
    height: 38px; }
  html.is-firefox .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close {
    top: -0.5px; }

html.is-firefox .header.has-searchfield-xl .searchfield-wrapper input {
  height: 48px; }

html.is-firefox .header.has-searchfield-xl .searchfield-wrapper > svg.icon:nth-child(1) {
  top: 53%; }

html.is-firefox .toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) .searchfield {
  height: 38px;
  padding-bottom: 5px;
  padding-top: 7px; }

html.is-firefox .toolbar-searchfield-wrapper > .icon.close {
  top: 18px; }

html.is-firefox .toolbar-searchfield-wrapper.is-open .searchfield, html.is-firefox .toolbar-searchfield-wrapper.non-collapsible .searchfield {
  height: 38px;
  padding-bottom: 6px;
  padding-top: 6px; }

html.is-safari .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close {
  top: -0.5px; }

html[dir='rtl'] .searchfield-wrapper > .icon.close {
  left: 8px;
  right: auto; }

html[dir='rtl'] .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  top: 7px; }
  html[dir='rtl'] .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close svg.close.icon {
    top: 1px; }

html[dir='rtl'] .searchfield-wrapper.has-close-icon-button.has-text.has-custom-button .custom-button {
  right: calc(300px - 45%); }

html[dir='rtl'] .searchfield-wrapper.has-close-icon-button.has-text.has-custom-button .searchfield {
  padding-left: 60px; }

html[dir='rtl'] .searchfield-wrapper.has-custom-button .custom-button {
  top: 3px;
  right: calc(300px - 15%); }

html[dir='rtl'] .searchfield-wrapper.has-custom-button.has-close-icon-button .searchfield {
  padding-left: 34px;
  padding-right: 34px; }

html[dir='rtl'] .searchfield-wrapper.has-custom-button.has-go-button .custom-button {
  right: calc(300px - 38%); }

html[dir='rtl'] .searchfield-wrapper.has-custom-button.has-go-button .btn-icon.close {
  right: calc(300px - 33%); }

html[dir='rtl'] .searchfield-wrapper .searchfield-category-button {
  height: 38px; }

html[dir='rtl'] .searchfield-wrapper.has-categories button.close:not(.is-empty) {
  top: 0; }

html[dir='rtl'].is-firefox .searchfield-wrapper > .icon.close {
  top: 10px; }

.toolbar-searchfield-wrapper {
  -webkit-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .toolbar-searchfield-wrapper.has-categories:not(.is-open):not(.alternate) {
    width: 35px; }
  .toolbar-searchfield-wrapper .btn-icon.close .icon.close {
    width: 18px;
    height: 18px; }

.header .toolbar-searchfield-wrapper .searchfield-category-button {
  border-bottom-color: unset;
  border-top-color: unset;
  border-top: 1px solid #C5C5C9;
  border-bottom: 1px solid #C5C5C9;
  border-left: 1px solid #C5C5C9;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: unset;
  border-top-right-radius: unset; }

.header .toolbar-searchfield-wrapper.is-open .searchfield,
.header .toolbar-searchfield-wrapper.is-open .btn {
  border-bottom-color: #C5C5C9;
  border-top-color: #C5C5C9;
  background-color: #ffffff;
  opacity: 1; }

.header .toolbar-searchfield-wrapper.active .collapse-button,
.header .toolbar-searchfield-wrapper.active .btn {
  background-color: transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px; }

.header .toolbar-searchfield-wrapper.active .searchfield-category-button {
  border-color: #BBBBBF;
  border-right: 1px solid transparent; }

@media (min-width: 767px) {
  .header .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    border: 1px solid #C5C5C9; } }

.header .toolbar-searchfield-wrapper.is-open .icon.close {
  transform: none; }

input[type='range'] {
  height: 4px;
  margin: 25px 5px 50px;
  position: relative;
  visibility: hidden;
  width: 92%; }
  input[type='range'].vertical {
    writing-mode: bt-lr; }

.slider-box {
  display: inline-block;
  width: 60px;
  margin-left: 24px;
  vertical-align: middle; }

.slider-wrapper {
  background-color: #BBBBBF;
  position: relative;
  touch-action: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .slider-wrapper:not(.vertical) {
    height: 4px;
    margin: 25px 4% 50px;
    width: 92%; }
    .slider-wrapper:not(.vertical).has-slider-box {
      display: inline-block;
      margin: unset;
      width: 400px; }
    .slider-wrapper:not(.vertical) .slider-hit-area {
      bottom: -10px;
      left: 0;
      right: 0;
      top: -10px; }
    .slider-wrapper:not(.vertical) > .tick {
      margin-top: -2px; }
      .slider-wrapper:not(.vertical) > .tick::after {
        margin-left: -4px; }
      .slider-wrapper:not(.vertical) > .tick > .label {
        left: 3px;
        top: 17px; }
    .slider-wrapper:not(.vertical) .slider-handle {
      margin-top: -7px; }
      .slider-wrapper:not(.vertical) .slider-handle.is-animated {
        -webkit-transition: left 200ms, right 200ms;
        -moz-transition: left 200ms, right 200ms;
        -o-transition: left 200ms, right 200ms;
        -ms-transition: left 200ms, right 200ms;
        transition: left 200ms, right 200ms; }
    .slider-wrapper:not(.vertical) .slider-range {
      height: inherit; }
      .slider-wrapper:not(.vertical) .slider-range.is-animated {
        -webkit-transition: left 200ms, right 200ms;
        -moz-transition: left 200ms, right 200ms;
        -o-transition: left 200ms, right 200ms;
        -ms-transition: left 200ms, right 200ms;
        transition: left 200ms, right 200ms; }
  .slider-wrapper.vertical {
    height: 94%;
    margin: calc(25px + 4%) 50px calc(50px + 4%);
    min-height: 150px;
    width: 4px;
    margin-left: 72px; }
    .slider-wrapper.vertical .slider-hit-area {
      bottom: 0;
      left: -10px;
      right: -10px;
      top: 0; }
    .slider-wrapper.vertical > .tick {
      margin-left: -2px; }
      .slider-wrapper.vertical > .tick::after {
        margin-left: -4px; }
      .slider-wrapper.vertical > .tick > .label {
        right: 24px;
        text-align: right;
        top: -7px; }
    .slider-wrapper.vertical .slider-handle {
      margin-left: -6px; }
      .slider-wrapper.vertical .slider-handle.is-animated {
        -webkit-transition: top 200ms, bottom 200ms;
        -moz-transition: top 200ms, bottom 200ms;
        -o-transition: top 200ms, bottom 200ms;
        -ms-transition: top 200ms, bottom 200ms;
        transition: top 200ms, bottom 200ms; }
    .slider-wrapper.vertical .slider-range {
      width: inherit; }
      .slider-wrapper.vertical .slider-range.is-animated {
        -webkit-transition: top 200ms, bottom 200ms;
        -moz-transition: top 200ms, bottom 200ms;
        -o-transition: top 200ms, bottom 200ms;
        -ms-transition: top 200ms, bottom 200ms;
        transition: top 200ms, bottom 200ms; }
  .slider-wrapper .slider-hit-area {
    cursor: pointer;
    position: absolute; }
  .slider-wrapper > .tick {
    background-color: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    line-height: 8px;
    outline: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    -webkit-touch-callout: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 8px; }
    .slider-wrapper > .tick.complete::after {
      background-color: #0072ED; }
    .slider-wrapper > .tick::after {
      background-color: #BBBBBF;
      border-radius: 50%;
      content: '';
      height: 8px;
      position: absolute;
      width: 8px; }
    .slider-wrapper > .tick.inherit::after {
      background-color: inherit !important; }
    .slider-wrapper > .tick > .label {
      color: #6F6F76;
      position: absolute;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .slider-wrapper.is-disabled {
    background-color: #E0E0E1 !important;
    opacity: 0.7; }
    .slider-wrapper.is-disabled > * {
      cursor: default; }
    .slider-wrapper.is-disabled > .tick {
      background-color: #E0E0E1 !important; }
      .slider-wrapper.is-disabled > .tick > .label {
        color: #C5C5C9; }
      .slider-wrapper.is-disabled > .tick::after {
        background-color: #E0E0E1; }
      .slider-wrapper.is-disabled > .tick.complete {
        background-color: #C5C5C9 !important; }
    .slider-wrapper.is-disabled > .slider-range {
      background-color: #C5C5C9 !important;
      border-color: #C5C5C9 !important; }
    .slider-wrapper.is-disabled > .slider-handle {
      background-color: #C5C5C9 !important;
      border-color: #C5C5C9 !important; }
  .slider-wrapper.is-readonly {
    background-color: #8E8E95 !important; }
    .slider-wrapper.is-readonly > * {
      cursor: default; }
    .slider-wrapper.is-readonly > .tick {
      background-color: #8E8E95 !important; }
      .slider-wrapper.is-readonly > .tick > .label {
        color: #6F6F76; }
      .slider-wrapper.is-readonly > .tick::after {
        background-color: #8E8E95; }
      .slider-wrapper.is-readonly > .tick.complete {
        background-color: #6F6F76 !important; }
    .slider-wrapper.is-readonly > .slider-range {
      background-color: #525257 !important;
      border-color: #525257 !important; }
    .slider-wrapper.is-readonly > .slider-handle {
      background-color: #8E8E95 !important;
      border-color: #8E8E95 !important; }

.ie:not(.ie-edge) .slider-wrapper > .tick::after {
  margin-left: 0; }

.slider-handle {
  background-color: #0072ED;
  border: 6px solid #0072ED;
  border-radius: 16px;
  box-shadow: 0 0 0 20px transparent;
  color: transparent;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  position: absolute;
  width: 16px;
  z-index: 20;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none; }
  .slider-handle::after, .slider-handle::before {
    border-color: inherit;
    border-radius: 50%;
    content: '';
    left: -14px;
    position: absolute;
    top: -14px;
    z-index: 19;
    -webkit-transition: transform 200ms ease 0s;
    -moz-transition: transform 200ms ease 0s;
    -o-transition: transform 200ms ease 0s;
    -ms-transition: transform 200ms ease 0s;
    transition: transform 200ms ease 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .slider-handle:not(.hide-focus)::after {
    border: 1px solid;
    border-color: inherit;
    border-radius: 50%;
    content: '';
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 19;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform 200ms ease 0s;
    -moz-transition: transform 200ms ease 0s;
    -o-transition: transform 200ms ease 0s;
    -ms-transition: transform 200ms ease 0s;
    transition: transform 200ms ease 0s; }
  .slider-handle:not(.is-dragging)::before {
    border: 16px solid;
    border-color: inherit;
    border-radius: 50%;
    content: '';
    opacity: 0.1;
    position: absolute;
    z-index: 19;
    -webkit-transition: transform 200ms ease 0s;
    -moz-transition: transform 200ms ease 0s;
    -o-transition: transform 200ms ease 0s;
    -ms-transition: transform 200ms ease 0s;
    transition: transform 200ms ease 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .slider-handle:focus, .slider-handle:active {
    outline: 0; }
    .slider-handle:focus:not(.hide-focus), .slider-handle:active:not(.hide-focus) {
      border-color: #0072ED; }
  .slider-handle:focus::before, .slider-handle:focus::after {
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -o-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96); }
  .slider-handle:hover, .slider-handle.is-dragging {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }

.slider-range {
  background-color: #0072ED;
  cursor: pointer;
  display: block;
  position: absolute; }
  .slider-range.is-dragging {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none; }

.field-short input[type='range'],
.form-layout-compact .field input[type='range'] {
  margin: 15px 4% 25px; }

.field-short .slider-wrapper:not(.vertical),
.form-layout-compact .field .slider-wrapper:not(.vertical) {
  height: 4px;
  margin: 15px 4% 25px;
  width: 92%; }

@media (min-width: 1600px) {
  .slider-wrapper:not(.vertical) {
    margin: 25px 2.5% 50px;
    width: 95%; }
  .slider-wrapper.vertical {
    height: 95%; } }

html[dir='rtl'] .slider-wrapper.vertical > .tick {
  margin-left: inherit;
  margin-right: -2px; }
  html[dir='rtl'] .slider-wrapper.vertical > .tick::after {
    margin-left: inherit;
    margin-right: -4px; }
  html[dir='rtl'] .slider-wrapper.vertical > .tick > .label {
    left: 24px;
    right: auto;
    text-align: left; }

html[dir='rtl'] .slider-wrapper.vertical .slider-handle {
  margin-left: inherit;
  margin-right: -7px; }

html[dir='rtl'] .slider-wrapper > .tick.inherit::after {
  background-color: transparent !important; }

html[dir='rtl'] .slider-wrapper.is-disabled > .tick::after {
  background-color: transparent; }

html[dir='rtl'] .slider-wrapper:not(.vertical) > .tick > .label {
  left: auto !important; }

input.spinbox {
  border-radius: 0;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 400;
  height: 34px;
  padding: 9px;
  text-align: center;
  width: 84px; }
  input.spinbox:focus {
    box-shadow: none !important; }
  input.spinbox.is-hovered {
    border-color: #28282A !important; }
  input.spinbox.no-hover {
    border-color: #0072ED !important; }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.field > .spinbox {
  margin-bottom: 0; }

.field > .spinbox-wrapper {
  font-size: 0px;
  font-size: 0rem;
  position: relative;
  vertical-align: top; }

.spinbox-control {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  backface-visibility: hidden;
  background-color: transparent;
  border: 1px solid #BBBBBF;
  border-collapse: separate;
  color: #6F6F76;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  height: 34px;
  line-height: normal;
  overflow: hidden;
  padding: 7px 10px;
  position: relative;
  resize: none;
  text-align: center;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  width: 33px; }
  .spinbox-control.up {
    border-bottom-right-radius: 2px;
    border-left: 0;
    border-top-right-radius: 2px; }
  .spinbox-control.down {
    border-bottom-left-radius: 2px;
    border-right: 0;
    border-top-left-radius: 2px; }
  .spinbox-control:hover {
    color: #161618; }
  .spinbox-control.is-active {
    color: #161618; }
  .spinbox-control.is-disabled {
    background-color: #ffffff;
    border-color: #C5C5C9;
    color: #C5C5C9;
    cursor: default; }

.spinbox-wrapper {
  display: inline-block;
  width: max-content; }
  .spinbox-wrapper input:hover {
    border: 1px solid #BBBBBF; }
  .spinbox-wrapper > * {
    vertical-align: middle; }
  .spinbox-wrapper .icon-error {
    margin-right: auto;
    right: 38px;
    top: 0; }
  .spinbox-wrapper.error .spinbox-control {
    border-color: #da1217 !important;
    color: #da1217; }
  .spinbox-wrapper + .icon-error {
    margin-top: -15px; }
  .spinbox-wrapper.is-focused {
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .spinbox-wrapper.is-focused.is-disabled {
      box-shadow: none; }
    .spinbox-wrapper.is-focused > .spinbox-control {
      border-color: #0072ED !important; }
      .spinbox-wrapper.is-focused > .spinbox-control.is-active {
        border-color: #0072ED;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
      .spinbox-wrapper.is-focused > .spinbox-control.is-disabled {
        background-color: #ffffff;
        border-color: #C5C5C9;
        color: #C5C5C9;
        cursor: default; }
  .spinbox-wrapper.is-disabled > .spinbox-control {
    background-color: #ffffff;
    border-color: #C5C5C9;
    color: #C5C5C9;
    cursor: default; }
  .spinbox-wrapper.is-readonly > .spinbox-control {
    background-color: #E0E0E1;
    color: #BBBBBF;
    cursor: default; }
  .spinbox-wrapper .ripple-effect {
    background-color: #8ABFF7; }

.spinbox-sm input,
.spinbox-mm input,
.spinbox-md input,
.spinbox-lg input {
  width: calc(100% - 66px) !important; }

.spinbox-xs {
  width: 75px; }
  .spinbox-xs input {
    padding: 5px;
    width: calc(100% - 50px) !important; }
  .spinbox-xs .spinbox-control {
    padding: 7px 3px;
    width: 25px; }

.spinbox-sm {
  width: 130px; }

.spinbox-mm {
  width: 206px; }

.spinbox-md {
  width: 280px; }

.spinbox-lg {
  width: 380px; }

@media (max-width: 766px) {
  .spinbox-lg,
  .field-short .spinbox-lg,
  .form-layout-compact .field .spinbox-lg {
    width: 300px; } }

.field-short input.spinbox,
.form-layout-compact .field input.spinbox {
  width: 100px; }

.field-short .spinbox-wrapper,
.form-layout-compact .field .spinbox-wrapper {
  margin-bottom: 0; }

.field-short .spinbox,
.form-layout-compact .field .spinbox {
  height: auto;
  line-height: normal;
  padding: 5px; }

.field-short .spinbox-control,
.form-layout-compact .field .spinbox-control {
  height: inherit;
  padding: 3px 0 5px;
  width: 25px; }

html[dir='rtl'] input.spinbox {
  text-align: center; }

html[dir='rtl'] .spinbox-control.up {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-left: 1px solid #BBBBBF;
  border-right: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0; }

html[dir='rtl'] .spinbox-control.down {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-left: 0;
  border-right: 1px solid #BBBBBF;
  border-top-left-radius: 0;
  border-top-right-radius: 2px; }

html[dir='rtl'] .spinbox-control.is-disabled {
  border-color: #C5C5C9; }

html[dir='rtl'] .spinbox-wrapper .icon-error {
  left: 40px;
  right: auto; }

html[dir='rtl'] .spinbox-wrapper.is-focused > .spinbox-control {
  border-color: #0072ED; }
  html[dir='rtl'] .spinbox-wrapper.is-focused > .spinbox-control.is-active {
    border-color: #0072ED; }
  html[dir='rtl'] .spinbox-wrapper.is-focused > .spinbox-control.is-disabled {
    border-color: #C5C5C9; }

html[dir='rtl'] .spinbox-wrapper.is-disabled > .spinbox-control {
  border-color: #C5C5C9; }

html[dir='rtl']:not(.ie11) .field-short .spinbox-control,
html[dir='rtl']:not(.ie11) .form-layout-compact .field .spinbox-control {
  padding: 3px 7px 4px; }

html[dir='rtl'].is-firefox .field-short .spinbox-control,
html[dir='rtl'].is-firefox .form-layout-compact .field .spinbox-control {
  padding: 3px 7px 5px; }

.ie11 .field-short .spinbox-control,
.ie11 .form-layout-compact .field .spinbox-control {
  height: 25px; }

html[class*='theme-classic'].ios .field-short .spinbox-control,
html[class*='theme-classic'].ios .form-layout-compact .field .spinbox-control {
  padding: 2px 0 4px; }

html[class*='theme-classic'].ios .field-short .spinbox,
html[class*='theme-classic'].ios .form-layout-compact .field .spinbox {
  height: 2.6rem; }

.spinbox-wrapper {
  height: 38px; }

input.spinbox,
.spinbox-control {
  height: inherit; }

.spinbox-control {
  padding: 7px 10px; }
  .spinbox-control.down {
    padding: 6px 10px; }

.field-short .spinbox,
.form-layout-compact .field .spinbox {
  padding: 4px; }

.field-short .spinbox-wrapper,
.form-layout-compact .field .spinbox-wrapper {
  height: 28px; }

.field-short .spinbox-control,
.form-layout-compact .field .spinbox-control {
  padding: 3px 8px; }
  .field-short .spinbox-control.down,
  .form-layout-compact .field .spinbox-control.down {
    padding: 2px 10px 0; }

html[dir='rtl'] .spinbox-control {
  padding: 7px; }
  html[dir='rtl'] .spinbox-control.down {
    padding: 6px 7px 8px; }

html[dir='rtl'] .field-short .spinbox,
html[dir='rtl'] .form-layout-compact .field .spinbox {
  padding: 4px 5px; }

html[dir='rtl'] .field-short .spinbox-control,
html[dir='rtl'] .form-layout-compact .field .spinbox-control {
  padding: 4px 7px; }
  html[dir='rtl'] .field-short .spinbox-control.down,
  html[dir='rtl'] .form-layout-compact .field .spinbox-control.down {
    padding: 3px 7px 5px; }

html[dir='rtl'].is-firefox .field-short .spinbox,
html[dir='rtl'].is-firefox .form-layout-compact .field .spinbox {
  padding: 4px; }

html[dir='rtl']:not(.ie11) .field-short .spinbox-control,
html[dir='rtl']:not(.ie11) .form-layout-compact .field .spinbox-control {
  padding: 4px 7px; }

.splitter-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-direction: row;
  -webkit-box-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flexbox-direction: row;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
  .splitter-container.is-horizontal {
    -moz-box-direction: column;
    -webkit-box-direction: column;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flexbox-direction: column; }
  .splitter-container * {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .splitter-container .flex-grow-shrink {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .splitter-container .is-right-side .panel-header {
    border-bottom: 0;
    height: 41px;
    padding-right: 0; }
  .splitter-container .content {
    height: 100%; }

.splitter-container.two-column > .main {
  border-right: 0; }

.splitter-container.two-column.fixed > .sidebar {
  border-right: 0; }

.splitter-container.header-detail .detail {
  border-top: 0; }

.splitter {
  border-inline-end: 1px solid #C5C5C9;
  cursor: ew-resize;
  height: 100%;
  outline: none;
  position: absolute;
  width: 0;
  z-index: 100; }
  .splitter::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 100%;
    margin-inline-start: -6px; }
  .splitter .splitter-drag-handle {
    background-color: #0072ED;
    border-radius: 4px;
    display: block;
    height: 32px;
    opacity: 0;
    position: absolute;
    margin-inline-start: -2px;
    width: 6px;
    z-index: 1; }
  .splitter:hover {
    border-inline-end: 2px solid #C5C5C9; }
    .splitter:hover .splitter-drag-handle {
      opacity: 1; }
  .splitter:active, .splitter.is-dragging {
    border-color: #8ABFF7; }
    .splitter:active .splitter-drag-handle, .splitter.is-dragging .splitter-drag-handle {
      opacity: 1; }
  .splitter:focus:not(:hover) {
    border-color: #C5C5C9; }
    .splitter:focus:not(:hover) .splitter-drag-handle {
      opacity: 1;
      top: 50% !important;
      transform: translateY(-50%); }
  .splitter .splitter-btn {
    height: 30px;
    left: -20px;
    margin-top: -2px;
    min-width: 16px;
    position: absolute;
    transform: rotate(180deg);
    width: 16px;
    z-index: 101; }
    .splitter .splitter-btn .icon {
      color: #C5C5C9;
      height: 16px;
      width: 16px; }
    .splitter .splitter-btn.rotate {
      transform: rotate(0deg);
      left: 4px; }
  .splitter .panel-header {
    height: 41px; }
  .splitter.splitter-right {
    left: 229px;
    margin-inline-start: 0;
    top: 0; }
    .splitter.splitter-right .splitter-btn {
      transform: none;
      margin-left: 0.7px; }
      .splitter.splitter-right .splitter-btn.rotate {
        margin-top: -6px;
        margin-left: -2px;
        transform: rotate(180deg); }
  .splitter.splitter-horizontal {
    border-inline-end: none;
    border-block-end: 1px solid #C5C5C9;
    cursor: ns-resize;
    height: 0;
    width: 100%; }
    .splitter.splitter-horizontal:hover {
      border-block-end: 2px solid #C5C5C9; }
      .splitter.splitter-horizontal:hover .splitter-drag-handle {
        margin-block-start: -2px; }
    .splitter.splitter-horizontal:active, .splitter.splitter-horizontal.is-dragging {
      border-color: #8ABFF7; }
    .splitter.splitter-horizontal:focus .splitter-drag-handle {
      margin-block-start: 0.5px; }
    .splitter.splitter-horizontal .splitter-drag-handle {
      height: 6px;
      margin-inline-start: unset;
      margin-block-start: -2.5px;
      width: 32px; }
    .splitter.splitter-horizontal::after {
      content: '';
      position: absolute;
      height: 11px;
      width: 100%;
      z-index: 0;
      margin-top: -5px; }
  .splitter.is-dragging {
    border-color: #8ABFF7; }

@media (min-width: 0) and (max-width: 479px) {
  .splitter {
    display: none; }
    .splitter.splitter-horizontal {
      display: block; } }

.splitter-overlay {
  background-color: #ffffff;
  height: 100%;
  opacity: 0.1;
  position: static;
  visibility: visible; }

html[dir='rtl'] .splitter .splitter-btn {
  left: -20px; }
  html[dir='rtl'] .splitter .splitter-btn .icon {
    -ms-filter: fliph;
    filter: fliph;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }

.splitter .splitter-btn {
  margin-top: -6px; }
  .splitter .splitter-btn .icon {
    height: 12px;
    width: 12px; }

.swaplist .card {
  border-bottom-width: 1px;
  border-color: #C5C5C9;
  border-left-width: 0;
  float: left;
  overflow: hidden;
  width: 50%; }
  .swaplist .card:first-child {
    border-left-width: 1px; }
  .swaplist .card .card-content {
    width: 100%; }
  .swaplist .card .card-header {
    border-bottom: none;
    width: 100%; }
    .swaplist .card .card-header .btn {
      background-color: transparent;
      border: 0;
      color: #6F6F76;
      line-height: normal;
      margin: 0;
      min-width: 0;
      padding: 0;
      width: 35px; }
      .swaplist .card .card-header .btn::after, .swaplist .card .card-header .btn::before {
        background: #6F6F76;
        content: '';
        display: inline-block;
        left: 9px;
        position: absolute;
        top: 8px; }
      .swaplist .card .card-header .btn::after {
        box-shadow: 0 6px 0 #6F6F76, 0 12px 0 #6F6F76, 16px 0 0 #6F6F76, 16px 6px 0 #6F6F76, 16px 12px 0 #6F6F76;
        height: 5px;
        width: 2px; }
      .swaplist .card .card-header .btn::before {
        box-shadow: 13px 0 0 #6F6F76, 0 16px 0 #6F6F76, 13px 16px 0 #6F6F76;
        height: 2px;
        width: 5px; }
      .swaplist .card .card-header .btn:hover::after, .swaplist .card .card-header .btn:hover::before, .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled)::after, .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled)::before {
        background: #161618; }
      .swaplist .card .card-header .btn:hover::after, .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled)::after {
        box-shadow: 0 6px 0 #161618, 0 12px 0 #161618, 16px 0 0 #161618, 16px 6px 0 #161618, 16px 12px 0 #161618; }
      .swaplist .card .card-header .btn:hover::before, .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled)::before {
        box-shadow: 13px 0 0 #161618, 0 16px 0 #161618, 13px 16px 0 #161618; }
      .swaplist .card .card-header .btn:hover .icon, .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled) .icon {
        color: #000000; }
      .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled) {
        box-shadow: 0 0 0 1px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
      .swaplist .card .card-header .btn[disabled]::after, .swaplist .card .card-header .btn[disabled]::before {
        background: #C5C5C9; }
      .swaplist .card .card-header .btn[disabled]::after {
        box-shadow: 0 6px 0 #C5C5C9, 0 12px 0 #C5C5C9, 16px 0 0 #C5C5C9, 16px 6px 0 #C5C5C9, 16px 12px 0 #C5C5C9; }
      .swaplist .card .card-header .btn[disabled]::before {
        box-shadow: 13px 0 0 #C5C5C9, 0 16px 0 #C5C5C9, 13px 16px 0 #C5C5C9; }
      .swaplist .card .card-header .btn .icon {
        color: #161618;
        left: 13px;
        margin: 0;
        position: absolute;
        top: 8px;
        width: 10px; }
      .swaplist .card .card-header .btn[disabled] .icon {
        color: #C5C5C9; }
  .swaplist .card .buttons {
    line-height: normal;
    max-height: 35px;
    position: absolute;
    right: 10px;
    top: 7px;
    vertical-align: bottom; }
  .swaplist .card .card-title {
    color: #161618;
    font-weight: 400;
    position: relative;
    top: 4px; }
  .swaplist .card p {
    color: #161618; }
  .swaplist .card .is-disabled p {
    color: #C5C5C9; }

.swaplist.one-third {
  min-width: 370px; }
  .swaplist.one-third .card {
    width: 33%; }
  @media (max-width: 766px) {
    .swaplist.one-third .card {
      width: 50%; }
      .swaplist.one-third .card:nth-child(2) {
        height: 180px;
        min-height: 180px; }
        .swaplist.one-third .card:nth-child(2) .btn:last-child svg {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        .swaplist.one-third .card:nth-child(2) .card-content {
          height: 130px;
          min-height: 130px; }
      .swaplist.one-third .card:nth-child(3) {
        border-top: 0;
        height: 190px;
        margin-top: -20px;
        min-height: 190px; }
        .swaplist.one-third .card:nth-child(3) .btn:not(.is-rotate) svg {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        .swaplist.one-third .card:nth-child(3) .card-content {
          height: 140px;
          min-height: 140px; }
      .swaplist.one-third .card .buttons {
        right: 5px; } }

.swaplist .handle {
  color: #161618;
  display: none;
  font-size: 2.5em;
  left: 6px;
  position: absolute;
  top: 0; }

.swaplist .is-multiselect {
  background-color: #ffffff;
  border-top: thin solid #C5C5C9; }
  .swaplist .is-multiselect ul {
    min-height: 100%;
    padding: 0 0 5px; }
    .swaplist .is-multiselect ul.is-not-droppable li.is-selected:hover:not(.is-disabled) .handle, .swaplist .is-multiselect ul.is-not-droppable li.is-selected:focus:not(.is-disabled) .handle {
      display: none; }
    .swaplist .is-multiselect ul.is-not-droppable li:hover:not(.is-disabled):not(.is-selected) .handle, .swaplist .is-multiselect ul.is-not-droppable li:focus:not(.is-disabled):not(.is-selected) .handle {
      display: none; }
  .swaplist .is-multiselect li {
    border: 1px solid transparent;
    margin-bottom: 1px;
    padding: 9px 20px; }
    .swaplist .is-multiselect li::after, .swaplist .is-multiselect li::before, .swaplist .is-multiselect li.is-selected::after {
      content: none; }
    .swaplist .is-multiselect li.draggable {
      cursor: move; }
    .swaplist .is-multiselect li:hover:not(.is-disabled):not(.is-selected) .handle, .swaplist .is-multiselect li:focus:not(.is-disabled):not(.is-selected) .handle {
      color: #161618;
      display: inline-block; }
    .swaplist .is-multiselect li:hover:not(.is-disabled):not(.is-selected):focus, .swaplist .is-multiselect li:focus:not(.is-disabled):not(.is-selected):focus {
      border-color: #0072ED; }
    .swaplist .is-multiselect li.is-selected {
      background-color: #0072ED; }
      .swaplist .is-multiselect li.is-selected p {
        color: #ffffff;
        font-weight: 600; }
      .swaplist .is-multiselect li.is-selected:hover:not(.is-disabled), .swaplist .is-multiselect li.is-selected:focus:not(.is-disabled) {
        background-color: #0072ED; }
        .swaplist .is-multiselect li.is-selected:hover:not(.is-disabled) .handle, .swaplist .is-multiselect li.is-selected:focus:not(.is-disabled) .handle {
          color: #ffffff;
          display: inline-block; }
        .swaplist .is-multiselect li.is-selected:hover:not(.is-disabled):focus, .swaplist .is-multiselect li.is-selected:focus:not(.is-disabled):focus {
          border-color: #0072ED; }
    .swaplist .is-multiselect li.is-dragging {
      background-color: #F5F5F5;
      border: 1px solid transparent;
      opacity: 0.4;
      padding: 9px 20px 8px; }
  .swaplist .is-multiselect .over {
    border: 1px dashed #6F6F76; }

.swaplist .is-dragging-touch {
  background-color: #F5F5F5;
  border: 1px solid transparent;
  opacity: 0.4;
  padding: 9px 20px 8px;
  background-color: #0072ED;
  color: #ffffff;
  opacity: 0.7;
  position: fixed;
  z-index: 2; }
  .swaplist .is-dragging-touch p {
    color: #ffffff; }

.swaplist.is-touch .is-multiselect li:hover:not(.is-disabled):not(.is-selected) {
  background-color: transparent; }
  .swaplist.is-touch .is-multiselect li:hover:not(.is-disabled):not(.is-selected) .handle {
    display: none; }

.is-mac.is-firefox .swaplist .handle {
  top: 4px; }

#sl-placeholder-container p,
#sl-placeholder-container div {
  display: inline-block;
  margin: 0;
  padding: 0; }

#sl-placeholder-container .is-dragging-touch {
  background-color: #F5F5F5;
  border: 1px solid transparent;
  opacity: 0.4;
  padding: 9px 20px 8px;
  background-color: #0072ED;
  color: #ffffff;
  opacity: 0.7;
  position: fixed;
  z-index: 2; }
  #sl-placeholder-container .is-dragging-touch p {
    color: #ffffff; }

html[dir='rtl'] .swaplist .card {
  border-left-width: 1px;
  border-right-width: 0;
  float: right; }
  html[dir='rtl'] .swaplist .card:first-child {
    border-right-width: 1px; }
  html[dir='rtl'] .swaplist .card .buttons {
    left: 10px;
    right: auto; }

@media (max-width: 766px) {
  html[dir='rtl'] .swaplist.one-third .card .buttons {
    left: 5px;
    right: auto; } }

html[dir='rtl'] .swaplist .handle {
  left: auto;
  right: 10px; }

.swaplist .handle {
  font-size: 25px;
  top: 4px; }

.swaplist .card:nth-child(1),
.swaplist .widget:nth-child(1) {
  border-radius: 6px 0 0 6px;
  box-shadow: -1px 0 8px -1px rgba(0, 0, 0, 0.1); }

.swaplist .card:nth-child(2),
.swaplist .widget:nth-child(2) {
  border-radius: 0 6px 6px 0;
  box-shadow: 1px 0 8px -1px rgba(0, 0, 0, 0.1); }

.swaplist .card .buttons,
.swaplist .widget .buttons {
  top: auto; }

.swaplist .card .card-content .listview li:first-child,
.swaplist .card .widget-content .listview li:first-child,
.swaplist .widget .card-content .listview li:first-child,
.swaplist .widget .widget-content .listview li:first-child {
  border-top-color: transparent; }

.swaplist.one-third .card:nth-child(2),
.swaplist.one-third .widget:nth-child(2) {
  border-radius: 0; }

.swaplist.one-third .card:nth-child(3),
.swaplist.one-third .widget:nth-child(3) {
  border-radius: 0 6px 6px 0;
  box-shadow: 1px 0 8px -1px rgba(0, 0, 0, 0.1); }

@media (max-width: 766px) {
  .swaplist.one-third .card:nth-child(2),
  .swaplist.one-third .widget:nth-child(2) {
    border-radius: 0 6px 0 0; }
  .swaplist.one-third .card:nth-child(3),
  .swaplist.one-third .widget:nth-child(3) {
    border-radius: 0 0 6px; } }

.swipe-container {
  border-radius: 5px;
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  width: 100%; }
  .swipe-container.continuous {
    scroll-snap-type: x proximity; }
    .swipe-container.continuous .swipe-action-left,
    .swipe-container.continuous .swipe-action-right {
      scroll-snap-align: initial; }
  .swipe-container button {
    position: sticky; }
  .swipe-container .swipe-action-right .btn-swipe-action-right span,
  .swipe-container .swipe-action-right .btn-swipe-action-left span,
  .swipe-container .btn-swipe-action-left .btn-swipe-action-right span,
  .swipe-container .btn-swipe-action-left .btn-swipe-action-left span {
    padding-left: 0 !important; }
    .swipe-container .swipe-action-right .btn-swipe-action-right span:nth-child(3),
    .swipe-container .swipe-action-right .btn-swipe-action-left span:nth-child(3),
    .swipe-container .btn-swipe-action-left .btn-swipe-action-right span:nth-child(3),
    .swipe-container .btn-swipe-action-left .btn-swipe-action-left span:nth-child(3) {
      display: inline-block;
      overflow: hidden;
      padding-left: 5px !important;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 87px; }

.swipe-action-text-container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 87px; }

.swipe-container::-webkit-scrollbar {
  display: none; }

.swipe-container {
  scrollbar-width: none; }

.swipe-element {
  align-items: center;
  display: flex;
  min-width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always; }

.swipe-action {
  align-items: center;
  border-radius: 6px;
  display: flex;
  min-width: 100%; }

.swipe-action-left {
  background-color: #C5C5C9;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  scroll-snap-align: start;
  scroll-snap-stop: always; }

.swipe-action-right {
  background-color: #0072ED;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: flex-end;
  scroll-snap-align: start;
  scroll-snap-stop: always; }

@-moz-document url-prefix() {
  .ids-swipe-container {
    overflow-x: hidden; }
  .ids-swipe-action-left {
    display: none; } }

.btn-swipe-action-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.btn-swipe-action-left,
.btn-swipe-action-right {
  background-color: #C5C5C9;
  display: block;
  height: 100%;
  line-height: 0;
  margin: 0;
  padding: 0 16px;
  text-align: center;
  white-space: inherit;
  width: 100px; }
  .btn-swipe-action-left .icon,
  .btn-swipe-action-right .icon {
    color: inherit;
    display: block;
    height: 16px;
    margin: 0 auto 5px;
    width: 16px; }
  .btn-swipe-action-left:focus,
  .btn-swipe-action-right:focus {
    border-color: transparent;
    box-shadow: none; }
  .btn-swipe-action-left:active,
  .btn-swipe-action-right:active {
    background-color: #BBBBBF; }
  .btn-swipe-action-left:hover,
  .btn-swipe-action-right:hover {
    background-color: #BBBBBF;
    border-color: transparent;
    box-shadow: none; }

.btn-swipe-action-right {
  background-color: #0072ED;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #ffffff; }
  .btn-swipe-action-right:hover {
    background-color: #0054B1;
    color: #ffffff; }
  .btn-swipe-action-right:active {
    background-color: #0054B1; }

.tab-container {
  font-size: 0;
  position: relative; }
  .tab-container.has-placeholder .tab.draggable {
    top: -12px; }
    .tab-container.has-placeholder .tab.draggable.arrange-placeholder {
      height: 32px !important;
      top: 0; }
  .tab-container.has-add-button .add-tab-button {
    visibility: visible; }
  .tab-container.has-more-button .tab-more {
    visibility: visible; }
  .tab-container.is-disabled .tab {
    cursor: default !important; }
  .tab-container.is-disabled .icon {
    color: #C5C5C9 !important; }
  .tab-container > .busy-indicator-container {
    font-size: 1.6rem; }

.tab-list {
  list-style: none outside none;
  overflow: hidden; }

.tab {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-overflow: ellipsis; }
  .tab > * {
    vertical-align: middle; }
  .tab > a {
    color: inherit;
    cursor: inherit;
    display: inline-block;
    text-decoration: none; }
    .tab > a * {
      pointer-events: none; }
    .tab > a span {
      color: inherit; }
  .tab.is-disabled {
    cursor: default !important; }
    .tab.is-disabled .icon {
      color: #C5C5C9 !important; }

.animated-bar {
  -webkit-transition: background-color 0.25s ease, left 0.25s ease, right 0.25s ease, width 0.25s ease;
  -moz-transition: background-color 0.25s ease, left 0.25s ease, right 0.25s ease, width 0.25s ease;
  -o-transition: background-color 0.25s ease, left 0.25s ease, right 0.25s ease, width 0.25s ease;
  -ms-transition: background-color 0.25s ease, left 0.25s ease, right 0.25s ease, width 0.25s ease;
  transition: background-color 0.25s ease, left 0.25s ease, right 0.25s ease, width 0.25s ease;
  background-color: rgba(0, 114, 237, 0);
  bottom: 0;
  display: inline-block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 20px; }
  .animated-bar.visible {
    background-color: #0072ed; }

.tab-focus-indicator {
  border: 1px solid transparent;
  border-radius: 2px;
  bottom: 7px;
  content: '';
  left: 7px;
  position: absolute;
  right: 7px;
  top: 7px;
  pointer-events: none;
  z-index: 10; }
  .tab-focus-indicator.is-visible {
    border-color: #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }

.tab-panel {
  display: none;
  opacity: 0;
  padding-top: 20px;
  -webkit-transition: opacity 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: opacity 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: opacity 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: opacity 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: opacity 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .tab-panel.can-show {
    display: block; }
  .tab-panel.is-visible {
    opacity: 1; }
  .tab-panel.padding {
    padding: 20px !important; }
  .tab-panel.alternate {
    background-color: #ffffff;
    min-height: 100%; }
  .tab-panel.is-disabled {
    color: #C5C5C9; }
    .tab-panel.is-disabled label,
    .tab-panel.is-disabled .label {
      color: inherit; }
    .tab-panel.is-disabled h1,
    .tab-panel.is-disabled h2,
    .tab-panel.is-disabled h3,
    .tab-panel.is-disabled h4,
    .tab-panel.is-disabled p {
      color: inherit; }
  .tab-panel > .page-container {
    position: static; }
  .tab-panel > .header + .page-container {
    margin-top: 0; }

.page-container > .tab-panel,
.page-container > .tab-panel-container > .tab-panel {
  height: 0;
  padding-top: 30px;
  width: 0; }
  @media (min-width: 767px) {
    .page-container > .tab-panel,
    .page-container > .tab-panel-container > .tab-panel {
      padding-top: 0; } }
  .page-container > .tab-panel.can-show,
  .page-container > .tab-panel-container > .tab-panel.can-show {
    height: 100%;
    width: 100%; }
  .page-container > .tab-panel > .busy-indicator-container,
  .page-container > .tab-panel-container > .tab-panel > .busy-indicator-container {
    font-size: 1.6rem; }

.page-container .tab-panel-container.no-scroll .tab-panel {
  padding-top: 0; }

.tab-more,
.add-tab-button {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  visibility: hidden; }
  .tab-more:focus,
  .add-tab-button:focus {
    outline: none; }
  .tab-more > *,
  .add-tab-button > * {
    vertical-align: middle; }

.has-more-actions.has-more-button.has-add-button.tab-container.horizontal::after,
.has-more-actions.has-more-button.has-add-button.tab-container.header-tabs::after {
  right: 132px; }

.tab-container.has-counts > .tab-list-container .tab-list {
  padding: 1px 0 17px; }
  .tab-container.has-counts > .tab-list-container .tab-list .separator {
    margin-bottom: -6px; }
  .tab-container.has-counts > .tab-list-container .tab-list .tab {
    border-bottom: 5px solid transparent; }
    .tab-container.has-counts > .tab-list-container .tab-list .tab:hover {
      border-bottom: 5px solid #0072ED; }
    .tab-container.has-counts > .tab-list-container .tab-list .tab.is-selected {
      border-bottom: 5px solid #0072ED; }

.tab-container.horizontal,
.tab-container.header-tabs {
  overflow: hidden; }
  .tab-container.horizontal::after, .tab-container.horizontal::before,
  .tab-container.header-tabs::after,
  .tab-container.header-tabs::before {
    -webkit-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    background-color: transparent;
    content: '';
    display: inline-block;
    height: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 20; }
  .tab-container.horizontal::before,
  .tab-container.header-tabs::before {
    left: 0; }
  .tab-container.horizontal::after,
  .tab-container.header-tabs::after {
    right: 0; }
  .tab-container.horizontal.scrolled-left::after, .tab-container.horizontal.scrolled-right::before,
  .tab-container.header-tabs.scrolled-left::after,
  .tab-container.header-tabs.scrolled-right::before {
    width: 40px; }
  .tab-container.horizontal.has-more-button::after,
  .tab-container.header-tabs.has-more-button::after {
    right: 51px; }
  .tab-container.horizontal.has-more-actions::after,
  .tab-container.header-tabs.has-more-actions::after {
    right: 41px; }
  .tab-container.horizontal.has-add-button::after,
  .tab-container.header-tabs.has-add-button::after {
    right: 95px; }
  .tab-container.horizontal.has-more-actions.has-more-button::after,
  .tab-container.header-tabs.has-more-actions.has-more-button::after {
    right: 85px; }
  .tab-container.horizontal .has-more-actions.has-more-button.has-add-button::after,
  .tab-container.header-tabs .has-more-actions.has-more-button.has-add-button::after {
    right: 132px; }
  .tab-container.horizontal .tab-more,
  .tab-container.horizontal .add-tab-button,
  .tab-container.horizontal .more-actions-button,
  .tab-container.header-tabs .tab-more,
  .tab-container.header-tabs .add-tab-button,
  .tab-container.header-tabs .more-actions-button {
    background-color: transparent;
    font-size: 1.6rem;
    padding: 16px;
    position: relative;
    vertical-align: top; }
    .tab-container.horizontal .tab-more .icon,
    .tab-container.horizontal .add-tab-button .icon,
    .tab-container.horizontal .more-actions-button .icon,
    .tab-container.header-tabs .tab-more .icon,
    .tab-container.header-tabs .add-tab-button .icon,
    .tab-container.header-tabs .more-actions-button .icon {
      height: 18px;
      margin: 0;
      vertical-align: middle;
      width: 18px; }
  .tab-container.horizontal .add-tab-button,
  .tab-container.header-tabs .add-tab-button {
    top: 10px;
    padding: 6px 0;
    text-align: center;
    width: 35px;
    height: 30px; }
    .tab-container.horizontal .add-tab-button span[aria-hidden],
    .tab-container.header-tabs .add-tab-button span[aria-hidden] {
      font-size: 20px;
      font-size: 2rem;
      left: 0;
      position: relative;
      top: 0; }
    .tab-container.horizontal .add-tab-button svg.icon-add,
    .tab-container.header-tabs .add-tab-button svg.icon-add {
      height: 14px;
      width: 14px;
      top: 2px; }
  .tab-container.horizontal .more-actions-button,
  .tab-container.header-tabs .more-actions-button {
    display: inline-block;
    margin-top: 1px;
    padding: 0; }
  .tab-container.horizontal .more-text,
  .tab-container.header-tabs .more-text {
    display: none; }
  .tab-container.horizontal .tab-list-container,
  .tab-container.header-tabs .tab-list-container {
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    width: calc(100% - 51px); }
  .tab-container.horizontal .tab-list-container::-webkit-scrollbar,
  .tab-container.header-tabs .tab-list-container::-webkit-scrollbar {
    display: none; }
  .tab-container.horizontal.has-add-button .tab-list-container,
  .tab-container.header-tabs.has-add-button .tab-list-container {
    width: calc(100% - 102px); }
  .tab-container.horizontal.has-more-actions .tab-list-container,
  .tab-container.header-tabs.has-more-actions .tab-list-container {
    width: calc(100% - 92px); }
  .tab-container.horizontal.has-add-button.has-more-actions .tab-list-container,
  .tab-container.header-tabs.has-add-button.has-more-actions .tab-list-container {
    width: calc(100% - 132px); }
  .tab-container.horizontal > .tab-list-container,
  .tab-container.header-tabs > .tab-list-container {
    margin-bottom: -42px; }
    .tab-container.horizontal > .tab-list-container > .tab-list,
    .tab-container.header-tabs > .tab-list-container > .tab-list {
      display: inline-block;
      height: inherit;
      white-space: nowrap; }
    .tab-container.horizontal > .tab-list-container .tab,
    .tab-container.header-tabs > .tab-list-container .tab {
      -webkit-transition: background-color 0.25s ease;
      -moz-transition: background-color 0.25s ease;
      -o-transition: background-color 0.25s ease;
      -ms-transition: background-color 0.25s ease;
      transition: background-color 0.25s ease;
      top: 1px;
      border-bottom: 4px solid transparent;
      border-radius: 2px 2px 0 0;
      height: inherit;
      padding: 0; }
      .tab-container.horizontal > .tab-list-container .tab:not(.last-child),
      .tab-container.header-tabs > .tab-list-container .tab:not(.last-child) {
        margin-right: 10px; }
        .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error a[role='tab'], .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-info a[role='tab'], .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-success a[role='tab'], .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-alert a[role='tab'],
        .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error a[role='tab'],
        .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-info a[role='tab'],
        .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-success a[role='tab'],
        .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-alert a[role='tab'] {
          padding: 12px 22px 6px 5px; }
      .tab-container.horizontal > .tab-list-container .tab:not(.is-selected):not(.is-disabled):hover,
      .tab-container.header-tabs > .tab-list-container .tab:not(.is-selected):not(.is-disabled):hover {
        border-bottom: 4px solid #0072ED; }
      .tab-container.horizontal > .tab-list-container .tab:not(.is-disabled).is-selected,
      .tab-container.header-tabs > .tab-list-container .tab:not(.is-disabled).is-selected {
        border-bottom: 4px solid #0072ED; }
      .tab-container.horizontal > .tab-list-container .tab:not(.separator):hover::before,
      .tab-container.header-tabs > .tab-list-container .tab:not(.separator):hover::before {
        background-color: #0072ED;
        width: 100%; }
      .tab-container.horizontal > .tab-list-container .tab:not(.separator):hover:first-child::before, .tab-container.horizontal > .tab-list-container .tab:not(.separator):hover:last-child::before,
      .tab-container.header-tabs > .tab-list-container .tab:not(.separator):hover:first-child::before,
      .tab-container.header-tabs > .tab-list-container .tab:not(.separator):hover:last-child::before {
        width: calc(100% - 1px); }
      .tab-container.horizontal > .tab-list-container .tab.is-focused::after,
      .tab-container.header-tabs > .tab-list-container .tab.is-focused::after {
        border-color: #0072ED; }
      .tab-container.horizontal > .tab-list-container .tab.is-disabled,
      .tab-container.header-tabs > .tab-list-container .tab.is-disabled {
        color: #C5C5C9; }
        .tab-container.horizontal > .tab-list-container .tab.is-disabled::before,
        .tab-container.header-tabs > .tab-list-container .tab.is-disabled::before {
          content: none !important; }
        .tab-container.horizontal > .tab-list-container .tab.is-disabled a,
        .tab-container.horizontal > .tab-list-container .tab.is-disabled:hover a,
        .tab-container.horizontal > .tab-list-container .tab.is-disabled.is-selected a,
        .tab-container.header-tabs > .tab-list-container .tab.is-disabled a,
        .tab-container.header-tabs > .tab-list-container .tab.is-disabled:hover a,
        .tab-container.header-tabs > .tab-list-container .tab.is-disabled.is-selected a {
          cursor: default; }
      .tab-container.horizontal > .tab-list-container .tab.dismissible,
      .tab-container.header-tabs > .tab-list-container .tab.dismissible {
        padding-right: 10px; }
        .tab-container.horizontal > .tab-list-container .tab.dismissible .icon,
        .tab-container.header-tabs > .tab-list-container .tab.dismissible .icon {
          position: relative; }
          .tab-container.horizontal > .tab-list-container .tab.dismissible .icon.close,
          .tab-container.header-tabs > .tab-list-container .tab.dismissible .icon.close {
            height: 10px;
            margin-left: -3px;
            margin-top: 2px;
            padding-right: 0;
            right: -1px;
            top: 1px;
            z-index: 10; }
          .tab-container.horizontal > .tab-list-container .tab.dismissible .icon.icon-error,
          .tab-container.header-tabs > .tab-list-container .tab.dismissible .icon.icon-error {
            height: 16px;
            right: -9px;
            top: -1px;
            width: 16px; }
      .tab-container.horizontal > .tab-list-container .tab.has-popupmenu .icon,
      .tab-container.header-tabs > .tab-list-container .tab.has-popupmenu .icon {
        height: 16px;
        margin: 3px 0 0 -5px;
        position: static;
        width: 32px; }
      .tab-container.horizontal > .tab-list-container .tab.has-popupmenu .icon-error,
      .tab-container.horizontal > .tab-list-container .tab.has-popupmenu .icon-info,
      .tab-container.horizontal > .tab-list-container .tab.has-popupmenu .icon-alert,
      .tab-container.header-tabs > .tab-list-container .tab.has-popupmenu .icon-error,
      .tab-container.header-tabs > .tab-list-container .tab.has-popupmenu .icon-info,
      .tab-container.header-tabs > .tab-list-container .tab.has-popupmenu .icon-alert {
        height: 14px;
        position: relative;
        right: 26px;
        top: 0;
        width: 16px; }
      .tab-container.horizontal > .tab-list-container .tab.has-popupmenu.is-error .icon-more.icon,
      .tab-container.header-tabs > .tab-list-container .tab.has-popupmenu.is-error .icon-more.icon {
        position: relative;
        right: -13px; }
      .tab-container.horizontal > .tab-list-container .tab a,
      .tab-container.header-tabs > .tab-list-container .tab a {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: inherit;
        font-size: 1.6rem;
        font-weight: 400;
        text-decoration: none; }
        .tab-container.horizontal > .tab-list-container .tab a > *,
        .tab-container.header-tabs > .tab-list-container .tab a > * {
          line-height: 1.14; }
        .tab-container.horizontal > .tab-list-container .tab a span,
        .tab-container.header-tabs > .tab-list-container .tab a span {
          color: inherit; }
      .tab-container.horizontal > .tab-list-container .tab .count,
      .tab-container.header-tabs > .tab-list-container .tab .count {
        display: block;
        font-size: 180%; }
      .tab-container.horizontal > .tab-list-container .tab .icon-error,
      .tab-container.horizontal > .tab-list-container .tab .icon-info,
      .tab-container.horizontal > .tab-list-container .tab .icon-alert,
      .tab-container.horizontal > .tab-list-container .tab .icon-success,
      .tab-container.header-tabs > .tab-list-container .tab .icon-error,
      .tab-container.header-tabs > .tab-list-container .tab .icon-info,
      .tab-container.header-tabs > .tab-list-container .tab .icon-alert,
      .tab-container.header-tabs > .tab-list-container .tab .icon-success {
        color: #DA1217;
        height: 14px;
        position: absolute;
        right: 1px;
        top: 13px;
        width: 18px; }
    .tab-container.horizontal > .tab-list-container .separator,
    .tab-container.header-tabs > .tab-list-container .separator {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: default;
      display: inline-block;
      height: 24px;
      margin: 0 12px;
      padding: 0;
      position: relative;
      vertical-align: middle; }
      .tab-container.horizontal > .tab-list-container .separator::before,
      .tab-container.header-tabs > .tab-list-container .separator::before {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        border-left: 1px solid #C5C5C9;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 1px; }
      .tab-container.horizontal > .tab-list-container .separator::after,
      .tab-container.header-tabs > .tab-list-container .separator::after {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        display: none; }
      .tab-container.horizontal > .tab-list-container .separator:hover,
      .tab-container.header-tabs > .tab-list-container .separator:hover {
        background-color: transparent; }
      .tab-container.horizontal > .tab-list-container .separator:hover::before,
      .tab-container.header-tabs > .tab-list-container .separator:hover::before {
        background-color: transparent; }
  .tab-container.horizontal.is-disabled,
  .tab-container.header-tabs.is-disabled {
    color: #C5C5C9; }
    .tab-container.horizontal.is-disabled label,
    .tab-container.horizontal.is-disabled .label,
    .tab-container.header-tabs.is-disabled label,
    .tab-container.header-tabs.is-disabled .label {
      color: inherit; }
    .tab-container.horizontal.is-disabled h1,
    .tab-container.horizontal.is-disabled h2,
    .tab-container.horizontal.is-disabled h3,
    .tab-container.horizontal.is-disabled h4,
    .tab-container.horizontal.is-disabled p,
    .tab-container.header-tabs.is-disabled h1,
    .tab-container.header-tabs.is-disabled h2,
    .tab-container.header-tabs.is-disabled h3,
    .tab-container.header-tabs.is-disabled h4,
    .tab-container.header-tabs.is-disabled p {
      color: inherit; }
    .tab-container.horizontal.is-disabled .tab-list,
    .tab-container.header-tabs.is-disabled .tab-list {
      border-bottom-color: #C5C5C9; }
    .tab-container.horizontal.is-disabled .tab,
    .tab-container.horizontal.is-disabled .separator,
    .tab-container.header-tabs.is-disabled .tab,
    .tab-container.header-tabs.is-disabled .separator {
      cursor: default; }
    .tab-container.horizontal.is-disabled .tab,
    .tab-container.header-tabs.is-disabled .tab {
      color: #C5C5C9 !important; }
      .tab-container.horizontal.is-disabled .tab::before,
      .tab-container.header-tabs.is-disabled .tab::before {
        content: none !important; }
      .tab-container.horizontal.is-disabled .tab > a,
      .tab-container.horizontal.is-disabled .tab:hover > a,
      .tab-container.horizontal.is-disabled .tab.is-selected > a,
      .tab-container.horizontal.is-disabled .tab .count,
      .tab-container.header-tabs.is-disabled .tab > a,
      .tab-container.header-tabs.is-disabled .tab:hover > a,
      .tab-container.header-tabs.is-disabled .tab.is-selected > a,
      .tab-container.header-tabs.is-disabled .tab .count {
        color: #C5C5C9 !important;
        cursor: default; }
      .tab-container.horizontal.is-disabled .tab .icon,
      .tab-container.header-tabs.is-disabled .tab .icon {
        color: #C5C5C9 !important; }
    .tab-container.horizontal.is-disabled .separator::before,
    .tab-container.header-tabs.is-disabled .separator::before {
      border-left-color: #C5C5C9; }
    .tab-container.horizontal.is-disabled .animated-bar,
    .tab-container.header-tabs.is-disabled .animated-bar {
      background-color: rgba(197, 197, 201, 0); }
      .tab-container.horizontal.is-disabled .animated-bar.visible,
      .tab-container.header-tabs.is-disabled .animated-bar.visible {
        background-color: #c5c5c9; }

html.theme-classic-light .tab-container.alternate.header-tabs > .tab-list-container .tab.is-disabled {
  color: #C5C5C9; }

html.theme-classic-dark .tab-container.alternate.header-tabs > .tab-list-container .tab.is-disabled {
  color: rgba(255, 255, 255, 0.2); }

html.theme-classic-contrast .tab-container.alternate.header-tabs > .tab-list-container .tab.is-disabled {
  color: rgba(255, 255, 255, 0.4); }

.tab-list-spillover li a > .count {
  display: none; }

.popupmenu.tab-list-spillover .icon.icon-error, .popupmenu.tab-list-spillover .icon.icon-info, .popupmenu.tab-list-spillover .icon.icon-alert,
.popupmenu.dropdown-tab .icon.icon-error,
.popupmenu.dropdown-tab .icon.icon-info,
.popupmenu.dropdown-tab .icon.icon-alert {
  height: 14px;
  left: 7px;
  top: 9px;
  width: 14px; }

.popupmenu.tab-list-spillover li.dismissible > a,
.popupmenu.dropdown-tab li.dismissible > a {
  padding-right: 40px; }
  .popupmenu.tab-list-spillover li.dismissible > a > .icon.close,
  .popupmenu.dropdown-tab li.dismissible > a > .icon.close {
    display: none;
    height: 14px;
    width: 26px;
    position: absolute;
    right: 5px;
    top: 2px;
    transform: translateY(50%); }

.popupmenu.tab-list-spillover li.dismissible.is-focused > a > .icon.close,
.popupmenu.dropdown-tab li.dismissible.is-focused > a > .icon.close {
  background-color: #E0E0E1;
  display: inline-block; }

.ios .popupmenu.tab-list-spillover li.dismissible > a > .icon.close,
.ios .popupmenu.dropdown-tab li.dismissible > a > .icon.close,
.android .popupmenu.tab-list-spillover li.dismissible > a > .icon.close,
.android .popupmenu.dropdown-tab li.dismissible > a > .icon.close {
  display: inline-block;
  position: absolute; }

.ios .tab > a {
  pointer-events: none; }

.ios .tab > .icon {
  pointer-events: initial; }

.has-more-button.tab-container.horizontal:not(.header-tabs)::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  height: 39px; }

.tab-container.horizontal {
  border-bottom: 1px solid #C5C5C9; }
  .tab-container.horizontal::before {
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    height: 39px; }
  .tab-container.horizontal.alternate {
    background-color: #ffffff;
    border-bottom-color: #C5C5C9; }
    .tab-container.horizontal.alternate::before {
      background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
    .tab-container.horizontal.alternate::after {
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
  .tab-container.horizontal .tab-list-info {
    display: none; }
  .tab-container.horizontal > .tab-list-container .icon:not(.icon-error) {
    color: #ffffff; }
  .tab-container.horizontal > .tab-list-container .tab {
    color: #525257; }
    .tab-container.horizontal > .tab-list-container .tab a {
      padding: 11px 11px 8px; }
    .tab-container.horizontal > .tab-list-container .tab svg.icon {
      color: #525257; }
    .tab-container.horizontal > .tab-list-container .tab:not(.is-disabled):hover {
      color: #0072ED; }
      .tab-container.horizontal > .tab-list-container .tab:not(.is-disabled):hover .icon:not(.is-error):not(.icon-error) {
        color: #0072ED; }
    .tab-container.horizontal > .tab-list-container .tab:not(.is-disabled).is-selected {
      color: #0072ED; }
      .tab-container.horizontal > .tab-list-container .tab:not(.is-disabled).is-selected .icon:not(.is-error):not(.icon-error) {
        color: #0072ED; }
  .tab-container.horizontal .tab-more,
  .tab-container.horizontal .add-tab-button {
    background-color: transparent;
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 12px; }
    .tab-container.horizontal .tab-more .icon,
    .tab-container.horizontal .add-tab-button .icon {
      color: #525257; }
    .tab-container.horizontal .tab-more:hover,
    .tab-container.horizontal .add-tab-button:hover {
      color: #0072ED; }
      .tab-container.horizontal .tab-more:hover .icon:not(.is-error):not(.icon-error),
      .tab-container.horizontal .add-tab-button:hover .icon:not(.is-error):not(.icon-error) {
        color: #0072ED; }
    .tab-container.horizontal .tab-more.is-open, .tab-container.horizontal .tab-more.is-selected,
    .tab-container.horizontal .add-tab-button.is-open,
    .tab-container.horizontal .add-tab-button.is-selected {
      color: #0072ED; }
      .tab-container.horizontal .tab-more.is-open span, .tab-container.horizontal .tab-more.is-selected span,
      .tab-container.horizontal .add-tab-button.is-open span,
      .tab-container.horizontal .add-tab-button.is-selected span {
        text-decoration: none; }
      .tab-container.horizontal .tab-more.is-open .icon:not(.is-error):not(.icon-error), .tab-container.horizontal .tab-more.is-selected .icon:not(.is-error):not(.icon-error),
      .tab-container.horizontal .add-tab-button.is-open .icon:not(.is-error):not(.icon-error),
      .tab-container.horizontal .add-tab-button.is-selected .icon:not(.is-error):not(.icon-error) {
        color: #0072ED; }
  .tab-container.horizontal .add-tab-button {
    color: #525257;
    top: 9px; }
  .tab-container.horizontal .tab-more {
    padding: 12px 4px 11px 14px; }
    .tab-container.horizontal .tab-more::before {
      background-color: rgba(197, 197, 201, 0.8);
      content: '';
      display: inline-block;
      height: 30px;
      left: 7px;
      position: absolute;
      top: 4px;
      width: 1px; }
  .tab-container.horizontal .animated-bar {
    top: 36px; }
  .tab-container.horizontal.has-counts .tab a {
    padding: 9px 11px 6px; }
  .tab-container.horizontal.has-counts .tab.dismissible .icon {
    position: static; }
  .tab-container.horizontal.has-counts .animated-bar {
    top: 61px; }
  .tab-container.horizontal.has-counts .tab-more {
    padding: 24px 0 24px 14px; }
    .tab-container.horizontal.has-counts .tab-more::before {
      height: 50px; }
  .tab-container.horizontal.has-counts .separator {
    height: 50px; }
  .tab-container.horizontal + .tab-panel-container {
    margin-bottom: 20px; }

.tab-panel-container .info-message .icon-info.icon {
  color: #0064D4 !important; }

.tab-panel-container .info-message .message-text {
  color: #0064D4 !important; }

html[dir='rtl'] .tab-container.horizontal::before {
  background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }

html[dir='rtl'] .tab-container.horizontal::after {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }

html[dir='rtl'] .tab-container.horizontal.alternate::before {
  background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }

html[dir='rtl'] .tab-container.horizontal.alternate::after {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }

html[dir='rtl'] .tab-container.horizontal .add-tab-button {
  top: 7px; }
  html[dir='rtl'] .tab-container.horizontal .add-tab-button svg.icon {
    top: 1px; }

.modal.contextual-action-panel.tabs-modal .modal-body {
  padding: 0; }
  .modal.contextual-action-panel.tabs-modal .modal-body .tab-container.vertical {
    z-index: 3; }
    .modal.contextual-action-panel.tabs-modal .modal-body .tab-container.vertical .tab-list-container > .tab-focus-indicator.is-visible {
      border-color: transparent;
      box-shadow: none; }
  .modal.contextual-action-panel.tabs-modal .modal-body .tab-panel-container {
    scrollbar-width: none;
    -ms-overflow-style: none; }
    .modal.contextual-action-panel.tabs-modal .modal-body .tab-panel-container::-webkit-scrollbar {
      width: 0; }
    .modal.contextual-action-panel.tabs-modal .modal-body .tab-panel-container .tab-panel {
      margin-top: 30px;
      padding: 0 15px; }

.modal.contextual-action-panel.tabs-modal.display-fullsize .tab-container.vertical {
  height: 100vh;
  overflow: hidden; }
  .modal.contextual-action-panel.tabs-modal.display-fullsize .tab-container.vertical .tab-list-container {
    height: 100vh; }

.modal.contextual-action-panel.tabs-modal.display-fullsize .tab-panel-container {
  height: 100vh; }

@media (min-width: 767px) {
  .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body {
    min-height: 700px;
    position: relative; } }

@media only screen and (max-height: 820px) {
  .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body {
    min-height: 600px; } }

@media only screen and (max-height: 720px) {
  .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body {
    min-height: 550px; } }

@media (min-width: 767px) {
  .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body .tab-container.vertical {
    height: 100%;
    position: absolute; } }

@media screen and (min-width: 767px) and (max-width: 1040px) {
  .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body .tab-container.vertical {
    height: 90vh; } }

.modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body .tab-container.vertical .tab-list-container {
  min-height: 600px; }

@media (min-width: 767px) {
  .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body .tab-panel-container {
    max-height: 700px;
    min-width: 400px;
    padding-left: 260px;
    width: 100%; } }
  @media only screen and (min-width: 767px) and (max-height: 820px) {
    .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body .tab-panel-container {
      max-height: 600px; } }
  @media only screen and (min-width: 767px) and (max-height: 720px) {
    .modal.contextual-action-panel.tabs-modal:not(.display-fullsize) .modal-body .tab-panel-container {
      max-height: 550px; } }

@media (max-width: 766px) {
  .header + .page-container {
    height: calc(100% - 60px);
    margin-top: 0;
    position: relative; } }

.header + .page-container.tab-panel-container {
  position: absolute; }

.tab-list-info {
  font-size: 20px;
  font-size: 2rem;
  color: #161618;
  padding: 10px 30px; }
  .tab-list-info:first-child {
    padding-top: 10px; }
  .tab-list-info h2 {
    font-size: 20px;
    font-size: 2rem; }

.tab-container.vertical .tab-panel-container {
  height: inherit; }
  .tab-container.vertical .tab-panel-container.no-scroll .tab-panel {
    padding-left: 0;
    padding-right: 0; }
  @media (max-width: 766px) {
    .tab-container.vertical .tab-panel-container .tab-panel {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 766px) {
    .tab-container.vertical .tab-panel-container .tab-panel p:last-child {
      padding-bottom: 10px; } }

.tab-container.vertical {
  background-color: #ffffff;
  display: inline-block;
  margin-top: 0;
  min-height: 200px;
  min-width: 250px;
  position: relative; }
  .tab-container.vertical > .tab-list,
  .tab-container.vertical > .tab-list-container {
    background-color: #ffffff;
    border-right: 1px solid #E0E0E1;
    display: inline-block;
    padding-top: 20px;
    vertical-align: top;
    width: 250px; }
  .tab-container.vertical > .tab-list-container > .tab-list > .tab {
    width: 100%; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab a {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -moz-touch-callout: none;
      -o-touch-callout: none;
      -ms-touch-callout: none;
      touch-callout: none;
      color: #161618;
      display: block;
      font-size: 1.6rem; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab a .icon {
        color: #161618; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab:not(.is-disabled):hover {
      background-color: #E0E0E1; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected {
      background-color: #0072ED; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected a {
        color: #ffffff; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected:hover {
        background-color: #0072ED; }
        .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected:hover a {
          color: #ffffff; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-disabled {
      color: #C5C5C9; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-disabled > a,
      .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-disabled:hover > a,
      .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-disabled.is-selected > a,
      .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-disabled .count {
        color: #C5C5C9 !important;
        cursor: default; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-disabled:hover {
        cursor: default; }
        .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-disabled:hover::before {
          content: none !important; }
  .tab-container.vertical > .tab-list-container > .tab-list > .tab a {
    padding: 10px 30px; }
  .tab-container.vertical > .tab-list-container > .tab-list > .tab .icon-error,
  .tab-container.vertical > .tab-list-container > .tab-list > .tab .icon-info,
  .tab-container.vertical > .tab-list-container > .tab-list > .tab .icon-alert {
    height: 18px;
    left: 6px;
    position: absolute;
    top: calc(50% - 9px);
    width: 18px; }
  .tab-container.vertical > .tab-list-container.scrollable, .tab-container.vertical > .tab-list-container.scrollable-x, .tab-container.vertical > .tab-list-container.scrollable-y {
    height: 100%; }
  .tab-container.vertical > .tab-list-container.no-scroll {
    overflow: hidden; }
  .tab-container.vertical > .tab-panel-container,
  .tab-container.vertical + .tab-panel-container {
    background-color: #ffffff;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: calc(100% - 250px); }
    .tab-container.vertical > .tab-panel-container.scrollable, .tab-container.vertical > .tab-panel-container.scrollable-x, .tab-container.vertical > .tab-panel-container.scrollable-y,
    .tab-container.vertical + .tab-panel-container.scrollable,
    .tab-container.vertical + .tab-panel-container.scrollable-x,
    .tab-container.vertical + .tab-panel-container.scrollable-y {
      height: 100%; }
    .tab-container.vertical > .tab-panel-container.no-scroll,
    .tab-container.vertical + .tab-panel-container.no-scroll {
      overflow: hidden; }
  .tab-container.vertical > .tab-list {
    height: 100%; }
    .tab-container.vertical > .tab-list > .tab {
      width: 100%; }
      .tab-container.vertical > .tab-list > .tab a {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -moz-touch-callout: none;
        -o-touch-callout: none;
        -ms-touch-callout: none;
        touch-callout: none;
        color: #161618;
        display: block;
        font-size: 1.6rem; }
        .tab-container.vertical > .tab-list > .tab a .icon {
          color: #161618; }
      .tab-container.vertical > .tab-list > .tab:not(.is-disabled):hover {
        background-color: #E0E0E1; }
      .tab-container.vertical > .tab-list > .tab.is-selected {
        background-color: #0072ED; }
        .tab-container.vertical > .tab-list > .tab.is-selected a {
          color: #ffffff; }
        .tab-container.vertical > .tab-list > .tab.is-selected:hover {
          background-color: #0072ED; }
          .tab-container.vertical > .tab-list > .tab.is-selected:hover a {
            color: #ffffff; }
      .tab-container.vertical > .tab-list > .tab.is-disabled {
        color: #C5C5C9; }
        .tab-container.vertical > .tab-list > .tab.is-disabled > a,
        .tab-container.vertical > .tab-list > .tab.is-disabled:hover > a,
        .tab-container.vertical > .tab-list > .tab.is-disabled.is-selected > a,
        .tab-container.vertical > .tab-list > .tab.is-disabled .count {
          color: #C5C5C9 !important;
          cursor: default; }
        .tab-container.vertical > .tab-list > .tab.is-disabled:hover {
          cursor: default; }
          .tab-container.vertical > .tab-list > .tab.is-disabled:hover::before {
            content: none !important; }
    .tab-container.vertical > .tab-list > .tab a {
      padding: 10px 30px; }
  .tab-container.vertical .tab-panel {
    display: none;
    margin: 30px;
    padding-top: 0;
    vertical-align: top; }
    .tab-container.vertical .tab-panel.can-show {
      display: inline-block;
      min-width: calc(100% - 60px); }
    .tab-container.vertical .tab-panel h3 {
      margin-bottom: 20px; }
  .tab-container.vertical::after {
    clear: both;
    content: '';
    display: table-cell; }
  .tab-container.vertical .info {
    font-size: 16px;
    font-size: 1.6rem;
    display: none;
    line-height: 32px;
    padding: 1em;
    position: relative; }
    .tab-container.vertical .info .btn-actions {
      position: absolute;
      right: 1.2em;
      top: 1.2em; }
  .tab-container.vertical > .tab-focus-indicator,
  .tab-container.vertical > .tab-list-container > .tab-focus-indicator {
    border-radius: 0; }

.page-container > .tab-container.vertical,
.tab-container.vertical .tab-panel > .tab-container.vertical {
  height: 100%;
  overflow: auto; }
  .page-container > .tab-container.vertical:only-child,
  .tab-container.vertical .tab-panel > .tab-container.vertical:only-child {
    width: 100%; }
  .page-container > .tab-container.vertical > .tab-list-container,
  .page-container > .tab-container.vertical > .tab-panel-container,
  .page-container > .tab-container.vertical + .tab-panel-container,
  .tab-container.vertical .tab-panel > .tab-container.vertical > .tab-list-container,
  .tab-container.vertical .tab-panel > .tab-container.vertical > .tab-panel-container,
  .tab-container.vertical .tab-panel > .tab-container.vertical + .tab-panel-container {
    min-height: 100%; }
  .page-container > .tab-container.vertical + .tab-panel-container > .tab-panel,
  .tab-container.vertical .tab-panel > .tab-container.vertical + .tab-panel-container > .tab-panel {
    margin-top: 30px;
    padding: 0 15px; }

html[dir='rtl'] .tab-container.vertical .tab.is-error .icon-error {
  left: 224px; }

html[dir='rtl'] .tab-container.vertical > .tab-list-container {
  border-right: 0;
  border-left: 1px solid #E0E0E1; }

.tab-container.header-tabs {
  height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 20px; }
  .tab-container.header-tabs::before {
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    left: 20px; }
  .tab-container.header-tabs::after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
  .tab-container.header-tabs .tab-list-info {
    display: none; }
  .tab-container.header-tabs > .tab-list-container {
    border-bottom: 0; }
    .tab-container.header-tabs > .tab-list-container .tab {
      overflow: hidden; }
      .tab-container.header-tabs > .tab-list-container .tab:not(.is-disabled) {
        color: #8E8E95;
        font-weight: 600; }
      .tab-container.header-tabs > .tab-list-container .tab::before {
        background-color: rgba(142, 142, 149, 0);
        bottom: 0; }
      .tab-container.header-tabs > .tab-list-container .tab a {
        overflow: hidden;
        padding: 14px 11px 9px;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .tab-container.header-tabs > .tab-list-container .tab:first-child {
        padding-left: 0; }
      .tab-container.header-tabs > .tab-list-container .tab:hover:not(.is-disabled) {
        color: #161618; }
        .tab-container.header-tabs > .tab-list-container .tab:hover:not(.is-disabled)::before {
          background-color: #161618; }
        .tab-container.header-tabs > .tab-list-container .tab:hover:not(.is-disabled) .icon:not(.is-error):not(.icon-error) {
          color: #161618; }
      .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled) {
        color: #161618; }
        .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled)::before {
          background-color: #161618; }
        .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled):hover {
          color: #161618; }
          .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled):hover::before {
            background-color: #161618; }
      .tab-container.header-tabs > .tab-list-container .tab.is-disabled {
        color: #C5C5C9;
        opacity: 0.8; }
      .tab-container.header-tabs > .tab-list-container .tab.dismissible .icon {
        color: #ffffff;
        opacity: 0.6; }
      .tab-container.header-tabs > .tab-list-container .tab.dismissible:hover .icon:not(.is-error):not(.icon-error), .tab-container.header-tabs > .tab-list-container .tab.dismissible.is-selected .icon:not(.is-error):not(.icon-error) {
        color: #ffffff;
        opacity: 1; }
  .tab-container.header-tabs .animated-bar {
    background-color: #161618;
    margin-top: 8px; }
  .tab-container.header-tabs .tab-focus-indicator.is-visible {
    border-color: #0072ED; }
  .tab-container.header-tabs .tab-more,
  .tab-container.header-tabs .add-tab-button {
    color: #8E8E95; }
    .tab-container.header-tabs .tab-more span,
    .tab-container.header-tabs .add-tab-button span {
      color: inherit; }
    .tab-container.header-tabs .tab-more .icon,
    .tab-container.header-tabs .add-tab-button .icon {
      color: #8E8E95;
      inset-inline-start: 5px;
      top: -2px; }
    .tab-container.header-tabs .tab-more:hover,
    .tab-container.header-tabs .add-tab-button:hover {
      color: #161618; }
      .tab-container.header-tabs .tab-more:hover .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs .add-tab-button:hover .icon:not(.is-error):not(.icon-error) {
        color: #161618; }
    .tab-container.header-tabs .tab-more.is-open, .tab-container.header-tabs .tab-more.is-selected,
    .tab-container.header-tabs .add-tab-button.is-open,
    .tab-container.header-tabs .add-tab-button.is-selected {
      color: #F5F5F5; }
      .tab-container.header-tabs .tab-more.is-open .icon:not(.is-error):not(.icon-error), .tab-container.header-tabs .tab-more.is-selected .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs .add-tab-button.is-open .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs .add-tab-button.is-selected .icon:not(.is-error):not(.icon-error) {
        color: #F5F5F5; }
  .tab-container.header-tabs .tab-more {
    padding: 12px 4px 11px 14px; }
    .tab-container.header-tabs .tab-more::before {
      background-color: #B1B1B1;
      content: '';
      display: inline-block;
      height: 30px;
      left: 7px;
      position: absolute;
      top: 4px;
      width: 1px; }
  .tab-container.header-tabs .add-tab-button {
    padding: 8px 4px 5px; }
  .tab-container.header-tabs.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #C5C5C9; }
    .tab-container.header-tabs.alternate::before, .tab-container.header-tabs.alternate::after {
      height: 39px; }
    .tab-container.header-tabs.alternate::before {
      background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
    .tab-container.header-tabs.alternate::after {
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
    .tab-container.header-tabs.alternate > .tab-list-container {
      height: 40px; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab {
        color: #6F6F76; }
        .tab-container.header-tabs.alternate > .tab-list-container .tab::before {
          background-color: rgba(111, 111, 118, 0);
          bottom: 1px; }
        .tab-container.header-tabs.alternate > .tab-list-container .tab a {
          padding: 12px 11px; }
        .tab-container.header-tabs.alternate > .tab-list-container .tab:hover:not(.is-disabled) {
          color: #28282A; }
          .tab-container.header-tabs.alternate > .tab-list-container .tab:hover:not(.is-disabled)::before {
            background-color: #28282a; }
        .tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled) {
          color: #0072ED; }
          .tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled)::before {
            background-color: #0072ed; }
          .tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled) .icon:not(.is-error):not(.icon-error) {
            color: #0072ED; }
    .tab-container.header-tabs.alternate .animated-bar {
      background-color: #0072ed;
      margin-top: 0;
      top: 36px; }
    .tab-container.header-tabs.alternate .tab-focus-indicator.is-visible {
      border-color: #0072ED;
      box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.3); }
    .tab-container.header-tabs.alternate .tab-more {
      color: #6F6F76; }
      .tab-container.header-tabs.alternate .tab-more::before {
        background-color: #B1B1B1; }
      .tab-container.header-tabs.alternate .tab-more .icon {
        color: #6F6F76; }
      .tab-container.header-tabs.alternate .tab-more:hover {
        color: #28282A; }
        .tab-container.header-tabs.alternate .tab-more:hover .icon:not(.is-error):not(.icon-error) {
          color: #28282A; }
      .tab-container.header-tabs.alternate .tab-more.is-selected, .tab-container.header-tabs.alternate .tab-more.is-open {
        color: #0072ED; }
        .tab-container.header-tabs.alternate .tab-more.is-selected .icon:not(.is-error):not(.icon-error), .tab-container.header-tabs.alternate .tab-more.is-open .icon:not(.is-error):not(.icon-error) {
          color: #0072ED; }

.tab-container.header-tabs:not(.alternate) > .tab-list-container .tab-focus-indicator {
  margin-top: 2px !important; }

.tab-container.header-tabs:not(.alternate) > .tab-list-container .tab {
  top: -2px; }
  .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab:not(.is-disabled):not(.is-selected):hover {
    color: #161618;
    border-bottom: 4px solid #000000;
    background-color: #E0E0E1; }
  .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab:not(.is-disabled).is-selected {
    color: #F5F5F5;
    border-bottom: 4px solid #F5F5F5; }

html[dir='rtl'] .tab-container.header-tabs {
  padding: 0 20px 0 0; }
  html[dir='rtl'] .tab-container.header-tabs::before {
    background-image: linear-gradient(to left, #0072ed, rgba(0, 114, 237, 0));
    left: auto;
    right: 20px; }
  html[dir='rtl'] .tab-container.header-tabs::after {
    background-image: linear-gradient(to left, rgba(0, 114, 237, 0), #0072ed);
    left: 51px;
    right: auto; }
  html[dir='rtl'] .tab-container.header-tabs.alternate::before {
    background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }
  html[dir='rtl'] .tab-container.header-tabs.alternate::after {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }

html.theme-classic-dark .tab-container.header-tabs.alternate::after {
  background-image: linear-gradient(to right, rgba(28, 24, 25, 0), #50535a); }

.tab-container.module-tabs {
  -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: #0054B1;
  border-bottom: 1px solid #C5C5C9;
  border-top: 1px solid #C5C5C9;
  font-size: 0;
  height: 36px;
  overflow: hidden; }
  .tab-container.module-tabs::before {
    content: '';
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    visibility: hidden;
    width: 1px; }
  .tab-container.module-tabs > * {
    display: inline-block;
    vertical-align: middle; }
  .tab-container.module-tabs [class^='btn'] {
    background-color: #0054B1;
    border: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.6rem;
    min-width: 0; }
    .tab-container.module-tabs [class^='btn'] > * {
      display: inline-block;
      vertical-align: middle; }
    .tab-container.module-tabs [class^='btn'] .icon {
      color: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs [class^='btn'] span {
      color: inherit; }
    .tab-container.module-tabs [class^='btn']:focus {
      box-shadow: none; }
  .tab-container.module-tabs .icon.app-header {
    left: -5px;
    position: relative;
    top: -8px; }
    .tab-container.module-tabs .icon.app-header span:not(.audible) {
      background-color: rgba(255, 255, 255, 0.85); }
  .tab-container.module-tabs .tab-list-container {
    position: absolute;
    width: calc(100% - 1px); }
    .tab-container.module-tabs .tab-list-container .tab-list {
      height: 34px;
      overflow: hidden;
      width: inherit; }
      .tab-container.module-tabs .tab-list-container .tab-list.has-arrange-placeholder .tab:hover {
        background-color: #0054B1; }
  .tab-container.module-tabs .tab-list-info {
    display: none; }
  .tab-container.module-tabs .tab-list {
    height: 34px;
    overflow: hidden;
    width: calc(100% - 1px); }
    .tab-container.module-tabs .tab-list.has-arrange-placeholder .tab:hover {
      background-color: #0054B1; }
  .tab-container.module-tabs.has-toolbar .tab-list-container {
    width: calc(70% - 1px); }
    .tab-container.module-tabs.has-toolbar .tab-list-container + .toolbar {
      border-left: 1px solid #ffffff;
      float: right;
      text-align: right;
      width: calc(30% - 1px); }
  .tab-container.module-tabs .toolbar-searchfield-wrapper .btn-icon.close .icon.close {
    top: 0; }
  .tab-container.module-tabs .toolbar-searchfield-wrapper.has-focus.active.has-categories .searchfield.no-animation {
    border-bottom-color: transparent;
    border-top-color: transparent; }
  .tab-container.module-tabs .separator {
    display: none !important; }
  .tab-container.module-tabs .tab {
    -webkit-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-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), border-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), border-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), border-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), border-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.6rem;
    overflow: hidden;
    text-align: center; }
    .tab-container.module-tabs .tab .icon {
      color: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs .tab:not(:first-child) {
      border-left: 1px solid #ffffff; }
    .tab-container.module-tabs .tab:not(.application-menu-trigger) {
      min-width: 135px; }
    .tab-container.module-tabs .tab::before {
      display: none !important; }
    .tab-container.module-tabs .tab::after {
      display: none !important; }
    .tab-container.module-tabs .tab a {
      float: left;
      font-size: 1.6rem;
      font-weight: 600;
      margin: 0 auto;
      overflow: hidden;
      padding: 10px;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media (max-width: 375px) {
        .tab-container.module-tabs .tab a {
          width: 95px !important; } }
      @media (min-width: 380px) {
        .tab-container.module-tabs .tab a {
          padding: 10px; } }
      .tab-container.module-tabs .tab a > * {
        display: inline-block;
        vertical-align: middle; }
      .tab-container.module-tabs .tab a > span:not(.icon) {
        font-weight: 600;
        margin-left: 5px; }
    .tab-container.module-tabs .tab.arrange-dragging.is-touch {
      background-color: #0054B1; }
    .tab-container.module-tabs .tab:hover {
      background-color: #E0E0E1;
      color: #ffffff; }
      .tab-container.module-tabs .tab:hover.arrange-dragging.is-touch {
        background-color: #E0E0E1; }
    .tab-container.module-tabs .tab.is-selected {
      background-color: #ffffff;
      color: #0072ED; }
      .tab-container.module-tabs .tab.is-selected.arrange-dragging.is-touch {
        background-color: #ffffff; }
    .tab-container.module-tabs .tab.is-disabled {
      background-color: #0072ED;
      color: #55A3F3; }
      .tab-container.module-tabs .tab.is-disabled:not(:first-child) {
        border-left: 1px solid #55A3F3; }
      .tab-container.module-tabs .tab.is-disabled.is-selected {
        background-color: #0072ED;
        color: #55A3F3; }
      .tab-container.module-tabs .tab.is-disabled:hover {
        background-color: #0072ED;
        color: #55A3F3; }
    .tab-container.module-tabs .tab.dismissible {
      padding-right: 35px; }
      .tab-container.module-tabs .tab.dismissible .icon {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 14px;
        position: absolute;
        right: 10px;
        top: 50%; }
      .tab-container.module-tabs .tab.dismissible a {
        padding: 10px 35px 10px 10px; }
      .tab-container.module-tabs .tab.dismissible svg.close {
        color: rgba(255, 255, 255, 0.85); }
        .tab-container.module-tabs .tab.dismissible svg.close:hover {
          color: #ffffff; }
    .tab-container.module-tabs .tab.application-menu-trigger a {
      padding: 9px 10px 7px; }
  .tab-container.module-tabs .add-tab-button {
    font-size: 4.2rem;
    font-weight: 400;
    height: 34px;
    padding-bottom: 5px;
    padding-top: 1px;
    width: 41px; }
    .tab-container.module-tabs .add-tab-button span {
      font-size: 4.2rem;
      font-weight: 400; }
  .tab-container.module-tabs .tab-focus-indicator {
    border-radius: 0;
    z-index: 10; }
    .tab-container.module-tabs .tab-focus-indicator.is-visible {
      border-color: #ffffff; }
  .tab-container.module-tabs .tab-more {
    width: 70px; }
    @media (min-width: 480px) {
      .tab-container.module-tabs .tab-more {
        width: 120px; } }
  .tab-container.module-tabs .tab-more,
  .tab-container.module-tabs .add-tab-button {
    border-left: 1px solid #ffffff;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.6rem;
    font-weight: 600;
    padding: 8px 10px;
    text-align: center; }
    .tab-container.module-tabs .tab-more .icon,
    .tab-container.module-tabs .add-tab-button .icon {
      color: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs .tab-more .more-text,
    .tab-container.module-tabs .add-tab-button .more-text {
      font-size: 1.6rem;
      font-weight: 600; }
      .tab-container.module-tabs .tab-more .more-text .count,
      .tab-container.module-tabs .add-tab-button .more-text .count {
        font-weight: 600; }
    .tab-container.module-tabs .tab-more.is-selected,
    .tab-container.module-tabs .add-tab-button.is-selected {
      background-color: #ffffff;
      color: #0072ED; }
      .tab-container.module-tabs .tab-more.is-selected .icon,
      .tab-container.module-tabs .add-tab-button.is-selected .icon {
        color: #0072ED; }
    .tab-container.module-tabs .tab-more:hover, .tab-container.module-tabs .tab-more.is-open,
    .tab-container.module-tabs .add-tab-button:hover,
    .tab-container.module-tabs .add-tab-button.is-open {
      background-color: #E0E0E1;
      color: #ffffff; }
      .tab-container.module-tabs .tab-more:hover .icon, .tab-container.module-tabs .tab-more.is-open .icon,
      .tab-container.module-tabs .add-tab-button:hover .icon,
      .tab-container.module-tabs .add-tab-button.is-open .icon {
        color: #ffffff; }
  .tab-container.module-tabs .toolbar {
    margin-bottom: 0;
    overflow: hidden; }
    .tab-container.module-tabs .toolbar .buttonset {
      height: 34px;
      text-align: right; }
      .tab-container.module-tabs .toolbar .buttonset > * {
        margin: 0 5px 0 0; }
    .tab-container.module-tabs .toolbar .more,
    .tab-container.module-tabs .toolbar .more .btn-actions {
      height: 32px; }
    .tab-container.module-tabs .toolbar [class^='btn'],
    .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
      background-color: transparent;
      color: rgba(255, 255, 255, 0.85);
      height: 34px; }
      .tab-container.module-tabs .toolbar [class^='btn']:not(.btn-menu),
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):not(.btn-menu) {
        border-color: transparent; }
      .tab-container.module-tabs .toolbar [class^='btn'] .ripple-effect,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .ripple-effect {
        background-color: #0072ED; }
      .tab-container.module-tabs .toolbar [class^='btn'] .icon,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
        color: rgba(255, 255, 255, 0.85); }
      .tab-container.module-tabs .toolbar [class^='btn'] span,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) span {
        color: inherit; }
      .tab-container.module-tabs .toolbar [class^='btn']:focus, .tab-container.module-tabs .toolbar [class^='btn'].is-selected:focus,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-selected:focus {
        color: #0072ED; }
        .tab-container.module-tabs .toolbar [class^='btn']:focus .icon, .tab-container.module-tabs .toolbar [class^='btn'].is-selected:focus .icon,
        .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus .icon,
        .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-selected:focus .icon {
          color: #0072ED; }
        .tab-container.module-tabs .toolbar [class^='btn']:focus:not(.hide-focus), .tab-container.module-tabs .toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
        .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus),
        .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-selected:focus:not(.hide-focus) {
          border-color: transparent;
          box-shadow: 0 0 0 2px transparent, 0 0 0 1px #ffffff; }
      .tab-container.module-tabs .toolbar [class^='btn'].is-open span,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-open span {
        color: inherit; }
      .tab-container.module-tabs .toolbar [class^='btn'].is-open .icon,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-open .icon {
        color: #0072ED; }
    .tab-container.module-tabs .toolbar .btn-actions {
      min-height: 32px;
      min-width: 32px;
      width: 32px; }
  .tab-container.module-tabs .toolbar-searchfield-wrapper {
    color: #0072ED;
    text-align: right;
    width: calc(100% - 5px) !important; }
    @media (min-width: 1040px) {
      .tab-container.module-tabs .toolbar-searchfield-wrapper {
        width: 274px !important; } }
    .tab-container.module-tabs .toolbar-searchfield-wrapper .icon:not(.error) {
      color: #6F6F76; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield {
      background-color: rgba(40, 40, 42, 0);
      border-bottom-color: rgba(22, 22, 24, 0);
      border-top-color: rgba(40, 40, 42, 0);
      color: rgba(255, 255, 255, 0.85);
      height: 34px; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper [class^='btn'] {
      background-color: #ffffff; }
      .tab-container.module-tabs .toolbar-searchfield-wrapper [class^='btn'].active, .tab-container.module-tabs .toolbar-searchfield-wrapper [class^='btn'].has-focus {
        border-color: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield {
      background-color: #ffffff;
      color: #161618; }
      @media (max-width: 766px) {
        .tab-container.module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield {
          padding-right: 20px; } }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.active .searchfield {
      background-color: #ffffff; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.active .btn {
      border-color: transparent; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-focus .searchfield {
      color: #161618; }
      @media (max-width: 766px) {
        .tab-container.module-tabs .toolbar-searchfield-wrapper.has-focus .searchfield {
          padding-right: 34px; } }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-focus .icon:not(.error) {
      color: #161618; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories {
      width: 101px; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper .btn:focus {
      border-color: #0072ED; }
  .tab-container.module-tabs > .toolbar-searchfield-wrapper.active {
    width: calc(100% - 1px); }
  .tab-container.module-tabs.has-add-button .tab-list {
    width: calc(100% - 39px); }
  .tab-container.module-tabs.has-add-button .add-tab-button {
    height: 34px;
    right: 0;
    top: 0; }
    .tab-container.module-tabs.has-add-button .add-tab-button span:first-child {
      position: relative;
      top: -7px; }
  .tab-container.module-tabs.has-more-button .tab-list {
    width: calc(100% - 70px); }
    @media (min-width: 480px) {
      .tab-container.module-tabs.has-more-button .tab-list {
        width: calc(100% - 120px); } }
  .tab-container.module-tabs.has-more-button .tab-more {
    right: 0;
    top: 0; }
    @media (min-width: 480px) {
      .tab-container.module-tabs.has-more-button .tab-more .more-text {
        display: inline-block; } }
  .tab-container.module-tabs.has-more-button.has-toolbar .tab-list-container {
    width: calc(70% - 1px); }
  .tab-container.module-tabs.has-more-button.has-add-button .tab-list {
    width: calc(100% - 166px); }
  .tab-container.module-tabs.has-more-button.has-add-button .tab-more {
    right: 45px;
    top: 0; }
  .tab-container.module-tabs.is-disabled {
    background-color: #0072ED;
    border-bottom: 1px solid #0066D4;
    border-top: 1px solid #0066D4; }
    .tab-container.module-tabs.is-disabled [class^='btn'] {
      background-color: #0072ED;
      color: #55A3F3; }
      .tab-container.module-tabs.is-disabled [class^='btn'] .icon {
        color: #55A3F3; }
    .tab-container.module-tabs.is-disabled .icon {
      color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .icon.app-header span:not(.audible) {
        background-color: #55A3F3; }
    .tab-container.module-tabs.is-disabled.has-toolbar .tab-list-container + .toolbar {
      border-left: 1px solid #55A3F3; }
    .tab-container.module-tabs.is-disabled .tab {
      color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .tab:not(:first-child) {
        border-left: 1px solid #55A3F3; }
      .tab-container.module-tabs.is-disabled .tab.is-selected {
        background-color: #0072ED;
        color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .tab:hover, .tab-container.module-tabs.is-disabled .tab.is-focused {
        background-color: #0072ED;
        color: #55A3F3; }
    .tab-container.module-tabs.is-disabled .tab-more {
      border-left: 1px solid #55A3F3;
      color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .tab-more .icon {
        color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .tab-more.is-selected {
        background-color: #0072ED;
        color: #55A3F3; }
        .tab-container.module-tabs.is-disabled .tab-more.is-selected .icon {
          color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .tab-more:hover, .tab-container.module-tabs.is-disabled .tab-more.is-focused, .tab-container.module-tabs.is-disabled .tab-more.is-open {
        background-color: #0072ED;
        color: #55A3F3; }
        .tab-container.module-tabs.is-disabled .tab-more:hover .icon, .tab-container.module-tabs.is-disabled .tab-more.is-focused .icon, .tab-container.module-tabs.is-disabled .tab-more.is-open .icon {
          color: #55A3F3; }
    .tab-container.module-tabs.is-disabled .toolbar [class^='btn'],
    .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
      color: #55A3F3;
      cursor: default !important; }
      .tab-container.module-tabs.is-disabled .toolbar [class^='btn']:not(.btn-menu),
      .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):not(.btn-menu) {
        border-color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .toolbar [class^='btn'] .ripple-effect,
      .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .ripple-effect {
        background-color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .toolbar [class^='btn'] .icon,
      .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
        color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .toolbar [class^='btn']:hover,
      .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover {
        color: #55A3F3; }
        .tab-container.module-tabs.is-disabled .toolbar [class^='btn']:hover .icon,
        .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon {
          color: #55A3F3; }
      .tab-container.module-tabs.is-disabled .toolbar [class^='btn']:focus, .tab-container.module-tabs.is-disabled .toolbar [class^='btn'].is-selected:focus,
      .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus,
      .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-selected:focus {
        color: #55A3F3; }
        .tab-container.module-tabs.is-disabled .toolbar [class^='btn']:focus .icon, .tab-container.module-tabs.is-disabled .toolbar [class^='btn'].is-selected:focus .icon,
        .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus .icon,
        .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-selected:focus .icon {
          color: #55A3F3; }
        .tab-container.module-tabs.is-disabled .toolbar [class^='btn']:focus:not(.hide-focus), .tab-container.module-tabs.is-disabled .toolbar [class^='btn'].is-selected:focus:not(.hide-focus),
        .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus),
        .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-selected:focus:not(.hide-focus) {
          border-color: transparent;
          box-shadow: 0 0 0 2px transparent, 0 0 0 1px #55A3F3; }
      .tab-container.module-tabs.is-disabled .toolbar [class^='btn'].is-open .icon,
      .tab-container.module-tabs.is-disabled .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary).is-open .icon {
        color: #55A3F3; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper .icon:not(.error) {
      color: #55A3F3; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper .searchfield {
      background-color: rgba(82, 82, 87, 0);
      border-bottom-color: rgba(82, 82, 87, 0);
      border-top-color: rgba(82, 82, 87, 0);
      color: #55A3F3; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper.active .searchfield {
      background-color: #525257;
      border-bottom-color: #3b3b3f; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper.has-focus .searchfield {
      color: #55A3F3; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper.has-focus .icon:not(.error) {
      color: #55A3F3; }
  .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories .searchfield-category-button {
    padding-right: 5px; }
  .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories .searchfield {
    border: none;
    border-left: 1px solid #BBBBBF; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories .searchfield + .close {
      transform: translateY(50%);
      top: 2px; }
  .tab-container.module-tabs.is-personalizable .toolbar-searchfield-wrapper > svg.icon:not(.close) {
    fill: transparent !important; }

.page-container .tab-container.module-tabs + .tab-panel-container {
  height: calc(100% - 36px); }

.masthead + .tab-container.module-tabs {
  border-top: 1px solid transparent; }

html[dir='rtl'] .tab-container.module-tabs.has-add-button .add-tab-button {
  left: 0;
  right: auto; }

html[dir='rtl'] .tab-container.module-tabs .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  right: calc(300px - 25%); }

html[dir='rtl'] .tab-container.module-tabs:not(:first-child) {
  border-right: 1px solid #ffffff; }

html[dir='rtl'] .tab-container.module-tabs .toolbar-searchfield-wrapper {
  text-align: left; }
  html[dir='rtl'] .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield {
    padding-left: 30px; }
  html[dir='rtl'] .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories .searchfield {
    border: none;
    border-right: 1px solid #BBBBBF; }

html[dir='rtl'] .tab-container.module-tabs.has-more-button .tab-more {
  left: 0;
  right: auto; }

html[dir='rtl'] .tab-container.module-tabs.has-more-button.has-add-button .tab-more {
  left: 45px;
  right: auto; }

html[dir='rtl'] .tab-container.module-tabs.has-more-button.has-add-button .add-tab-button {
  left: 0;
  right: auto; }

html[dir='rtl'] .tab-container.module-tabs .icon.app-header {
  left: auto;
  right: -6px; }

html[dir='rtl'] .tab-container.module-tabs .tab.dismissible {
  padding-right: 0; }
  html[dir='rtl'] .tab-container.module-tabs .tab.dismissible a {
    padding: 10px; }
  html[dir='rtl'] .tab-container.module-tabs .tab.dismissible .icon {
    left: 8px;
    right: auto; }

html[dir='rtl'] .tab-container.module-tabs .tab-list .tab:hover.dismissible svg.icon.close {
  right: auto; }

.ie11 .toolbar-searchfield-wrapper {
  padding-left: 1px; }

.is-firefox .tab-container.module-tabs .add-tab-button span:first-child {
  position: relative;
  top: -3px; }

.is-firefox .tab-container.module-tabs .application-menu-trigger a {
  padding-bottom: 8px;
  padding-top: 8px; }

.is-firefox .tab-container.module-tabs .tab-list .tab:hover.dismissible svg.icon.close {
  right: 12px; }

.is-firefox .tab-container.module-tabs .toolbar-searchfield-wrapper,
.is-firefox .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield {
  height: 34px; }
  .is-firefox .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories,
  .is-firefox .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield.has-categories {
    height: 38px; }

@media (max-width: 766px) {
  .tab-container.module-tabs .tab.application-menu-trigger {
    min-width: 0; }
    .tab-container.module-tabs .tab.application-menu-trigger a > span:not(.icon) {
      margin-left: 0;
      visibility: hidden;
      width: 0; }
  html[dir='rtl'] .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield {
    padding-left: 60px; } }

/**
 * targets toolbar searchfield close button inside of
 * a tab container, with variant wrapped in button
 */
.tab-container > .toolbar > .buttonset > .searchfield-wrapper.toolbar-searchfield-wrapper > .btn-icon.close {
  height: 24px;
  top: 50% !important;
  transform: translateY(-50%);
  width: 24px; }

.layout-embedded .container > .page-container {
  padding: 0 !important; }

.multitabs-container {
  display: flex;
  height: 100%; }

.multitabs-section {
  flex: 1;
  height: 100%; }
  .multitabs-section.is-hidden {
    display: none !important; }
  .multitabs-section + .multitabs-section {
    border-left: 1px solid #525257; }
  .multitabs-section.alternate {
    background-color: #ffffff; }
    .multitabs-section.alternate + .multitabs-section {
      border-left: 1px solid #E0E0E1; }
  .multitabs-section .tab-container.module-tabs + .tab-panel-container {
    height: calc(100% - 36px); }
    .multitabs-section .tab-container.module-tabs + .tab-panel-container .page-container {
      margin-top: 0;
      padding: 15px; }
    .multitabs-section .tab-container.module-tabs + .tab-panel-container .tab-panel {
      height: 100%;
      padding-top: 0; }

html[dir='rtl'] .tab-more,
html[dir='rtl'] .add-tab-button {
  right: auto; }

html[dir='rtl'] .tab-more {
  left: 0; }

html[dir='rtl'] .tab-container.horizontal::before {
  left: auto;
  right: 0; }

html[dir='rtl'] .tab-container.horizontal::after,
html[dir='rtl'] .tab-container.header-tabs::after {
  left: 51px;
  right: auto; }

html[dir='rtl'] .tab-container.horizontal.has-add-button::after,
html[dir='rtl'] .tab-container.header-tabs.has-add-button::after {
  left: 95px; }

html[dir='rtl'] .tab-container.horizontal.has-more-actions::after,
html[dir='rtl'] .tab-container.header-tabs.has-more-actions::after {
  left: 85px; }

html[dir='rtl'] .tab-container.horizontal.has-more-actions.has-more-button.has-add-button::after,
html[dir='rtl'] .tab-container.header-tabs.has-more-actions.has-more-button.has-add-button::after {
  left: 132px;
  right: auto; }

html[dir='rtl'] .tab-container.horizontal .tab:not(.last-child),
html[dir='rtl'] .tab-container.header-tabs .tab:not(.last-child) {
  margin-left: 10px;
  margin-right: inherit; }
  html[dir='rtl'] .tab-container.horizontal .tab:not(.last-child).is-error a[role='tab'],
  html[dir='rtl'] .tab-container.header-tabs .tab:not(.last-child).is-error a[role='tab'] {
    padding: 12px 5px 12px 20px; }

html[dir='rtl'] .tab-container.horizontal .tab .icon-error,
html[dir='rtl'] .tab-container.header-tabs .tab .icon-error {
  left: 0;
  right: auto;
  top: 14px; }

html[dir='rtl'] .tab-container.horizontal .tab-more,
html[dir='rtl'] .tab-container.header-tabs .tab-more {
  padding: 10px 11px 11px 0; }
  html[dir='rtl'] .tab-container.horizontal .tab-more::before,
  html[dir='rtl'] .tab-container.header-tabs .tab-more::before {
    left: auto;
    right: 0; }

html[dir='rtl'] .tab-container.horizontal .tab-list-container,
html[dir='rtl'] .tab-container.header-tabs .tab-list-container {
  margin-right: 1px; }
  html[dir='rtl'] .tab-container.horizontal .tab-list-container .tab.dismissible,
  html[dir='rtl'] .tab-container.header-tabs .tab-list-container .tab.dismissible {
    padding-left: 10px;
    padding-right: auto; }
  html[dir='rtl'] .tab-container.horizontal .tab-list-container .tab:not(.last-child),
  html[dir='rtl'] .tab-container.header-tabs .tab-list-container .tab:not(.last-child) {
    margin-left: 10px;
    margin-right: auto; }

html[dir='rtl'] .tab-container.horizontal.has-counts .tab-more,
html[dir='rtl'] .tab-container.header-tabs.has-counts .tab-more {
  padding: 24px 14px 24px 4px; }

html[dir='rtl'] .tab-focus-indicator {
  right: auto; }

html.is-firefox .tab-container > .tab-list-container .tab .icon-error,
html.is-firefox .tab-container > .tab-list-container .tab .icon-info,
html.is-firefox .tab-container > .tab-list-container .tab .icon-alert {
  top: 12px; }

html.is-firefox .tab-container > .tab-list-container .tab.dismissible .icon.close {
  padding-right: 0;
  right: 12px; }

html.is-firefox[dir='rtl'] .tab-container > .tab-list-container .tab .icon-error,
html.is-firefox[dir='rtl'] .tab-container > .tab-list-container .tab .icon-info,
html.is-firefox[dir='rtl'] .tab-container > .tab-list-container .tab .icon-alert {
  top: 14px; }

html.is-firefox[dir='rtl'] .tab-container > .tab-list-container .tab.dismissible .icon.close {
  right: auto; }

.tab-panel-container .tab-overlay {
  position: fixed;
  display: flex;
  height: 100%;
  width: 100%; }
  .tab-panel-container .tab-overlay .overlay-right {
    flex: 1; }
  .tab-panel-container .tab-overlay .overlay-left {
    flex: 1; }
  .tab-panel-container .tab-overlay .has-overlay {
    background-color: rgba(230, 241, 253, 0.5); }

.tab-container.tab-borders {
  background-color: #ffffff;
  border: 1px solid #C5C5C9;
  border-bottom: 0; }
  .tab-container.tab-borders .tab-more {
    background-color: #ffffff; }
  .tab-container.tab-borders .tab.is-selected a {
    font-weight: 600; }
  .tab-container.tab-borders + .tab-panel-container {
    border: 1px solid #C5C5C9; }
    .tab-container.tab-borders + .tab-panel-container .tab-panel-container,
    .tab-container.tab-borders + .tab-panel-container .tab-container {
      border-bottom: 0;
      border-left: 0;
      border-right: 0; }
    .tab-container.tab-borders + .tab-panel-container .tab-panel .tab-container:first-child {
      margin-top: -21px; }
  .tab-container.tab-borders .animated-bar {
    height: 5px;
    margin-top: -2px; }

.animated-bar {
  height: 7px; }

.tab-container.has-counts > .tab-list-container .tab-list {
  padding: unset; }

.tab-container.horizontal:not(.has-counts) > .tab-list-container {
  margin-top: 6px;
  height: 36px; }
  .tab-container.horizontal:not(.has-counts) > .tab-list-container .tab a {
    padding: 7px 11px 5px; }
  .tab-container.horizontal:not(.has-counts) > .tab-list-container .tab:not(.is-selected):not(.is-disabled):hover {
    border-bottom: 4px solid #0072ED; }
  .tab-container.horizontal:not(.has-counts) > .tab-list-container .tab:not(.is-disabled).is-selected {
    border-bottom: 4px solid #0072ED; }

.tab-container.header-tabs > .tab-list-container .tab a {
  padding: 12px 11px 5px; }

.tab-container.horizontal.has-counts .tab-list,
.tab-container.header-tabs.has-counts .tab-list {
  margin-bottom: -1px; }
  .tab-container.horizontal.has-counts .tab-list .separator,
  .tab-container.header-tabs.has-counts .tab-list .separator {
    margin-bottom: -6px; }
  .tab-container.horizontal.has-counts .tab-list .tab a,
  .tab-container.header-tabs.has-counts .tab-list .tab a {
    padding: 5px 11px 4px !important; }

.tab-container.horizontal > .tab-list-container,
.tab-container.header-tabs > .tab-list-container {
  margin-bottom: -41px; }
  .tab-container.horizontal > .tab-list-container .tab,
  .tab-container.header-tabs > .tab-list-container .tab {
    top: 0; }
    .tab-container.horizontal > .tab-list-container .tab.has-popupmenu .icon,
    .tab-container.header-tabs > .tab-list-container .tab.has-popupmenu .icon {
      height: 16px;
      margin: 7px 0 0 -5px;
      position: static;
      width: 32px; }
    .tab-container.horizontal > .tab-list-container .tab.dismissible .icon.close,
    .tab-container.header-tabs > .tab-list-container .tab.dismissible .icon.close {
      margin-top: 3px; }
    .tab-container.horizontal > .tab-list-container .tab:not(.is-disabled).is-selected a,
    .tab-container.header-tabs > .tab-list-container .tab:not(.is-disabled).is-selected a {
      font-weight: 700;
      letter-spacing: -0.2px; }

.tab-container.horizontal .add-tab-button span[aria-hidden],
.tab-container.header-tabs .add-tab-button span[aria-hidden] {
  font-size: 24px;
  font-size: 2.4rem; }

.tab-container.horizontal .more-actions-button,
.tab-container.header-tabs .more-actions-button {
  margin-top: 3px; }
  .tab-container.horizontal .more-actions-button .btn-actions,
  .tab-container.header-tabs .more-actions-button .btn-actions {
    height: auto;
    min-height: 32px;
    min-width: 32px;
    width: auto; }

.tab-container.has-placeholder .tab.draggable.arrange-placeholder {
  height: 34px !important;
  top: 0; }

.popupmenu.tab-list-spillover .icon.icon-error, .popupmenu.tab-list-spillover .icon.icon-info, .popupmenu.tab-list-spillover .icon.icon-alert,
.popupmenu.dropdown-tab .icon.icon-error,
.popupmenu.dropdown-tab .icon.icon-info,
.popupmenu.dropdown-tab .icon.icon-alert {
  top: 9px; }

.popupmenu.tab-list-spillover .icon.icon-error,
.popupmenu.dropdown-tab .icon.icon-error {
  margin-top: 0; }

.tab-container.horizontal > .tab-list-container .tab .icon-error,
.tab-container.horizontal > .tab-list-container .tab .icon-info,
.tab-container.horizontal > .tab-list-container .tab .icon-success,
.tab-container.horizontal > .tab-list-container .tab .icon-alert {
  right: 1px;
  top: 14px;
  width: 18px;
  height: 18px; }

.tab-container.horizontal .add-tab-button {
  top: 8px;
  padding: 0;
  width: 35px;
  height: 30px;
  color: #525257; }
  .tab-container.horizontal .add-tab-button span[aria-hidden] {
    font-size: 25px;
    top: 2px; }
  .tab-container.horizontal .add-tab-button svg.icon-add {
    top: 7px;
    height: 18px;
    width: 18px; }

.tab-focus-indicator.is-visible {
  border-color: #0072ED;
  box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.2); }

html[dir='rtl'] .tab-container.horizontal .tab .icon-error,
html[dir='rtl'] .tab-container.header-tabs .tab .icon-error {
  right: auto !important; }

html[dir='rtl'] .tab-container.horizontal:not(.has-counts) > .tab-list-container .tab:not(.is-disabled).is-selected {
  border-bottom: 6px solid #0072ED; }

html[dir='rtl'] .tab-container.horizontal .tab:not(.last-child).is-error a[role='tab'],
html[dir='rtl'] .tab-container.header-tabs .tab:not(.last-child).is-error a[role='tab'] {
  padding: 12px 13px 6px 21px; }

html[dir='rtl'] .tab-container.horizontal .tab .icon-error,
html[dir='rtl'] .tab-container.header-tabs .tab .icon-error {
  left: 0;
  right: auto;
  top: 13px; }

.tab-container.module-tabs {
  min-height: 40px;
  max-height: 40px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background-color: #ffffff; }
  .tab-container.module-tabs.has-toolbar .tab-list-container + .toolbar {
    border-left: 1px solid #C5C5C9; }
    .tab-container.module-tabs.has-toolbar .tab-list-container + .toolbar .more .btn-actions svg.icon {
      color: #161618; }
    .tab-container.module-tabs.has-toolbar .tab-list-container + .toolbar .more .btn-actions:hover {
      background-color: #E0E0E1; }
      .tab-container.module-tabs.has-toolbar .tab-list-container + .toolbar .more .btn-actions:hover svg.icon {
        color: #161618; }
  .tab-container.module-tabs .toolbar {
    background-color: #F5F5F5; }
    .tab-container.module-tabs .toolbar .buttonset {
      height: 38px; }
      .tab-container.module-tabs .toolbar .buttonset > * {
        margin: 2px 5px 0 0; }
  .tab-container.module-tabs > .toolbar-searchfield-wrapper.active {
    min-height: 38px; }
  .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories .searchfield-category-button {
    height: 38px; }
  .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories .searchfield {
    height: 38px; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories .searchfield + .close {
      top: -5px; }
  .tab-container.module-tabs .tab-list-container {
    min-height: 40px;
    max-height: 40px;
    background-color: #ffffff; }
  .tab-container.module-tabs .tab-list {
    min-height: inherit;
    max-height: inherit; }
    .tab-container.module-tabs .tab-list .tab {
      background-color: #F5F5F5;
      color: #161618;
      min-height: inherit;
      max-height: inherit; }
      .tab-container.module-tabs .tab-list .tab:not(:first-child) {
        border-left: 1px solid #C5C5C9; }
      .tab-container.module-tabs .tab-list .tab > a {
        height: 40px;
        padding: 7px 16px;
        line-height: 1.45;
        font-weight: 400; }
      .tab-container.module-tabs .tab-list .tab.dismissible a {
        padding: 7px 24px; }
      .tab-container.module-tabs .tab-list .tab.dismissible .icon {
        height: 18px; }
      .tab-container.module-tabs .tab-list .tab.dismissible svg.icon.close {
        display: none; }
      .tab-container.module-tabs .tab-list .tab.dismissible:hover {
        background-color: #E0E0E1; }
        .tab-container.module-tabs .tab-list .tab.dismissible:hover svg.icon.close {
          color: #6F6F76;
          display: block; }
      .tab-container.module-tabs .tab-list .tab.is-selected {
        background-color: #ffffff;
        color: #0072ED; }
        .tab-container.module-tabs .tab-list .tab.is-selected > a {
          font-weight: 700; }
      .tab-container.module-tabs .tab-list .tab.application-menu-trigger a {
        padding: 5px 12px 7px;
        width: 100%; }
  .tab-container.module-tabs.has-more-button .tab-more {
    padding: 6px 6px 7px;
    background-color: #F5F5F5;
    border-left: 1px solid #C5C5C9; }
    .tab-container.module-tabs.has-more-button .tab-more .more-text {
      color: #161618;
      left: -2px;
      position: relative;
      top: -2px;
      font-weight: 400;
      line-height: 1.8; }
    .tab-container.module-tabs.has-more-button .tab-more svg {
      color: #161618; }
    .tab-container.module-tabs.has-more-button .tab-more:hover {
      background-color: #E0E0E1; }
      .tab-container.module-tabs.has-more-button .tab-more:hover svg.icon {
        color: #161618; }
  .tab-container.module-tabs.has-add-button .add-tab-button {
    height: 38px;
    background-color: #F5F5F5;
    border-left: 1px solid #C5C5C9; }
    .tab-container.module-tabs.has-add-button .add-tab-button span:first-child {
      font-size: 2.8rem; }
    .tab-container.module-tabs.has-add-button .add-tab-button .icon {
      color: #161618; }
    .tab-container.module-tabs.has-add-button .add-tab-button:hover {
      background-color: #E0E0E1; }
      .tab-container.module-tabs.has-add-button .add-tab-button:hover .icon {
        color: #161618; }
  .tab-container.module-tabs .icon.app-header {
    left: -6px;
    top: -7px; }
    .tab-container.module-tabs .icon.app-header span:not(.audible) {
      width: 18px; }

.tab-panel-container {
  padding-top: 9px; }
  .tab-panel-container .tab-panel .header .toolbar .title [class^='btn'] + h1 {
    margin-top: 4px; }

.multitabs-section .tab-panel-container {
  padding-top: unset; }

.tab-container.module-tabs .tab-focus-indicator.is-visible {
  box-shadow: none; }
  .tab-container.module-tabs .tab-focus-indicator.is-visible:not(.is-selected) {
    border-color: #ffffff; }
  .tab-container.module-tabs .tab-focus-indicator.is-visible.is-selected {
    border-color: transparent; }

.tab-container.module-tabs + .tab-panel-container .tab-panel {
  padding-inline-start: unset; }

.is-firefox .tab-container.module-tabs .add-tab-button span:first-child {
  top: -7px; }

html[dir='rtl'] .tab-container.module-tabs .tab-list .tab:first-child {
  border-left: 1px solid #C5C5C9; }

.multitabs-container .tab-panel-container {
  margin-top: 5px; }

html.is-mac .multitabs-container .tab-panel-container {
  margin-top: 9px; }

.has-more-button.tab-container.header-tabs.horizontal:not(.header-tabs)::before {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  height: 39px; }

.has-more-button.tab-container.header-tabs.horizontal:not(.header-tabs)::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  height: 39px; }

.tab-container.horizontal > .tab-list-container .tab:not(.is-disabled):hover {
  color: #0072ED;
  border-bottom: 4px solid #0072ED;
  background-color: #E6F1FD; }

.tab-container.header-tabs.horizontal {
  border-bottom: 1px solid #C5C5C9; }
  .tab-container.header-tabs.horizontal::before {
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    height: 39px; }
  .tab-container.header-tabs.horizontal.alternate {
    background-color: #ffffff;
    border-bottom-color: #C5C5C9; }
    .tab-container.header-tabs.horizontal.alternate::before {
      background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
    .tab-container.header-tabs.horizontal.alternate::after {
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
    .tab-container.header-tabs.horizontal.alternate > .tab-list-container .tab:not(.is-disabled):hover {
      background-color: unset; }
  .tab-container.header-tabs.horizontal .tab-list-info {
    display: none; }
  .tab-container.header-tabs.horizontal > .tab-list-container .icon:not(.icon-error) {
    color: #ffffff; }
  .tab-container.header-tabs.horizontal > .tab-list-container .tab:not(.is-disabled) {
    color: #525257; }
  .tab-container.header-tabs.horizontal > .tab-list-container .tab a {
    padding: 11px 11px 8px; }
  .tab-container.header-tabs.horizontal > .tab-list-container .tab.is-disabled:hover {
    border-bottom: 4px solid transparent; }
  .tab-container.header-tabs.horizontal > .tab-list-container .tab:not(.is-disabled):hover {
    color: #000000;
    border-bottom: 4px solid #000000;
    background-color: #E6F1FD; }
    .tab-container.header-tabs.horizontal > .tab-list-container .tab:not(.is-disabled):hover .icon:not(.is-error):not(.icon-error) {
      color: #0072ED; }
  .tab-container.header-tabs.horizontal > .tab-list-container .tab:not(.is-disabled).is-selected {
    color: #0072ED;
    border-bottom: 4px solid #0072ED; }
    .tab-container.header-tabs.horizontal > .tab-list-container .tab:not(.is-disabled).is-selected .icon:not(.is-error):not(.icon-error) {
      color: #0072ED; }
  .tab-container.header-tabs.horizontal .tab-focus-indicator.is-visible {
    border-color: transparent;
    box-shadow: unset; }
  .tab-container.header-tabs.horizontal .tab-more,
  .tab-container.header-tabs.horizontal .add-tab-button {
    background-color: transparent;
    color: #000000;
    font-size: 1.6rem;
    line-height: 12px; }
    .tab-container.header-tabs.horizontal .tab-more .icon,
    .tab-container.header-tabs.horizontal .add-tab-button .icon {
      color: #000000; }
    .tab-container.header-tabs.horizontal .tab-more:hover,
    .tab-container.header-tabs.horizontal .add-tab-button:hover {
      color: #000000; }
      .tab-container.header-tabs.horizontal .tab-more:hover .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs.horizontal .add-tab-button:hover .icon:not(.is-error):not(.icon-error) {
        color: #000000; }
    .tab-container.header-tabs.horizontal .tab-more.is-open, .tab-container.header-tabs.horizontal .tab-more.is-selected,
    .tab-container.header-tabs.horizontal .add-tab-button.is-open,
    .tab-container.header-tabs.horizontal .add-tab-button.is-selected {
      color: #0072ED; }
      .tab-container.header-tabs.horizontal .tab-more.is-open span, .tab-container.header-tabs.horizontal .tab-more.is-selected span,
      .tab-container.header-tabs.horizontal .add-tab-button.is-open span,
      .tab-container.header-tabs.horizontal .add-tab-button.is-selected span {
        text-decoration: none; }
      .tab-container.header-tabs.horizontal .tab-more.is-open .icon:not(.is-error):not(.icon-error), .tab-container.header-tabs.horizontal .tab-more.is-selected .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs.horizontal .add-tab-button.is-open .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs.horizontal .add-tab-button.is-selected .icon:not(.is-error):not(.icon-error) {
        color: #0072ED; }
  .tab-container.header-tabs.horizontal .tab-more {
    padding: 12px 4px 11px 14px; }
    .tab-container.header-tabs.horizontal .tab-more::before {
      background-color: rgba(197, 197, 201, 0.8);
      content: '';
      display: inline-block;
      height: 30px;
      left: 7px;
      position: absolute;
      top: 4px;
      width: 1px; }
  .tab-container.header-tabs.horizontal .animated-bar {
    top: 36px; }
  .tab-container.header-tabs.horizontal.has-counts .tab a {
    padding: 9px 11px 6px; }
  .tab-container.header-tabs.horizontal.has-counts .tab.dismissible .icon {
    position: static; }
  .tab-container.header-tabs.horizontal.has-counts .animated-bar {
    top: 61px; }
  .tab-container.header-tabs.horizontal.has-counts .tab-more {
    padding: 24px 0 24px 14px; }
    .tab-container.header-tabs.horizontal.has-counts .tab-more::before {
      height: 50px; }
  .tab-container.header-tabs.horizontal.has-counts .separator {
    height: 50px; }
  .tab-container.header-tabs.horizontal + .tab-panel-container {
    margin-bottom: 20px; }

.tab-panel-container .info-message .icon-info.icon {
  color: #0064D4 !important; }

.tab-panel-container .info-message .message-text {
  color: #0064D4 !important; }

html[dir='rtl'] .tab-container.horizontal::before {
  background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }

html[dir='rtl'] .tab-container.horizontal::after {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }

html[dir='rtl'] .tab-container.horizontal.alternate::before {
  background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }

html[dir='rtl'] .tab-container.horizontal.alternate::after {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }

html[dir='rtl'] .tab-container.horizontal .add-tab-button svg.icon {
  top: 6px; }

.tab-container.vertical {
  background-color: #F5F5F5; }
  .tab-container.vertical > .tab-list-container {
    background-color: #F5F5F5;
    border-right: 1px solid #C5C5C9;
    height: 100%; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab {
      width: 250px;
      max-height: 40px; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab a {
        max-width: inherit;
        max-height: inherit;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 10px 30px; }

.tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected:not(.is-disabled):hover {
  background-color: #E0E0E1; }

.tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected:not(.is-disabled).is-selected {
  background-color: #ffffff; }
  .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected:not(.is-disabled).is-selected a {
    color: #0072ED;
    font-weight: 600; }
  .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected:not(.is-disabled).is-selected:hover {
    background-color: #ffffff; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected:not(.is-disabled).is-selected:hover a {
      color: #0072ED;
      font-weight: 600; }

.tab-container.header-tabs:not(.alternate) {
  background-color: #ffffff;
  border-bottom: 1px solid #C5C5C9; }
  .tab-container.header-tabs:not(.alternate)::before {
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    left: 20px; }
  .tab-container.header-tabs:not(.alternate)::after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
  .tab-container.header-tabs:not(.alternate) .tab-list-info {
    display: none; }
  .tab-container.header-tabs:not(.alternate) > .tab-list-container {
    margin-top: 5px;
    border-bottom: 0; }
    .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab {
      font-weight: 600;
      overflow: hidden;
      height: 34px;
      text-align: center; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab:not(.is-disabled) {
        color: #000000; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab a {
        margin-top: -5px;
        max-width: inherit;
        width: inherit; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab::before {
        background-color: rgba(0, 0, 0, 0);
        bottom: 0; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab:first-child {
        padding-left: 0; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab:hover:not(.is-selected):not(.is-disabled) {
        color: #000000;
        border-bottom: 4px solid #000000;
        background-color: #E0E0E1; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.is-focused {
        color: #0072ED; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.is-selected:not(.is-disabled) {
        color: #0072ED;
        border-bottom: 4px solid #0072ED; }
        .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.is-selected:not(.is-disabled)::before {
          background-color: black; }
        .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.is-selected:not(.is-disabled):hover {
          color: #0072ED; }
          .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.is-selected:not(.is-disabled):hover::before {
            background-color: black; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.dismissible .icon {
        color: #000000;
        opacity: 0.6;
        margin-top: unset; }
      .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.dismissible:hover .icon:not(.is-error):not(.icon-error), .tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.dismissible.is-selected .icon:not(.is-error):not(.icon-error) {
        color: #6F6F76;
        opacity: 1; }
  .tab-container.header-tabs:not(.alternate) .animated-bar {
    background-color: #0072ED;
    margin-top: 8px; }
  .tab-container.header-tabs:not(.alternate) .tab-focus-indicator.is-visible {
    border-color: transparent;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.2); }
    .tab-container.header-tabs:not(.alternate) .tab-focus-indicator.is-visible.is-selected {
      border-color: #0072ED; }
    .tab-container.header-tabs:not(.alternate) .tab-focus-indicator.is-visible:not(.is-selected) {
      border-color: #0072ED;
      border-radius: 2px; }
  .tab-container.header-tabs:not(.alternate) .tab-more,
  .tab-container.header-tabs:not(.alternate) .add-tab-button {
    color: #000000; }
    .tab-container.header-tabs:not(.alternate) .tab-more span,
    .tab-container.header-tabs:not(.alternate) .add-tab-button span {
      color: inherit; }
    .tab-container.header-tabs:not(.alternate) .tab-more .icon,
    .tab-container.header-tabs:not(.alternate) .add-tab-button .icon {
      color: #000000;
      inset-inline-start: 5px;
      top: 0; }
    .tab-container.header-tabs:not(.alternate) .tab-more:hover,
    .tab-container.header-tabs:not(.alternate) .add-tab-button:hover {
      color: #000000; }
      .tab-container.header-tabs:not(.alternate) .tab-more:hover .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs:not(.alternate) .add-tab-button:hover .icon:not(.is-error):not(.icon-error) {
        color: #000000; }
    .tab-container.header-tabs:not(.alternate) .tab-more.is-open, .tab-container.header-tabs:not(.alternate) .tab-more.is-selected,
    .tab-container.header-tabs:not(.alternate) .add-tab-button.is-open,
    .tab-container.header-tabs:not(.alternate) .add-tab-button.is-selected {
      color: #0072ED; }
      .tab-container.header-tabs:not(.alternate) .tab-more.is-open .icon:not(.is-error):not(.icon-error), .tab-container.header-tabs:not(.alternate) .tab-more.is-selected .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs:not(.alternate) .add-tab-button.is-open .icon:not(.is-error):not(.icon-error),
      .tab-container.header-tabs:not(.alternate) .add-tab-button.is-selected .icon:not(.is-error):not(.icon-error) {
        color: #0072ED; }
  .tab-container.header-tabs:not(.alternate) .tab-more {
    padding: 9px 4px 11px 14px;
    left: 3px; }
    .tab-container.header-tabs:not(.alternate) .tab-more::before {
      content: '';
      display: inline-block;
      height: 30px;
      left: 7px;
      position: absolute;
      top: 4px;
      width: 1px; }
  .tab-container.header-tabs:not(.alternate) .add-tab-button {
    inset-inline-start: 5px;
    padding: 0;
    position: relative;
    top: 9px; }

.tab-container.header-tabs.alternate {
  background-color: #ffffff; }
  .tab-container.header-tabs.alternate::before {
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    left: 20px; }
  .tab-container.header-tabs.alternate::after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
  .tab-container.header-tabs.alternate > .tab-list-container {
    margin-top: -1px; }
    .tab-container.header-tabs.alternate > .tab-list-container .tab-focus-indicator.is-selected {
      border: 1px solid #0072ED; }
    .tab-container.header-tabs.alternate > .tab-list-container .tab {
      color: #6F6F76; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab.is-focused {
        color: #0072ED; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab:hover:not(.is-disabled) {
        color: #28282A;
        border-bottom: 4px solid #28282A;
        background-color: transparent; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled) {
        color: #0072ED;
        border-bottom: 4px solid #0072ED; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab a {
        height: 37px;
        padding: 12px 11px 5px; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab.is-disabled {
        color: #BBBBBF; }
  .tab-container.header-tabs.alternate .tab-focus-indicator.is-visible {
    border-color: transparent;
    box-shadow: unset; }
    .tab-container.header-tabs.alternate .tab-focus-indicator.is-visible:not(.is-selected) {
      border-color: #0072ED;
      border-radius: 7px; }
  .tab-container.header-tabs.alternate .tab-more:hover .icon:not(.is-error):not(.icon-error),
  .tab-container.header-tabs.alternate .tab-more.is-open:hover .icon:not(.is-error):not(.icon-error) {
    color: #B1B1B1; }
  .tab-container.header-tabs.alternate .tab-more .icon,
  .tab-container.header-tabs.alternate .tab-more.is-open .icon {
    color: #B1B1B1; }
  .tab-container.header-tabs.alternate .tab-more.is-open .icon:not(.is-error):not(.icon-error) {
    color: #B1B1B1; }

.tab-container.header-tabs > .tab-list-container .tab.is-disabled {
  color: #C5C5C9; }

.tab-container.is-personalizable .tab-more svg {
  top: -1px; }

.tab-panel-container .tab-panel {
  overflow-y: auto;
  margin-top: -5px;
  padding-inline-start: 4px; }

.tab-container.vertical + .tab-panel-container .tab-panel {
  overflow-y: hidden; }

html.is-mac .tab-panel-container .tab-panel {
  overflow-y: auto;
  margin-top: -6px; }

html[dir='rtl'] .tab-container.header-tabs {
  padding: 0 20px 0 0; }
  html[dir='rtl'] .tab-container.header-tabs::before {
    background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    left: auto;
    right: 20px; }
  html[dir='rtl'] .tab-container.header-tabs::after {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white);
    left: 51px;
    right: auto; }

html[dir='rtl'] .tab-panel-container .tab-panel {
  padding-inline-end: 4px;
  padding-inline-start: 0; }

html[dir='rtl'] .tab-container.header-tabs > .tab-list-container .tab.dismissible .icon.close {
  top: 0; }

.tab-container.header-tabs > .tab-list-container .tab.dismissible .icon.close {
  height: 14px;
  margin-left: -3px;
  right: -2px;
  top: 1px; }

.tab-container.header-tabs > .tab-list-container {
  margin-bottom: -42px; }

.timeline {
  min-height: 44px;
  position: relative; }
  .timeline::before {
    border-left: 1px dashed #525257;
    bottom: 60px;
    content: '';
    left: 1.125em;
    position: absolute;
    top: 0;
    width: 3px;
    height: calc(80% + 5px); }
  .timeline .indicator {
    border: 2px solid #6F6F76; }
    .timeline .indicator.processing {
      border: 2px solid #0072ED; }
    .timeline .indicator.complete {
      background-color: #0072ED;
      border: 2px solid #0072ED; }

.timeline-block {
  margin-bottom: 20px;
  position: relative; }
  .timeline-block::after {
    clear: both;
    content: '';
    display: table; }
  .timeline-block:last-child {
    margin-bottom: 0; }
  .timeline-block:nth-last-child(2)::before {
    border-left: 1px dashed #525257;
    content: '';
    position: absolute;
    width: 3px;
    bottom: -18px;
    height: 100%;
    left: 1.22em; }
    @media (min-width: 767px) {
      .timeline-block:nth-last-child(2)::before {
        left: 15.27rem; } }
  .timeline-block .date {
    margin-left: 5em; }
    .timeline-block .date > * {
      vertical-align: middle; }
    .timeline-block .date > span {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5rem; }
    .timeline-block .date > .icon {
      height: 18px;
      margin-right: 2px;
      width: 18px; }
  .timeline-block .indicator-container {
    float: left;
    position: relative;
    text-align: center;
    width: 2.5em; }
    .timeline-block .indicator-container > * {
      vertical-align: middle; }
    .timeline-block .indicator-container::before {
      background-color: transparent;
      border-bottom: 1px dashed #525257;
      content: '';
      display: inline-block;
      height: 0;
      left: 25px;
      position: absolute;
      top: 0.7em;
      width: 100%; }
  .timeline-block .content {
    margin-left: 5em; }
    .timeline-block .content .heading {
      color: #0072ED; }

@media (min-width: 767px) {
  .timeline::before {
    bottom: 44px;
    left: 12.65em; }
  .card .timeline::before,
  .widget .timeline::before {
    bottom: 60px;
    left: 1.125em;
    height: 87%; }
  .timeline-block:nth-last-child(2)::before {
    visibility: hidden; }
  .timeline-block .date,
  .timeline-block .indicator-container,
  .timeline-block .content {
    float: left; }
  .timeline-block .date {
    margin-left: 0;
    position: absolute;
    text-align: right;
    width: 11em; }
  .timeline-block .indicator-container {
    margin-left: 0; }
  .timeline-block .content,
  .timeline-block .date {
    margin-left: 5em;
    float: none; }
  .timeline-block .date {
    width: auto;
    top: 85%; } }

.card .timeline,
.widget .timeline {
  margin-left: 20px;
  margin-top: 20px; }

.column.one-third .card .timeline::before,
.column.one-third .widget .timeline::before {
  bottom: 60px;
  left: 1.125em;
  height: 85%; }

.column.one-third .card .timeline .timeline-block:nth-last-child(2)::before,
.column.one-third .widget .timeline .timeline-block:nth-last-child(2)::before {
  visibility: hidden; }

.column.one-third .card .timeline .timeline-block .indicator-container,
.column.one-third .widget .timeline .timeline-block .indicator-container {
  margin-left: 0; }

.column.one-third .card .timeline .timeline-block .content,
.column.one-third .card .timeline .timeline-block .date,
.column.one-third .widget .timeline .timeline-block .content,
.column.one-third .widget .timeline .timeline-block .date {
  margin-left: 5em;
  float: none; }

.column.one-third .card .timeline .timeline-block .date,
.column.one-third .widget .timeline .timeline-block .date {
  width: auto;
  top: 85%; }

html[dir='rtl'] .timeline::before {
  border-left: 0;
  border-right: 1px dashed #525257;
  left: auto;
  right: 1.125em; }

html[dir='rtl'] .timeline-block:nth-last-child(2)::before {
  right: 1em; }

html[dir='rtl'] .timeline-block .date {
  margin-left: inherit;
  margin-right: 3em; }
  html[dir='rtl'] .timeline-block .date > .icon {
    margin-left: 2px;
    margin-right: inherit; }

html[dir='rtl'] .timeline-block .indicator-container {
  float: right; }
  html[dir='rtl'] .timeline-block .indicator-container::before {
    left: auto;
    right: 25px; }

html[dir='rtl'] .timeline-block .content {
  margin-left: inherit;
  margin-right: 5em; }

@media (min-width: 767px) {
  html[dir='rtl'] .timeline::before {
    left: auto; }
  html[dir='rtl'] .timeline-block .date {
    margin-left: inherit;
    margin-right: 2.5em;
    text-align: left; }
  html[dir='rtl'] .timeline-block .indicator-container {
    margin-left: inherit; }
  html[dir='rtl'] .timeline-block .content {
    margin-left: inherit; } }

.timeline::before {
  left: 1.22em;
  top: 4px; }

.timeline-block:nth-last-child(2)::before {
  bottom: -20px; }
  @media (min-width: 767px) {
    .timeline-block:nth-last-child(2)::before {
      left: 20.3rem; } }

.indicator-container {
  top: 1px; }

.indicator {
  top: -0.12em; }

html[dir='rtl'] .indicator-container {
  right: -2px; }

html[dir='rtl'] .indicator {
  top: auto; }

.timepicker {
  width: 150px; }
  .timepicker + .trigger,
  .timepicker + .tooltip-description + .trigger {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #6F6F76;
    cursor: pointer;
    height: 24px;
    margin-left: -30px;
    margin-top: 6px;
    min-height: 24px;
    min-width: 24px;
    position: absolute;
    width: 24px; }
    .timepicker + .trigger .icon,
    .timepicker + .tooltip-description + .trigger .icon {
      color: inherit;
      height: 18px;
      width: 18px; }
    .timepicker + .trigger:hover,
    .timepicker + .tooltip-description + .trigger:hover {
      color: #161618; }
    .timepicker + .trigger:active,
    .timepicker + .tooltip-description + .trigger:active {
      color: #0072ED; }
  .timepicker ~ .icon-error {
    margin-left: -51px;
    right: auto !important; }
  .timepicker.error ~ .trigger {
    color: #da1217; }
  .timepicker.is-open {
    border-color: #0072ED; }
    .timepicker.is-open + .trigger {
      color: #0072ED; }
  .timepicker + .trigger + .icon-error {
    right: 50px; }
  .timepicker + .audible + .trigger + .icon-error {
    right: 55px; }
  .timepicker:disabled + .trigger {
    color: #C5C5C9;
    cursor: default; }
  .timepicker[readonly] + .trigger {
    color: #BBBBBF;
    cursor: default; }

#timepicker-period + .dropdown-wrapper .dropdown {
  width: 68px; }

#timepicker-popup {
  max-width: none; }
  #timepicker-popup > .tooltip-content {
    padding: 0; }
  #timepicker-popup .time-parts {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 15px; }
    #timepicker-popup .time-parts .colons {
      font-size: 22.4px;
      font-size: 1.4rem;
      font-weight: 600;
      min-width: 15px; }
      #timepicker-popup .time-parts .colons:empty {
        min-width: 10px; }
        @media only screen and (minwidth: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          #timepicker-popup .time-parts .colons:empty {
            min-width: 5px; } }
  #timepicker-popup .time-part {
    text-align: center;
    white-space: nowrap; }
    #timepicker-popup .time-part > label {
      width: 72px; }
      @media only screen and (minwidth: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #timepicker-popup .time-part > label {
          width: 65px; } }
  #timepicker-popup .dropdown-wrapper {
    margin-bottom: 0; }
  #timepicker-popup .dropdown {
    width: 70px; }
    @media only screen and (minwidth: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      #timepicker-popup .dropdown {
        width: 60px !important; } }
    #timepicker-popup .dropdown.period + .dropdown-wrapper .dropdown {
      width: 70px; }
      @media only screen and (minwidth: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        #timepicker-popup .dropdown.period + .dropdown-wrapper .dropdown {
          width: 65px !important; } }
    #timepicker-popup .dropdown + .trigger {
      right: 6px;
      top: 2px; }
  #timepicker-popup .label {
    display: inline-block;
    padding: 0 2px; }
  #timepicker-popup .modal-buttonset {
    margin: 0; }

.field-short .timepicker,
.form-layout-compact .field .timepicker {
  padding-right: 23px; }
  .field-short .timepicker + .trigger,
  .field-short .timepicker + .tooltip-description + .trigger,
  .form-layout-compact .field .timepicker + .trigger,
  .form-layout-compact .field .timepicker + .tooltip-description + .trigger {
    height: 20px;
    margin-left: -23px;
    margin-top: 3px;
    min-height: 20px;
    min-width: 20px;
    width: 20px; }
    .field-short .timepicker + .trigger .icon,
    .field-short .timepicker + .tooltip-description + .trigger .icon,
    .form-layout-compact .field .timepicker + .trigger .icon,
    .form-layout-compact .field .timepicker + .tooltip-description + .trigger .icon {
      height: 14px;
      position: relative;
      top: -1px;
      width: 14px; }
  .field-short .timepicker ~ .icon-error,
  .form-layout-compact .field .timepicker ~ .icon-error {
    margin-left: -40px; }

html.is-safari .timepicker + .trigger {
  position: relative; }

html.is-safari .field-short .timepicker + .trigger {
  top: 2px;
  margin-top: 2px; }

html.is-safari .form-layout-compact .timepicker + .trigger,
html.is-safari .form-layout-compact .timepicker + .tooltip-description + .trigger {
  top: 1px; }

html[dir='rtl'] .timepicker + .trigger,
html[dir='rtl'] .timepicker + .tooltip-description + .trigger {
  margin-left: inherit;
  margin-right: -31px; }

html[dir='rtl'] .timepicker + .trigger + .icon-error {
  right: auto; }

html[dir='rtl'] .timepicker + .audible + .trigger + .icon-error {
  margin-right: -48px;
  right: auto; }

html[dir='rtl'] .timepicker-popup .dropdown + .trigger {
  left: 5px;
  right: auto; }

html[dir='rtl'] .field-short .timepicker,
html[dir='rtl'] .form-layout-compact .field .timepicker {
  padding-left: 18px;
  padding-right: 2px; }
  html[dir='rtl'] .field-short .timepicker + .trigger,
  html[dir='rtl'] .field-short .timepicker + .tooltip-description + .trigger,
  html[dir='rtl'] .form-layout-compact .field .timepicker + .trigger,
  html[dir='rtl'] .form-layout-compact .field .timepicker + .tooltip-description + .trigger {
    margin-left: inherit;
    margin-right: -24px; }
  html[dir='rtl'] .field-short .timepicker ~ .icon-error,
  html[dir='rtl'] .form-layout-compact .field .timepicker ~ .icon-error {
    margin-left: inherit;
    margin-right: -38px !important; }

html[lang='zh-CN'] #timepicker-popup select.period + .dropdown-wrapper .dropdown, html[lang='zh-Hans'] #timepicker-popup select.period + .dropdown-wrapper .dropdown, html[lang='zh-Hant'] #timepicker-popup select.period + .dropdown-wrapper .dropdown {
  padding-top: 6px; }

html.is-firefox[lang='zh-CN'] #timepicker-popup .dropdown, html.is-firefox[lang='zh-Hans'] #timepicker-popup .dropdown, html.is-firefox[lang='zh-Hant'] #timepicker-popup .dropdown {
  padding-top: 9px; }

html.is-firefox[lang='zh-CN'] #timepicker-popup select.period + .dropdown-wrapper .dropdown, html.is-firefox[lang='zh-Hans'] #timepicker-popup select.period + .dropdown-wrapper .dropdown, html.is-firefox[lang='zh-Hant'] #timepicker-popup select.period + .dropdown-wrapper .dropdown {
  padding-top: 5px; }

.timepicker + .trigger,
.timepicker + .tooltip-description + .trigger {
  margin-left: -30px;
  margin-top: 7px; }

.field-short .timepicker + .trigger,
.field-short .timepicker + .tooltip-description + .trigger,
.form-layout-compact .field .timepicker + .trigger,
.form-layout-compact .field .timepicker + .tooltip-description + .trigger {
  margin-left: -25px;
  margin-top: 4px; }
  .field-short .timepicker + .trigger .icon,
  .field-short .timepicker + .tooltip-description + .trigger .icon,
  .form-layout-compact .field .timepicker + .trigger .icon,
  .form-layout-compact .field .timepicker + .tooltip-description + .trigger .icon {
    top: -1px; }

#timepicker-popup .dropdown + .icon {
  right: 8px;
  top: 3px; }

html.is-firefox .timepicker + .icon,
html.is-firefox .timepicker + .tooltip-description + .trigger {
  margin-top: 8px; }

html.is-firefox .form-layout-compact .timepicker + .icon,
html.is-firefox .form-layout-compact .timepicker + .tooltip-description + .trigger {
  margin-top: 9px !important; }

html.is-safari .form-layout-compact .timepicker + .trigger,
html.is-safari .form-layout-compact .timepicker + .tooltip-description + .trigger {
  top: 2px; }

html[dir='rtl'] .timepicker + .trigger,
html[dir='rtl'] .timepicker + .tooltip-description + .trigger {
  margin-left: auto;
  margin-right: -32px;
  margin-top: 8px; }

html[dir='rtl'] .field-short .timepicker + .trigger,
html[dir='rtl'] .field-short .timepicker + .tooltip-description + .trigger,
html[dir='rtl'] .form-layout-compact .field .timepicker + .trigger,
html[dir='rtl'] .form-layout-compact .field .timepicker + .tooltip-description + .trigger {
  margin-right: -23px;
  margin-top: 5px; }

html[dir='rtl'].is-firefox .field-short .timepicker + .trigger,
html[dir='rtl'].is-firefox .field-short .timepicker + .tooltip-description + .trigger,
html[dir='rtl'].is-firefox .form-layout-compact .field .timepicker + .trigger,
html[dir='rtl'].is-firefox .form-layout-compact .field .timepicker + .tooltip-description + .trigger {
  margin-top: 8px; }

html:not([lang='en-US']) #timepicker-popup .dropdown.period + .dropdown-wrapper .dropdown {
  width: 75px; }

html[lang='zh-CN'] #timepicker-popup .dropdown, html[lang='zh-Hans'] #timepicker-popup .dropdown, html[lang='zh-Hant'] #timepicker-popup .dropdown {
  padding: 6px 30px 8px 10px; }
  html[lang='zh-CN'] #timepicker-popup .dropdown + .icon, html[lang='zh-Hans'] #timepicker-popup .dropdown + .icon, html[lang='zh-Hant'] #timepicker-popup .dropdown + .icon {
    top: 4px; }

html.is-firefox[lang='zh-CN'] #timepicker-popup .dropdown, html.is-firefox[lang='zh-Hans'] #timepicker-popup .dropdown, html.is-firefox[lang='zh-Hant'] #timepicker-popup .dropdown {
  padding: 6px 30px 8px 10px; }
  html.is-firefox[lang='zh-CN'] #timepicker-popup .dropdown + .icon, html.is-firefox[lang='zh-Hans'] #timepicker-popup .dropdown + .icon, html.is-firefox[lang='zh-Hant'] #timepicker-popup .dropdown + .icon {
    top: 3px; }

html.is-firefox[lang='zh-CN'] #timepicker-popup select.period + .dropdown-wrapper .dropdown, html.is-firefox[lang='zh-Hans'] #timepicker-popup select.period + .dropdown-wrapper .dropdown, html.is-firefox[lang='zh-Hant'] #timepicker-popup select.period + .dropdown-wrapper .dropdown {
  padding-top: 6px; }

.toast-container {
  max-width: 60%;
  position: fixed;
  z-index: 8000; }
  .toast-container.toast-bottom-right {
    bottom: 10px;
    right: 10px; }
    .toast-container.toast-bottom-right.is-dragging {
      bottom: auto; }
  .toast-container.toast-bottom-left {
    bottom: 10px;
    left: 10px; }
  .toast-container.toast-top-right {
    right: 10px;
    top: 10px; }
  .toast-container.toast-top-left {
    left: 10px;
    top: 10px; }
  .toast-container.is-dragging .toast:hover, .toast-container.is-draggable .toast:hover {
    cursor: move; }

.toast {
  background-color: #ffffff;
  border: 1px solid #C5C5C9;
  border-radius: 2px;
  box-shadow: none;
  color: #161618;
  font-size: 1.6rem;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  width: auto; }
  .toast .toast-title {
    color: #161618;
    display: block;
    font-weight: 600;
    margin-right: 25px;
    margin-top: 19px;
    z-index: -1; }
  .toast .toast-message {
    display: block;
    margin-bottom: 19px;
    margin-top: 8px;
    padding-right: 20px; }
  .toast.audible {
    opacity: 0; }
  .toast .btn-close {
    height: 20px;
    position: absolute;
    right: 3px;
    top: 9px;
    width: 20px;
    min-height: 28px;
    min-width: 28px; }
    .toast .btn-close .icon {
      height: 18px;
      width: 18px; }

.effect-scale {
  -webkit-animation: animScale 0.25s;
  -moz-animation: animScale 0.25s;
  -o-animation: animScale 0.25s;
  -ms-animation: animScale 0.25s;
  animation: animScale 0.25s; }

.effect-scale-hide {
  -webkit-animation: animScaleOut 0.25s;
  -moz-animation: animScaleOut 0.25s;
  -o-animation: animScaleOut 0.25s;
  -ms-animation: animScaleOut 0.25s;
  animation: animScaleOut 0.25s;
  opacity: 0; }

@-webkit-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; } }

@-moz-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; } }

@keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; } }

@-webkit-keyframes animScaleOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; } }

@-moz-keyframes animScaleOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; } }

@keyframes animScaleOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; } }

.toast-progress {
  background-color: #0072ED;
  bottom: 0;
  height: 3px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%; }

html[dir='rtl'] .toast-container.toast-bottom-right {
  left: 10px;
  right: auto; }

html[dir='rtl'] .toast-container.toast-bottom-left {
  left: auto;
  right: 10px; }

html[dir='rtl'] .toast-container.toast-top-right {
  left: 10px;
  right: auto; }

html[dir='rtl'] .toast-container.toast-top-left {
  left: auto;
  right: 10px; }

html[dir='rtl'] .toast .toast-title {
  margin-left: 20px;
  margin-right: 0; }

html[dir='rtl'] .toast .toast-message {
  margin-bottom: 17px;
  padding-left: 20px;
  padding-right: 0; }

html[dir='rtl'] .toast .btn-close {
  left: 1px;
  right: auto; }

html[dir='rtl'] .toast-progress {
  left: auto;
  right: 0; }

.toast .toast-title {
  margin-top: 14px; }

.toolbar-container.in-page {
  height: 40px; }

.flex-toolbar {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 5px; }
  .flex-toolbar.datagrid-toolbar {
    height: 50px; }
  .flex-toolbar .toolbar-section.title {
    -webkit-font-smoothing: antialiased;
    padding: 1px 0;
    font-size: 1.8rem; }
  .flex-toolbar .toolbar-section .searchfield-wrapper {
    bottom: 1px;
    display: flex;
    position: relative;
    overflow: hidden; }
    .flex-toolbar .toolbar-section .searchfield-wrapper .searchfield {
      position: initial; }
    .flex-toolbar .toolbar-section .searchfield-wrapper.non-collapsible.active:not(.is-open):not(.has-text) .searchfield {
      border-color: transparent; }
    .flex-toolbar .toolbar-section .searchfield-wrapper.non-collapsible.active:not(.is-open).has-text .searchfield {
      border-bottom: unset; }
    .flex-toolbar .toolbar-section .searchfield-wrapper:not(.non-collapsible) .searchfield {
      position: absolute; }
    .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .btn-icon.close {
      right: 5px; }
      @media (max-width: 767px) {
        .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .btn-icon.close {
          right: 50px; } }
    .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-categories.has-go-button .btn-icon.close {
      right: 46px;
      top: 8px; }
      .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-categories.has-go-button .btn-icon.close svg.close {
        top: 1px; }
      @media (max-width: 767px) {
        .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-categories.has-go-button .btn-icon.close {
          right: 85px; } }
    @media (min-width: 320px) {
      .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-categories.has-go-button .go-button {
        right: 85px; } }
    @media (min-width: 767px) {
      .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-categories.has-go-button .go-button {
        right: 0; } }
    .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-go-button .btn-icon.close {
      right: 56px; }
    .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories) .btn-icon.close {
      top: 50%;
      transform: translateY(-50%); }
    @media (min-width: 320px) {
      .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-text.active.has-close-icon-button .custom-button {
        left: calc(100% - 96px); } }
    @media (min-width: 767px) {
      .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-text.active.has-close-icon-button .custom-button {
        left: 163px; } }
    @media (min-width: 1280px) {
      .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-text.active.has-close-icon-button .custom-button {
        left: calc(100% - 56px); } }
    .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button {
      left: calc(100% - 72px); }
      @media (min-width: 767px) {
        .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button {
          left: 193px; } }
      .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button .icon {
        left: 2px;
        top: -4px; }

.contextual-toolbar {
  font-size: 0;
  position: relative;
  text-align: left;
  -webkit-touch-callout: none;
  padding: 0 0 0 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  .contextual-toolbar .toolbar-section {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -o-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    -webkit-touch-callout: default;
    height: 40px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 45%; }
    .contextual-toolbar .toolbar-section.title {
      -webkit-font-smoothing: antialiased;
      color: #ffffff;
      font-size: 1.6rem;
      height: 42px; }
      .contextual-toolbar .toolbar-section.title::before {
        content: '';
        display: inline-block;
        height: 100%;
        overflow: hidden;
        vertical-align: middle;
        visibility: hidden;
        width: 1px; }
      .contextual-toolbar .toolbar-section.title.selection-count {
        top: 2px; }
    .contextual-toolbar .toolbar-section.buttonset {
      width: calc(55% - 41px);
      height: 42px;
      user-select: none;
      overflow: hidden !important;
      padding-left: 1px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-end; }
      .contextual-toolbar .toolbar-section.buttonset > * {
        margin: -1px 0 0 2px;
        vertical-align: top; }
      .contextual-toolbar .toolbar-section.buttonset [class^='btn'] {
        color: rgba(255, 255, 255, 0.8); }
        .contextual-toolbar .toolbar-section.buttonset [class^='btn'].is-overflowed {
          display: none; }
        .contextual-toolbar .toolbar-section.buttonset [class^='btn'] svg {
          color: rgba(255, 255, 255, 0.8); }
        .contextual-toolbar .toolbar-section.buttonset [class^='btn']:hover {
          color: white;
          background-color: transparent; }
          .contextual-toolbar .toolbar-section.buttonset [class^='btn']:hover svg {
            color: inherit; }
        .contextual-toolbar .toolbar-section.buttonset [class^='btn']:focus {
          box-shadow: 0 0 0 2px transparent, 0 0 0 1px #ffffff; }
          .contextual-toolbar .toolbar-section.buttonset [class^='btn']:focus:not(.hide-focus) {
            color: #ffffff; }
        .contextual-toolbar .toolbar-section.buttonset [class^='btn'][disabled] {
          color: rgba(255, 255, 255, 0.3);
          background-color: transparent; }
          .contextual-toolbar .toolbar-section.buttonset [class^='btn'][disabled] svg {
            color: inherit; }
          .contextual-toolbar .toolbar-section.buttonset [class^='btn'][disabled]:hover {
            background-color: transparent;
            border-color: transparent; }
    .contextual-toolbar .toolbar-section.more {
      display: none;
      width: 40px; }
      .contextual-toolbar .toolbar-section.more [class^='btn-actions'] {
        top: 3px;
        left: 1px;
        color: rgba(255, 255, 255, 0.8); }
        .contextual-toolbar .toolbar-section.more [class^='btn-actions'] svg {
          color: rgba(255, 255, 255, 0.8); }
        .contextual-toolbar .toolbar-section.more [class^='btn-actions']:not(:disabled):hover {
          color: white;
          background-color: transparent; }
          .contextual-toolbar .toolbar-section.more [class^='btn-actions']:not(:disabled):hover svg {
            color: inherit; }
        .contextual-toolbar .toolbar-section.more [class^='btn-actions']:focus {
          box-shadow: 0 0 0 2px transparent, 0 0 0 1px #ffffff; }
          .contextual-toolbar .toolbar-section.more [class^='btn-actions']:focus:not(.hide-focus) {
            color: #ffffff; }
        .contextual-toolbar .toolbar-section.more [class^='btn-actions'][disabled] {
          color: rgba(255, 255, 255, 0.3); }
          .contextual-toolbar .toolbar-section.more [class^='btn-actions'][disabled] svg {
            color: inherit; }
          .contextual-toolbar .toolbar-section.more [class^='btn-actions'][disabled]:hover {
            background-color: transparent;
            border-color: transparent; }
  .contextual-toolbar > * {
    display: inline-block;
    vertical-align: middle; }

.toolbar-section {
  -webkit-transition: width 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: width 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: width 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: width 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: width 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), padding 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  white-space: nowrap;
  width: auto; }
  .toolbar-section.title, .toolbar-section.buttonset {
    flex-grow: 1; }
    .toolbar-section.title:not(.favor), .toolbar-section.buttonset:not(.favor) {
      overflow-x: hidden;
      overflow-y: auto; }
    .toolbar-section.title.static, .toolbar-section.buttonset.static {
      flex-grow: 0; }
  .toolbar-section.fluid {
    flex-grow: 1; }
  .toolbar-section.title h1,
  .toolbar-section.title h2,
  .toolbar-section.title h3,
  .toolbar-section.title h4,
  .toolbar-section.title h5,
  .toolbar-section.title h6 {
    display: inline; }
  .toolbar-section.title .page-title,
  .toolbar-section.title .section-title {
    display: block;
    overflow: hidden;
    padding: 0;
    line-height: 25px;
    text-overflow: ellipsis; }
  .toolbar-section.title .section-title {
    font-size: 1.6rem; }
  .toolbar-section.title + .toolbar-section.buttonset {
    text-align: right; }
  .toolbar-section.title:not(.favor) {
    padding-left: 6px;
    text-overflow: ellipsis; }
  .toolbar-section + .toolbar-section.title {
    padding-left: 10px; }
  .toolbar-section.buttonset {
    padding: 4px; }
    .toolbar-section.buttonset.flex-end {
      justify-content: flex-end; }
    .toolbar-section.buttonset [class^='btn'] {
      margin-right: 0; }
      @media (max-width: 400px) {
        .toolbar-section.buttonset [class^='btn'] {
          width: auto; } }
      .toolbar-section.buttonset [class^='btn']:not(.btn) {
        margin-right: 0; }
  .toolbar-section.search {
    padding: 0 10px; }
    @media (min-width: 767px) {
      .toolbar-section.search.flex-grow-2 {
        flex-grow: 2; }
        .toolbar-section.search.flex-grow-2 .toolbar-searchfield-wrapper {
          width: 100%; } }
    .toolbar-section.search + .buttonset {
      display: flex;
      flex-grow: 0; }
      @media (min-width: 767px) {
        .toolbar-section.search + .buttonset.flex-grow-1 {
          flex-grow: 1; } }
      .toolbar-section.search + .buttonset .btn {
        flex-shrink: 0;
        text-overflow: unset; }
  .toolbar-section > .separator {
    background-color: #C5C5C9;
    display: inline-block;
    height: 20px;
    margin: 3px 3px 0;
    position: relative;
    top: 6px;
    width: 1px; }
  .toolbar-section .is-overflowed + .separator,
  .toolbar-section .is-overflowed + .popupmenu,
  .toolbar-section .is-overflowed + .popupmenu-wrapper + .separator,
  .toolbar-section .hidden + .separator,
  .toolbar-section .hidden + .popupmenu,
  .toolbar-section .hidden + .popupmenu-wrapper + .separator {
    display: none; }
  .toolbar-section.more button {
    margin-right: 0; }
    .toolbar-section.more button.no-overflowed-items {
      display: none; }
  .toolbar-section.more .btn-actions:hover:not(:disabled) {
    background-color: #E6F1FD; }

html[dir='rtl'] .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper.has-custom-button.has-close-icon-button.is-open .btn-icon.close {
  right: calc(100% - 70px); }

html[dir='rtl'] .toolbar-section.title + .toolbar-section.buttonset {
  text-align: left; }

html[dir='rtl'] .toolbar-section + .toolbar-section.title {
  padding-left: 0;
  padding-right: 10px; }

html[dir='rtl'] .toolbar-section.buttonset {
  margin-left: 0; }

html[dir='rtl'] .toolbar-section.more button {
  margin-left: 0; }

html[dir='rtl'] .toolbar-section.search .toolbar-searchfield-wrapper .btn-icon.close {
  right: calc(100% - 65px); }
  @media (min-width: 767px) {
    html[dir='rtl'] .toolbar-section.search .toolbar-searchfield-wrapper .btn-icon.close {
      right: calc(100% - 30px) !important; } }

html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button {
  position: absolute;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 320px) {
    html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button {
      left: 36px; } }
  @media (min-width: 767px) {
    html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button {
      left: 189px; } }
  html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button + .collapse-button,
  html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button + .close + .collapse-button {
    left: -2px;
    top: -3px; }
  html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button .custom-button .icon {
    left: 2px;
    top: -6px; }

html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-categories.has-go-button .btn-icon.close {
  top: 6px; }

html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories):not(.has-go-button) .btn-icon.close {
  right: 0; }
  @media (max-width: 610px) {
    html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories):not(.has-go-button) .btn-icon.close {
      right: 13%; } }

@media (max-width: 767px) {
  html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories):not(.has-go-button).has-custom-button .btn-icon.close {
    right: calc(100% - 70px); } }

@media (min-width: 320px) {
  html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-text.active.has-close-icon-button .custom-button {
    left: -55px; } }

@media (min-width: 767px) {
  html[class*='theme-classic-'] .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.has-text.active.has-close-icon-button .custom-button {
    left: 168px; } }

html[class*='theme-new-'] .flex-toolbar:not(.editor-toolbar):not(.formatter-toolbar):not(.contextual-toolbar) .toolbar-section [class^='btn']:not(:disabled):not(.searchfield-category-button):not(.collapse-button):hover {
  background-color: #E6F1FD; }

html[class*='theme-new-'] .flex-toolbar:not(.editor-toolbar):not(.formatter-toolbar):not(.contextual-toolbar) .toolbar-section [class^='btn']:not(:disabled):not(.searchfield-category-button).go-button {
  position: absolute;
  border: 1px solid #BBBBBF;
  border-left: none;
  border-radius: 0;
  background-color: transparent;
  color: #6F6F76; }

.toolbar-section.search {
  padding: 4px 0; }

.toolbar-section .searchfield-wrapper {
  margin: 0 15px 0 0; }
  .toolbar-section .searchfield-wrapper.has-focus {
    width: 225px;
    height: 38px; }
  .toolbar-section .searchfield-wrapper .collapse-button {
    display: none;
    height: 38px;
    margin: 0;
    min-width: 0;
    padding: 0;
    width: 38px; }

@media (max-width: 767px) {
  .flex-toolbar .toolbar-searchfield-wrapper:not(.is-open) .searchfield-category-button {
    position: absolute;
    border-color: transparent; }
    .flex-toolbar .toolbar-searchfield-wrapper:not(.is-open) .searchfield-category-button .icon-dropdown {
      visibility: hidden; } }

.flex-toolbar .toolbar-searchfield-wrapper .searchfield-category-button svg.icon {
  transform: translateX(-5px); }

.flex-toolbar .toolbar-searchfield-wrapper > svg.icon {
  top: 10px;
  width: 18px; }

.flex-toolbar .toolbar-searchfield-wrapper.has-collapse-button.is-open:not(.non-collapsible) .icon:not(.close):not(.icon-error) {
  top: 50%; }

.flex-toolbar .toolbar-searchfield-wrapper .btn-icon .icon.close {
  top: 0; }

.flex-toolbar .toolbar-searchfield-wrapper.searchfield-wrapper > svg.icon:not(.icon-error) {
  top: 50%;
  transform: translateY(-50%); }

.flex-toolbar .toolbar-searchfield-wrapper.has-collapse-button.has-close-icon-button.is-hovered:not(.is-open) svg.close.icon {
  opacity: 0; }

html[dir='rtl'] .toolbar-section .searchfield-wrapper {
  margin: 0 0 0 5px; }

@media (max-width: 766px) {
  .flex-toolbar.searchfield-active .toolbar-section {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    width: 0; }
    .flex-toolbar.searchfield-active .toolbar-section.search {
      width: 100%; }
    .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper,
    .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper {
      width: 100%; }
  .flex-toolbar .searchfield-wrapper.has-text,
  .flex-toolbar .toolbar-searchfield-wrapper.has-text {
    width: 34px; }
  .flex-toolbar .searchfield-wrapper > .icon.close {
    right: 45px; }
  .toolbar-section .searchfield-wrapper.is-open .collapse-button {
    border-radius: 0;
    display: inline;
    margin-left: 3px; }
  .toolbar-section .searchfield-wrapper.is-open.has-collapse-button .searchfield {
    padding-right: 40px;
    border-radius: 8px;
    width: calc(100% - 40px);
    position: inherit; }
  .toolbar-section .searchfield-wrapper:not(.is-open) .searchfield + button.close {
    display: none; }
  html[dir='rtl'] .flex-toolbar .searchfield-wrapper > .icon.close {
    left: 40px;
    right: auto; }
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button.has-go-button,
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button.has-go-button {
    width: calc(94% + 35px); }
    html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button.has-go-button .btn-icon.close,
    html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button.has-go-button .btn-icon.close {
      right: 53px; } }

@media (max-width: 766px) and (max-width: 610px) {
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button,
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button {
    width: calc(90% + 35px); } }

@media (max-width: 766px) {
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button .searchfield,
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button .searchfield {
    width: calc(100% - 40px); }
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button .collapse-button,
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button .collapse-button {
    background-color: transparent; } }
  @media (max-width: 766px) and (max-width: 400px) {
    html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button .collapse-button .icon,
    html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button .collapse-button .icon {
      left: 9px;
      top: 10px !important; } }

@media (max-width: 766px) {
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button .btn-icon.close,
  html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button .btn-icon.close {
    right: 11%; } }
  @media (max-width: 766px) and (max-width: 400px) {
    html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .searchfield-wrapper.is-open.has-collapse-button .btn-icon.close,
    html[class*='theme-classic-'] .flex-toolbar.searchfield-active .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button .btn-icon.close {
      right: 12%; } }

@media (max-width: 766px) {
  html[class*='theme-classic-'] .flex-toolbar .searchfield-wrapper > .icon.close {
    right: 13%; } }
  @media (max-width: 766px) and (max-width: 400px) {
    html[class*='theme-classic-'] .flex-toolbar .searchfield-wrapper > .icon.close {
      right: 23%; } }

@media (max-width: 766px) {
  html[class*='theme-classic-'] .header .flex-toolbar .toolbar-section .searchfield-wrapper.is-open.has-collapse-button,
  html[class*='theme-classic-'] .header .flex-toolbar .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button {
    width: calc(95% + 35px); } }
  @media (max-width: 766px) and (max-width: 610px) {
    html[class*='theme-classic-'] .header .flex-toolbar .toolbar-section .searchfield-wrapper.is-open.has-collapse-button,
    html[class*='theme-classic-'] .header .flex-toolbar .toolbar-section .toolbar-searchfield-wrapper.is-open.has-collapse-button {
      width: calc(89% + 35px); } }

@media (max-width: 766px) {
  html[class*='theme-classic-'] .header .flex-toolbar .toolbar-section .searchfield-wrapper:not(.is-open).has-collapse-button,
  html[class*='theme-classic-'] .header .flex-toolbar .toolbar-section .toolbar-searchfield-wrapper:not(.is-open).has-collapse-button {
    left: 22px;
    top: 0; } }

.flex-toolbar .toolbar-section .searchfield-wrapper {
  bottom: -1px;
  margin-right: 0; }
  .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories).is-hovered > svg.icon.close {
    color: #161618; }
  .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories) > svg.icon.close {
    top: 50%; }
  .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories) .btn-icon.close {
    top: 50%;
    transform: translateY(-50%); }
  .flex-toolbar .toolbar-section .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button:not(.has-categories).has-go-button .btn-icon.close {
    right: 60px; }

.flex-toolbar .toolbar-section.search {
  padding: 4px; }
  .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) {
    height: 38px; }
    .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible):hover {
      border-radius: 8px;
      background-color: #E6F1FD; }
    .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) .searchfield {
      padding-bottom: 11px; }
  .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.is-open > svg.close {
    padding: 3px;
    width: 24px;
    height: 24px;
    border-radius: 8px; }
    @media (min-width: 767px) {
      .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.is-open > svg.close {
        right: 5px; } }
    .flex-toolbar .toolbar-section.search .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.is-open > svg.close:hover {
      background-color: #E6F1FD; }

.flex-toolbar .toolbar-searchfield-wrapper .btn-icon .icon.close {
  top: -1px; }

@media (max-width: 766px) {
  .flex-toolbar .searchfield-wrapper:not(.non-collapsible) > .icon.close {
    right: 48px; }
  .toolbar-section .searchfield-wrapper.non-collapsible.is-open .collapse-button {
    height: 38px; }
  html.is-firefox .toolbar-section .searchfield-wrapper.is-open .collapse-button {
    height: 38px; } }

.toolbar-section.title h1,
.toolbar-section.title h2,
.toolbar-section.title h3,
.toolbar-section.title h4,
.toolbar-section.title h5,
.toolbar-section.title h6 {
  font-size: 20px;
  font-size: 2rem; }

html[dir='rtl'] .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper .btn-icon.close {
  right: calc(100% - 70px);
  top: 50%; }
  @media (min-width: 767px) {
    html[dir='rtl'] .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper .btn-icon.close {
      right: calc(100% - 30px); } }

html[dir='rtl'] .flex-toolbar .toolbar-section.search .toolbar-searchfield-wrapper.has-close-icon-button.is-open > svg.close {
  right: auto; }

.flex-toolbar .toolbar-searchfield-wrapper > svg.icon {
  top: 10px;
  width: 20px;
  height: 20px; }

.toolbar .more {
  display: none; }

.toolbar.do-resize .toolbar-searchfield-wrapper {
  margin-top: 1px; }
  @media (max-width: 767px) {
    .toolbar.do-resize .toolbar-searchfield-wrapper {
      overflow: hidden; } }
  @media (max-width: 767px) {
    .toolbar.do-resize .toolbar-searchfield-wrapper.has-close-icon-button {
      overflow: hidden; } }
  .toolbar.do-resize .toolbar-searchfield-wrapper .searchfield-category-button .icon {
    transform: translateY(0); }

.toolbar,
.formatter-toolbar {
  position: relative;
  text-align: left;
  -webkit-touch-callout: none; }
  .toolbar.has-title,
  .formatter-toolbar.has-title {
    text-align: right; }
  .toolbar.right-aligned,
  .formatter-toolbar.right-aligned {
    text-align: right; }
  .toolbar::before,
  .formatter-toolbar::before {
    content: '';
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    visibility: hidden;
    width: 1px; }
  .toolbar > *,
  .formatter-toolbar > * {
    display: inline-block;
    vertical-align: middle; }
  .toolbar [class^='btn'],
  .formatter-toolbar [class^='btn'] {
    margin: 0; }
  .toolbar .buttonset,
  .formatter-toolbar .buttonset {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    height: 40px;
    overflow: hidden;
    padding-left: 1px;
    width: 100%; }
    .toolbar .buttonset > *,
    .formatter-toolbar .buttonset > * {
      margin: 3px 5px 3px 0;
      vertical-align: top; }
      .toolbar .buttonset > *:last-child,
      .formatter-toolbar .buttonset > *:last-child {
        margin-right: 1px; }
      .toolbar .buttonset > *.is-overflowed,
      .formatter-toolbar .buttonset > *.is-overflowed {
        display: none; }
    .toolbar .buttonset > [class^='btn'],
    .formatter-toolbar .buttonset > [class^='btn'] {
      min-width: 34px; }
      .toolbar .buttonset > [class^='btn']:not(.has-text),
      .formatter-toolbar .buttonset > [class^='btn']:not(.has-text) {
        padding: unset; }
    .toolbar .buttonset > .separator,
    .formatter-toolbar .buttonset > .separator {
      background-color: #C5C5C9;
      display: inline-block;
      height: 20px;
      margin: 3px 16px 0;
      position: relative;
      top: 6px;
      width: 1px; }
    .toolbar .buttonset .is-overflowed + .separator,
    .toolbar .buttonset .is-overflowed + .popupmenu,
    .toolbar .buttonset .is-overflowed + .popupmenu-wrapper + .separator,
    .formatter-toolbar .buttonset .is-overflowed + .separator,
    .formatter-toolbar .buttonset .is-overflowed + .popupmenu,
    .formatter-toolbar .buttonset .is-overflowed + .popupmenu-wrapper + .separator {
      display: none; }
  .toolbar .title,
  .formatter-toolbar .title {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -o-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    -webkit-touch-callout: default;
    height: 40px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 45%; }
    .toolbar .title::before,
    .formatter-toolbar .title::before {
      content: '';
      display: inline-block;
      height: 100%;
      overflow: hidden;
      vertical-align: middle;
      visibility: hidden;
      width: 1px; }
    .toolbar .title + .buttonset,
    .formatter-toolbar .title + .buttonset {
      text-align: right;
      width: calc(55% - 1px); }
  .toolbar .more,
  .formatter-toolbar .more {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    text-align: right; }
    .toolbar .more > *,
    .formatter-toolbar .more > * {
      margin-right: 1px; }
    .toolbar .more .btn-actions.is-open .icon,
    .formatter-toolbar .more .btn-actions.is-open .icon {
      color: #6F6F76; }
  .toolbar.do-resize .buttonset,
  .formatter-toolbar.do-resize .buttonset {
    width: auto; }
    @media only screen and (max-width: 767px) {
      .toolbar.do-resize .buttonset,
      .formatter-toolbar.do-resize .buttonset {
        width: auto !important; } }
  .toolbar.do-resize .title,
  .toolbar.do-resize .title-detail,
  .formatter-toolbar.do-resize .title,
  .formatter-toolbar.do-resize .title-detail {
    left: 1px;
    position: absolute;
    top: 2px;
    width: auto; }
  .toolbar.do-resize.has-more-button .buttonset,
  .formatter-toolbar.do-resize.has-more-button .buttonset {
    width: calc(100% - 38px); }
    @media (max-width: 766px) {
      .toolbar.do-resize.has-more-button .buttonset,
      .formatter-toolbar.do-resize.has-more-button .buttonset {
        width: calc(100% - 38px) !important; } }
  .toolbar.do-resize.has-more-button .title + .buttonset,
  .formatter-toolbar.do-resize.has-more-button .title + .buttonset {
    width: auto; }
  .toolbar.do-resize.standalone .title,
  .formatter-toolbar.do-resize.standalone .title {
    left: 11px; }
  .toolbar.has-more-button .buttonset,
  .formatter-toolbar.has-more-button .buttonset {
    width: calc(100% - 38px); }
    .toolbar.has-more-button .buttonset > *:last-child,
    .formatter-toolbar.has-more-button .buttonset > *:last-child {
      margin-right: 5px; }
  .toolbar.has-more-button.has-title .buttonset,
  .formatter-toolbar.has-more-button.has-title .buttonset {
    width: calc(55% - 38px); }
  .toolbar.has-more-button .more,
  .formatter-toolbar.has-more-button .more {
    display: inline-block !important; }
  .toolbar.no-actions-button.has-more-button .more,
  .formatter-toolbar.no-actions-button.has-more-button .more {
    display: none !important; }
  .toolbar.no-actions-button.has-more-button .buttonset,
  .formatter-toolbar.no-actions-button.has-more-button .buttonset {
    width: calc(100% - 1px); }
  .toolbar.no-actions-button.has-more-button.has-title .buttonset,
  .formatter-toolbar.no-actions-button.has-more-button.has-title .buttonset {
    width: calc(55% - 1px); }
  .toolbar.standalone,
  .formatter-toolbar.standalone {
    background-color: #E0E0E1;
    border-bottom: 1px solid #C5C5C9;
    padding: 0 1rem; }
    .toolbar.standalone [class^='btn'][disabled], .toolbar.standalone [class^='btn'][disabled]:hover,
    .formatter-toolbar.standalone [class^='btn'][disabled],
    .formatter-toolbar.standalone [class^='btn'][disabled]:hover {
      color: #8F8F8F; }
      .toolbar.standalone [class^='btn'][disabled] .icon, .toolbar.standalone [class^='btn'][disabled]:hover .icon,
      .formatter-toolbar.standalone [class^='btn'][disabled] .icon,
      .formatter-toolbar.standalone [class^='btn'][disabled]:hover .icon {
        color: #8F8F8F; }

.toolbar {
  font-size: 0;
  margin-bottom: 5px; }
  .toolbar .title,
  .toolbar .title-detail {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-size: 1.6rem;
    color: #161618; }
    .toolbar .title + .buttonset,
    .toolbar .title-detail + .buttonset {
      text-align: right; }

.btn-menu.is-open,
.btn-actions.is-open {
  color: #0072ED; }
  .btn-menu.is-open .icon,
  .btn-actions.is-open .icon {
    color: #0072ED; }

.popupmenu.toolbar-options li > a {
  padding: 0 30px; }

.popupmenu.toolbar-options li > .icon,
.popupmenu.toolbar-options li > b {
  margin-left: 10px;
  width: 28px; }

.popupmenu.toolbar-options li.is-selected {
  background-color: #E0E0E1;
  color: #28282A; }

.popupmenu.toolbar-options.has-icons li > a {
  padding: 0 30px 0 45px; }

.contextual-toolbar {
  background-color: #0072ED;
  margin: 0;
  overflow: hidden !important; }
  .contextual-toolbar.toolbar {
    height: 42px;
    margin-bottom: 0;
    padding: 0 20px; }
    .contextual-toolbar.toolbar .title {
      color: #ffffff;
      font-size: 1.6rem;
      height: 42px; }
    .contextual-toolbar.toolbar .buttonset {
      height: 42px; }
    .contextual-toolbar.toolbar [class^='btn'] {
      border-radius: 8px;
      color: rgba(255, 255, 255, 0.8);
      min-width: 0;
      padding: 0 10px;
      margin-top: 4px; }
      .contextual-toolbar.toolbar [class^='btn'].btn-icon {
        padding: 0 8px; }
      .contextual-toolbar.toolbar [class^='btn'] .icon {
        color: rgba(255, 255, 255, 0.8); }
      .contextual-toolbar.toolbar [class^='btn'].btn-actions {
        margin-top: 0; }
      .contextual-toolbar.toolbar [class^='btn']:focus {
        box-shadow: 0 0 0 2px transparent, 0 0 0 1px #ffffff; }
        .contextual-toolbar.toolbar [class^='btn']:focus:not(.hide-focus) {
          color: #ffffff; }
      .contextual-toolbar.toolbar [class^='btn']:hover {
        color: white;
        background-color: rgba(0, 0, 0, 0.3) !important; }
        .contextual-toolbar.toolbar [class^='btn']:hover .icon {
          color: white !important; }
      .contextual-toolbar.toolbar [class^='btn'].is-selected {
        color: #ffffff; }
        .contextual-toolbar.toolbar [class^='btn'].is-selected .icon {
          color: #ffffff; }
        .contextual-toolbar.toolbar [class^='btn'].is-selected:focus:not(.hide-focus) {
          color: #ffffff; }
          .contextual-toolbar.toolbar [class^='btn'].is-selected:focus:not(.hide-focus) .icon {
            color: #ffffff; }
      .contextual-toolbar.toolbar [class^='btn'] .ripple {
        background-color: #ffffff; }
      .contextual-toolbar.toolbar [class^='btn'][disabled] {
        color: rgba(255, 255, 255, 0.3); }
        .contextual-toolbar.toolbar [class^='btn'][disabled] .icon {
          color: rgba(255, 255, 255, 0.3); }
        .contextual-toolbar.toolbar [class^='btn'][disabled]:hover {
          background-color: transparent;
          border-color: transparent; }
    .contextual-toolbar.toolbar .btn-actions .icon {
      position: relative;
      left: -3px; }
  .contextual-toolbar.is-hidden {
    display: none;
    height: 0; }

@media (max-width: 766px) {
  .toolbar .btn,
  .toolbar .btn-tertiary {
    padding: 0 5px; } }

@media (max-width: 766px) {
  .toolbar [class^='btn'] {
    width: auto; }
    .toolbar [class^='btn'] > .icon + span {
      display: inline-block;
      visibility: hidden;
      width: 0; }
      .toolbar [class^='btn'] > .icon + span:not(.audible) {
        padding-left: 0; }
      .toolbar [class^='btn'] > .icon + span + .icon {
        margin-left: 0; }
  .toolbar .btn-split-menu.btn {
    margin-right: 10px; } }

html[dir='rtl'] .toolbar,
html[dir='rtl'] .formatter-toolbar {
  text-align: right; }
  html[dir='rtl'] .toolbar.has-title,
  html[dir='rtl'] .formatter-toolbar.has-title {
    text-align: left; }
  html[dir='rtl'] .toolbar.right-aligned,
  html[dir='rtl'] .formatter-toolbar.right-aligned {
    text-align: left; }
  html[dir='rtl'] .toolbar .title,
  html[dir='rtl'] .toolbar .title-detail,
  html[dir='rtl'] .formatter-toolbar .title,
  html[dir='rtl'] .formatter-toolbar .title-detail {
    text-align: right; }
    html[dir='rtl'] .toolbar .title + .buttonset,
    html[dir='rtl'] .toolbar .title-detail + .buttonset,
    html[dir='rtl'] .formatter-toolbar .title + .buttonset,
    html[dir='rtl'] .formatter-toolbar .title-detail + .buttonset {
      text-align: left; }
  html[dir='rtl'] .toolbar.has-more-button .buttonset > *:last-child,
  html[dir='rtl'] .formatter-toolbar.has-more-button .buttonset > *:last-child {
    margin-left: 5px;
    margin-right: 0; }
  html[dir='rtl'] .toolbar.do-resize .title,
  html[dir='rtl'] .toolbar.do-resize .title-detail,
  html[dir='rtl'] .formatter-toolbar.do-resize .title,
  html[dir='rtl'] .formatter-toolbar.do-resize .title-detail {
    left: auto;
    right: 0; }
  html[dir='rtl'] .toolbar.do-resize.standalone .title,
  html[dir='rtl'] .formatter-toolbar.do-resize.standalone .title {
    left: auto;
    right: 10px; }
  html[dir='rtl'] .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) input,
  html[dir='rtl'] .formatter-toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) input {
    padding-left: 31px; }
  html[dir='rtl'] .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) .icon:not(.icon-dropdown),
  html[dir='rtl'] .formatter-toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) .icon:not(.icon-dropdown) {
    right: 9px; }
  html[dir='rtl'] .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open).has-text input,
  html[dir='rtl'] .formatter-toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open).has-text input {
    padding-left: 19px; }
  html[dir='rtl'] .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open).has-text .icon:not(.icon-dropdown),
  html[dir='rtl'] .formatter-toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open).has-text .icon:not(.icon-dropdown) {
    right: 71px; }

@media print {
  .toolbar.has-more-button .more {
    display: none !important; } }

.toolbar .title {
  font-size: 18px;
  font-size: 1.8rem; }

.toolbar.do-resize .toolbar-searchfield-wrapper > svg.icon.close {
  transform: translateY(50%);
  top: -5px; }

.toolbar.has-more-button .buttonset {
  height: 41px; }

.toolbar .datagrid-result-count,
.toolbar .datagrid-group-count {
  font-size: 18px;
  font-size: 1.8rem; }

.toolbar .buttonset {
  height: 41px; }

.toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) {
  height: 34px;
  margin-top: 4px; }
  .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open):hover {
    border-radius: 8px;
    background-color: #E6F1FD; }
    .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open):hover .icon {
      color: #0072ED; }
  .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) .icon:not(.icon-dropdown) {
    top: -2px;
    left: 7px; }
  .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) .searchfield {
    padding-bottom: 11px; }

.toolbar:not(.standalone) .buttonset [class^='btn']:not(.searchfield-category-button) {
  border-radius: 8px; }
  .toolbar:not(.standalone) .buttonset [class^='btn']:not(.searchfield-category-button):not(:disabled):hover {
    background-color: #E6F1FD; }

.toolbar:not(.standalone) .more:not(:disabled):hover {
  background-color: #E6F1FD;
  border-radius: 8px; }

.toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper.has-categories:not(.is-open):not(.alternate) .searchfield-category-button {
  width: 34px;
  height: 34px;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 8px;
  margin-top: 2px;
  text-overflow: unset; }
  .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper.has-categories:not(.is-open):not(.alternate) .searchfield-category-button:not(:disabled):hover {
    background-color: #E6F1FD; }
    .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper.has-categories:not(.is-open):not(.alternate) .searchfield-category-button:not(:disabled):hover .icon:not(.icon-dropdown) {
      color: #161618; }

.toolbar .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.is-open > svg.close {
  padding: 3px;
  width: 24px;
  height: 24px;
  border-radius: 8px; }
  .toolbar .searchfield-wrapper.toolbar-searchfield-wrapper.has-close-icon-button.is-open > svg.close:hover {
    background-color: #E6F1FD; }

.contextual-toolbar.toolbar:not(.standalone) .buttonset [class^='btn']:not(:disabled):hover {
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff; }

@media (max-width: 610px) {
  .toolbar .buttonset {
    height: auto; } }

.popover,
.tooltip {
  background-color: #3B3B3F;
  border: 1px solid #3B3B3F;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 1.6rem;
  left: -9999px;
  min-height: 36px;
  max-width: 300px;
  min-width: 40px;
  opacity: 1;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  top: -9999px;
  transition: opacity 0.4s ease;
  white-space: normal;
  z-index: 5010; }

html[class*='theme-classic-'] .tooltip.is-pie {
  min-height: 32px; }

.tooltip {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -ms-word-break: break-all;
  word-break: break-all; }
  .tooltip .links-clickable {
    pointer-events: auto; }
  .tooltip.is-clickable {
    pointer-events: auto; }
  .tooltip.top .arrow::after {
    border-top-color: #3B3B3F;
    top: -6px; }
  .tooltip.bottom .arrow::after {
    border-bottom-color: #3B3B3F; }
  .tooltip.right .arrow::after {
    border-right-color: #3B3B3F; }
  .tooltip.left .arrow::after {
    border-left-color: #3B3B3F; }
  .tooltip .hyperlink,
  .tooltip .hyperlink:hover:not([disabled]):not(.personalize-actionable-disabled) {
    color: #ffffff;
    font-size: 1.6rem; }
    .tooltip .hyperlink:hover,
    .tooltip .hyperlink:hover:not([disabled]):not(.personalize-actionable-disabled):hover {
      color: #ffffff; }
  .tooltip.is-error {
    background-color: #DA1217;
    border-color: #DA1217;
    pointer-events: auto; }
    .tooltip.is-error p {
      color: #ffffff; }
    .tooltip.is-error.top .arrow::after {
      border-top-color: #DA1217; }
    .tooltip.is-error.bottom .arrow::after {
      border-bottom-color: #DA1217; }
    .tooltip.is-error.left .arrow::after {
      border-left-color: #DA1217; }
    .tooltip.is-error.right .arrow::after {
      border-right-color: #DA1217; }
  .tooltip p {
    color: #ffffff;
    font-size: 1.6rem;
    word-break: normal;
    word-wrap: break-word; }
  .tooltip span {
    font-size: 1.6rem; }
  .tooltip .icon {
    color: #ffffff;
    display: inline-block;
    height: 14px;
    margin-top: 2px;
    width: 14px; }
    .tooltip .icon + p {
      display: inline-block;
      margin-left: 2px;
      margin-top: 2px;
      vertical-align: top;
      width: auto; }
  .tooltip .action-tooltip {
    font-weight: 600; }

.popover:not(.alternate) .tooltip-title:not(.filled) {
  align-items: center;
  font-size: 2.2rem;
  padding: 13px 20px; }
  .popover:not(.alternate) .tooltip-title:not(.filled) .btn-close {
    position: absolute;
    right: 5px;
    top: 15px; }

.popover {
  background-color: #ffffff;
  border: 1px solid #C5C5C9;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #161618;
  pointer-events: auto;
  z-index: 3010; }
  .popover .arrow,
  .popover .arrow::after {
    border-width: 12px; }
  .popover.top .arrow {
    border-top-color: #C5C5C9;
    bottom: -12px;
    left: calc(50% - 12px); }
  .popover.top .arrow::after {
    border-top-color: #ffffff;
    left: -12px;
    top: -14px; }
  .popover.top.alternate .arrow::after {
    border-top-color: #F5F5F5; }
  .popover.bottom .arrow {
    border-bottom-color: #C5C5C9;
    left: calc(50% - 12px);
    top: -12px;
    z-index: -1; }
  .popover.bottom .arrow::after {
    border-bottom-color: #ffffff;
    left: -12px;
    top: 1px; }
  .popover.bottom.alternate .arrow::after {
    border-bottom-color: #ffffff; }
  .popover.right .arrow {
    border-right-color: #C5C5C9;
    left: -12px;
    top: calc(50% - 12px); }
  .popover.right .arrow::after {
    border-right-color: #ffffff;
    top: -12px; }
  .popover.right.alternate .arrow::after {
    border-right-color: #F5F5F5; }
  .popover.left .arrow {
    border-left-color: #C5C5C9;
    right: -12px;
    top: calc(50% - 12px); }
  .popover.left .arrow::after {
    border-left-color: #ffffff;
    left: -13px;
    top: -12px; }
  .popover.left.alternate .arrow::after {
    border-left-color: #F5F5F5; }
  .popover.no-arrow .arrow {
    display: none; }
  .popover p {
    color: #161618;
    max-width: none; }
  .popover .tooltip-content {
    padding: 20px; }
  .popover.alternate {
    background-color: #F5F5F5;
    border: 1px solid #C5C5C9;
    max-width: inherit;
    padding-bottom: 50px; }
    .popover.alternate .tooltip-title {
      background-color: #ffffff;
      color: #161618;
      font-size: 2.8rem;
      padding: 15px 5px 7px 15px; }
    .popover.alternate th {
      color: #6F6F76;
      font-size: 1.6rem; }
    .popover.alternate td,
    .popover.alternate p {
      color: #161618;
      font-size: 1.6rem;
      text-align: left; }
  .popover.scrollable {
    overflow: hidden; }
    .popover.scrollable .tooltip-content {
      height: 100%;
      overflow: auto; }
      .popover.scrollable .tooltip-content .toolbar .title {
        width: 100% !important; }
      .popover.scrollable .tooltip-content .modal-buttonset {
        position: relative;
        height: unset;
        width: unset; }
  .popover .row:last-child {
    margin-bottom: -15px; }

.popover p,
.tooltip p {
  line-height: 15px; }

.popover.is-hidden,
.tooltip.is-hidden {
  opacity: 0 !important;
  visibility: hidden; }

.tooltip-title {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px solid #C5C5C9;
  color: #28282A;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  line-height: 18px;
  margin: 0;
  padding: 10px 20px; }
  .tooltip-title .btn-close {
    margin-left: 0;
    margin-top: -10px; }
  .tooltip-title.filled {
    background-color: #0066D4;
    color: #ffffff;
    font-size: 2.8rem;
    -webkit-font-smoothing: antialiased;
    margin: -1px -2px 0 -1px;
    padding: 15px 5px 7px 15px; }
    .tooltip-title.filled .btn-close {
      margin-left: 5px;
      margin-top: -10px; }
    .tooltip-title.filled .icon-close {
      color: #ffffff; }
  .tooltip-title.ruby {
    background-color: #DA1217; }
  .tooltip-title.amber {
    background-color: #F98300; }
  .tooltip-title.emerald {
    background-color: #2AC371; }
  .tooltip-title.azure {
    background-color: #0072ED; }
  .tooltip-title.turquoise {
    background-color: #40BDBE; }
  .tooltip-title.amethyst {
    background-color: #7928E1; }
  .tooltip-title.slate {
    background-color: #6F6F76; }
  .tooltip-title.graphite {
    background-color: #535353; }

.tooltip-content {
  padding: 7px 10px 3px;
  word-break: normal; }
  .tooltip-content.header-icon {
    padding: 10px; }
  .tooltip-content li {
    list-style: none outside none; }
  .tooltip-content p {
    margin-left: 0;
    margin-top: 2px;
    text-align: center; }
    .tooltip-content p.align-text-left,
    .tooltip-content p.align-text-left + p {
      line-height: normal;
      text-align: left; }
  .tooltip-content .error-message .message-text {
    text-align: left; }

.popover-content,
.popover-content-area {
  margin-left: 0; }
  .popover-content .modal-buttonset,
  .popover-content-area .modal-buttonset {
    background-color: #ffffff;
    margin: 20px 0 0 -20px;
    position: absolute;
    width: calc(100% - 2px); }

.arrow,
.arrow::after {
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  display: block;
  height: 0;
  position: absolute;
  width: 0; }

.arrow::after {
  content: ''; }

.top > .arrow {
  border-bottom-width: 0;
  bottom: -7px;
  left: calc(50% - 6px); }
  .top > .arrow::after {
    border-bottom-width: 0;
    left: -6px;
    top: -9px; }

.bottom > .arrow {
  border-top-width: 0;
  left: calc(50% - 6px);
  top: -7px; }
  .bottom > .arrow::after {
    border-top-width: 0;
    left: -7px;
    top: 0; }

.right > .arrow {
  border-left-width: 0;
  left: -7px;
  top: calc(50% - 6px); }
  .right > .arrow::after {
    border-left-width: 0;
    left: 1px;
    top: -6px; }

.left > .arrow {
  border-right-width: 0;
  right: -7px;
  top: calc(50% - 6px); }
  .left > .arrow::after {
    border-right-width: 0;
    left: -6px;
    top: -6px; }

html[dir='rtl'] .popover,
html[dir='rtl'] .tooltip {
  left: 9999px; }

html[dir='rtl'] .tooltip .icon + p {
  margin-left: inherit;
  margin-right: 2px; }

html[dir='rtl'] .popover .tooltip-content p {
  text-align: right; }

html[dir='rtl'] .popover.alternate .tooltip-title {
  padding-left: 5px;
  padding-right: 15px; }

html[dir='rtl'] .tooltip-content p {
  margin-left: inherit;
  margin-right: 0; }

html[dir='rtl'] .tooltip-title.filled {
  padding: 15px 15px 7px 0; }

html[dir='rtl'] .popover-content,
html[dir='rtl'] .popover-content-area {
  margin-left: inherit;
  margin-right: 0; }
  html[dir='rtl'] .popover-content .modal-buttonset,
  html[dir='rtl'] .popover-content-area .modal-buttonset {
    right: 1px; }

.tooltip-content {
  padding: 6px 10px 3px; }

.tooltip-title.filled {
  font-size: 2.2rem; }

.popover.alternate .tooltip-title {
  font-size: 2.2rem;
  padding: 12px 5px 6px 15px; }
  .popover.alternate .tooltip-title .btn-close {
    margin-top: -8px; }

@-webkit-keyframes rotate180forward {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-moz-keyframes rotate180forward {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); } }

@keyframes rotate180forward {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-webkit-keyframes rotate90backward {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

@-moz-keyframes rotate90backward {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

@keyframes rotate90backward {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

.tree a {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94), opacity 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), opacity 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), opacity 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), opacity 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), opacity 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  border: 1px solid transparent;
  border-radius: 2px;
  color: #6F6F76;
  font-size: 1.6rem;
  line-height: 28px;
  padding: 6px 5px 3px;
  text-decoration: none; }
  .tree a .tree-badge {
    border-width: 0;
    height: 18px;
    line-height: 18px;
    margin: -2px 4px 0 3px;
    padding: 0 7px; }
    .tree a .tree-badge.round {
      padding: 0;
      width: 18px; }
  .tree a .tree-text {
    -webkit-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    border-bottom: 1px solid transparent;
    color: #6F6F76;
    margin: 0 0 0 4px; }
    .tree a .tree-text .icon {
      left: 1px;
      top: 7px; }
  .tree a svg {
    -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);
    color: #6F6F76;
    height: 18px;
    margin: 0 2px 0 0;
    top: 4px;
    width: 18px; }
    .tree a svg.rotate-forward {
      animation-duration: 0.4s;
      animation-iteration-count: 1;
      animation-name: rotate180forward; }
    .tree a svg.rotate-backward {
      animation-duration: 0.2s;
      animation-iteration-count: 1;
      animation-name: rotate90backward; }
  .tree a:visited {
    color: #6F6F76; }
  .tree a:not(.hide-focus):focus {
    border: 1px solid #0072ED;
    border-radius: 2px;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    color: #6F6F76; }
    .tree a:not(.hide-focus):focus svg {
      color: #6F6F76; }
  .tree a:hover {
    color: #161618; }
    .tree a:hover svg {
      color: #161618; }
    .tree a:hover .tree-text {
      color: #161618; }
  .tree a.is-disabled {
    outline-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default; }
    .tree a.is-disabled .tree-badge {
      background-color: #C5C5C9; }
    .tree a.is-disabled .tree-text {
      color: #C5C5C9; }
    .tree a.is-disabled svg {
      color: #C5C5C9; }
    .tree a.is-disabled:hover {
      color: #C5C5C9; }
      .tree a.is-disabled:hover svg {
        color: #C5C5C9; }
      .tree a.is-disabled:hover .tree-text {
        color: #C5C5C9; }
  .tree a.is-loading {
    opacity: 0.5; }

.tree li.folder.is-open {
  margin-bottom: 0; }

.tree li.is-selected > a {
  background-color: #E0E0E1;
  color: #161618; }
  .tree li.is-selected > a.is-over {
    background-color: #E6F1FD;
    border: 1px dashed #55A3F3; }
  .tree li.is-selected > a svg {
    color: #161618; }
  .tree li.is-selected > a .tree-text {
    border-color: transparent;
    color: #161618; }
  .tree li.is-selected > a.is-disabled {
    outline-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: transparent;
    cursor: default; }
    .tree li.is-selected > a.is-disabled .tree-text {
      color: #C5C5C9; }
    .tree li.is-selected > a.is-disabled svg {
      color: #C5C5C9; }
    .tree li.is-selected > a.is-disabled:hover {
      color: #C5C5C9; }
      .tree li.is-selected > a.is-disabled:hover svg {
        color: #C5C5C9; }
      .tree li.is-selected > a.is-disabled:hover .tree-text {
        color: #C5C5C9; }

.tree ul {
  display: none;
  left: 13px;
  overflow: hidden;
  position: relative;
  top: -7px;
  width: calc(100% - 13px); }
  .tree ul a {
    margin: 0 0 0 5px; }
  .tree ul ul {
    left: 15px;
    width: calc(100% - 15px); }
  .tree ul li:first-child {
    margin-top: 8px; }
  .tree ul.is-disabled::before {
    opacity: 0.5; }
  .tree ul li {
    margin-left: 10px;
    margin-top: 2px; }
  .tree ul.is-open {
    display: block; }

.tree.is-multiselect li .tree-checkbox {
  margin-right: 25px;
  position: relative; }
  .tree.is-multiselect li .tree-checkbox::before {
    background-color: #ffffff;
    border: 1px solid #3B3B3F;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    margin-top: 0;
    position: absolute;
    width: 14px;
    margin-left: 4px;
    margin-top: 0;
    top: 0; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby01::before {
  background-color: #FBE7E8;
  border-color: #FBE7E8; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby02::before {
  background-color: #F5C3C4;
  border-color: #F5C3C4; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby03::before {
  background-color: #EE9496;
  border-color: #EE9496; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby04::before {
  background-color: #E66467;
  border-color: #E66467; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby05::before {
  background-color: #DF3539;
  border-color: #DF3539; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby06::before {
  background-color: #DA1217;
  border-color: #DA1217; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby07::before {
  background-color: #C31014;
  border-color: #C31014; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby08::before {
  background-color: #A30D11;
  border-color: #A30D11; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby09::before {
  background-color: #8D0B0E;
  border-color: #8D0B0E; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.ruby10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.ruby10::before {
  background-color: #6C080B;
  border-color: #6C080B; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber01::before {
  background-color: #FEF2E5;
  border-color: #FEF2E5; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber02::before {
  background-color: #FDDFBD;
  border-color: #FDDFBD; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber03::before {
  background-color: #FCC888;
  border-color: #FCC888; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber04::before {
  background-color: #FBAF50;
  border-color: #FBAF50; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber05::before {
  background-color: #FA9601;
  border-color: #FA9601; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber06::before {
  background-color: #F98300;
  border-color: #F98300; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber07::before {
  background-color: #DF6F00;
  border-color: #DF6F00; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber08::before {
  background-color: #CD6200;
  border-color: #CD6200; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber09::before {
  background-color: #BB5500;
  border-color: #BB5500; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amber10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amber10::before {
  background-color: #A14100;
  border-color: #A14100; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald01::before {
  background-color: #EBF9F1;
  border-color: #EBF9F1; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald02::before {
  background-color: #CBEFDC;
  border-color: #CBEFDC; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald03::before {
  background-color: #A1E4BF;
  border-color: #A1E4BF; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald04::before {
  background-color: #78D8A3;
  border-color: #78D8A3; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald05::before {
  background-color: #4DCC86;
  border-color: #4DCC86; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald06::before {
  background-color: #2AC371;
  border-color: #2AC371; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald07::before {
  background-color: #25AF65;
  border-color: #25AF65; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald08::before {
  background-color: #1F9254;
  border-color: #1F9254; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald09::before {
  background-color: #1C7F49;
  border-color: #1C7F49; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.emerald10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.emerald10::before {
  background-color: #156138;
  border-color: #156138; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure01::before {
  background-color: #E6F1FD;
  border-color: #E6F1FD; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure02::before {
  background-color: #BEDCFA;
  border-color: #BEDCFA; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure03::before {
  background-color: #8ABFF7;
  border-color: #8ABFF7; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure04::before {
  background-color: #55A3F3;
  border-color: #55A3F3; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure05::before {
  background-color: #1C86EF;
  border-color: #1C86EF; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure06::before {
  background-color: #0072ED;
  border-color: #0072ED; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure07::before {
  background-color: #0066D4;
  border-color: #0066D4; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure08::before {
  background-color: #0054B1;
  border-color: #0054B1; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure09::before {
  background-color: #004A99;
  border-color: #004A99; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.azure10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.azure10::before {
  background-color: #003876;
  border-color: #003876; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise01::before {
  background-color: #ECF8F8;
  border-color: #ECF8F8; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise02::before {
  background-color: #CFEEEE;
  border-color: #CFEEEE; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise03::before {
  background-color: #A8E1E1;
  border-color: #A8E1E1; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise04::before {
  background-color: #82D4D4;
  border-color: #82D4D4; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise05::before {
  background-color: #5CC6C7;
  border-color: #5CC6C7; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise06::before {
  background-color: #40BDBE;
  border-color: #40BDBE; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise07::before {
  background-color: #39A9AA;
  border-color: #39A9AA; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise08::before {
  background-color: #2F8D8E;
  border-color: #2F8D8E; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise09::before {
  background-color: #297B7B;
  border-color: #297B7B; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.turquoise10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.turquoise10::before {
  background-color: #1F5E5E;
  border-color: #1F5E5E; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst01::before {
  background-color: #F1EBFC;
  border-color: #F1EBFC; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst02::before {
  background-color: #DDCBF7;
  border-color: #DDCBF7; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst03::before {
  background-color: #C2A1F1;
  border-color: #C2A1F1; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst04::before {
  background-color: #A876EB;
  border-color: #A876EB; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst05::before {
  background-color: #8D4BE5;
  border-color: #8D4BE5; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst06::before {
  background-color: #7928E1;
  border-color: #7928E1; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst07::before {
  background-color: #6C23C9;
  border-color: #6C23C9; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst08::before {
  background-color: #591DA8;
  border-color: #591DA8; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst09::before {
  background-color: #4E1A91;
  border-color: #4E1A91; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.amethyst10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.amethyst10::before {
  background-color: #3B1470;
  border-color: #3B1470; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite01::before {
  background-color: #EEEEEE;
  border-color: #EEEEEE; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite02::before {
  background-color: #D3D3D3;
  border-color: #D3D3D3; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite03::before {
  background-color: #B1B1B1;
  border-color: #B1B1B1; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite04::before {
  background-color: #8F8F8F;
  border-color: #8F8F8F; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite05::before {
  background-color: #6C6C6C;
  border-color: #6C6C6C; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite06::before {
  background-color: #535353;
  border-color: #535353; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite07::before {
  background-color: #4A4A4A;
  border-color: #4A4A4A; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite08::before {
  background-color: #3E3E3E;
  border-color: #3E3E3E; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite09::before {
  background-color: #363636;
  border-color: #363636; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.graphite10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.graphite10::before {
  background-color: #292929;
  border-color: #292929; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate01::before {
  background-color: #F5F5F5;
  border-color: #F5F5F5; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate02::before {
  background-color: #E0E0E1;
  border-color: #E0E0E1; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate03::before {
  background-color: #C5C5C9;
  border-color: #C5C5C9; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate04::before {
  background-color: #BBBBBF;
  border-color: #BBBBBF; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate05::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate05::before {
  background-color: #8E8E95;
  border-color: #8E8E95; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate06::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate06::before {
  background-color: #6F6F76;
  border-color: #6F6F76; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate07::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate07::before {
  background-color: #525257;
  border-color: #525257; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate08::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate08::before {
  background-color: #3B3B3F;
  border-color: #3B3B3F; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate09::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate09::before {
  background-color: #28282A;
  border-color: #28282A; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.slate10::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.slate10::before {
  background-color: #161618;
  border-color: #161618; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.alert01::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.alert01::before {
  background-color: #DA1217;
  border-color: #DA1217; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.alert02::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.alert02::before {
  background-color: #F98300;
  border-color: #F98300; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.alert03::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.alert03::before {
  background-color: #FFD100;
  border-color: #FFD100; }

.tree.is-multiselect li.is-partial > a .tree-checkbox.alert04::before, .tree.is-multiselect li.is-selected > a .tree-checkbox.alert04::before {
  background-color: #2AC371;
  border-color: #2AC371; }

.tree.is-multiselect li.is-selected > a .tree-checkbox::before {
  background-color: #0072ED;
  border-color: #0072ED; }

.tree.is-multiselect li.is-selected > a .tree-checkbox::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: 2px;
  position: absolute;
  top: 13px;
  width: 4px;
  -webkit-transform-origin: -11px top 0;
  -moz-transform-origin: -11px top 0;
  -o-transform-origin: -11px top 0;
  -ms-transform-origin: -11px top 0;
  transform-origin: -11px top 0;
  -webkit-animation: check 0.15s;
  -moz-animation: check 0.15s;
  -o-animation: check 0.15s;
  -ms-animation: check 0.15s;
  animation: check 0.15s;
  left: 9px;
  top: 1px; }

.tree.is-multiselect li.is-selected > a.is-disabled .tree-checkbox::before {
  background-color: #C5C5C9;
  border-color: #C5C5C9; }

.tree.is-multiselect li.is-selected > a.is-disabled .tree-checkbox::after {
  border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
  -webkit-transform-origin: -11px top 0;
  -moz-transform-origin: -11px top 0;
  -o-transform-origin: -11px top 0;
  -ms-transform-origin: -11px top 0;
  transform-origin: -11px top 0;
  -webkit-animation: check 0.15s;
  -moz-animation: check 0.15s;
  -o-animation: check 0.15s;
  -ms-animation: check 0.15s;
  animation: check 0.15s;
  left: 9px;
  top: 1px; }

.tree.is-multiselect li.is-partial > a .tree-checkbox::before {
  background-color: #0072ED;
  border-color: #0072ED; }

.tree.is-multiselect li.is-partial > a .tree-checkbox::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: 2px;
  position: absolute;
  top: 13px;
  width: 4px;
  border-width: 0 0 2px;
  margin-left: 1px;
  top: 1px;
  width: 10px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  animation: none !important;
  left: 6px;
  top: -3px; }

.tree.is-multiselect li.is-partial > a.is-disabled .tree-checkbox::before {
  background-color: #C5C5C9;
  border-color: #C5C5C9; }

.tree.is-multiselect li.is-partial > a.is-disabled .tree-checkbox::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: 2px;
  position: absolute;
  top: 13px;
  width: 4px;
  border-width: 0 0 2px;
  margin-left: 1px;
  top: 1px;
  width: 10px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  animation: none !important;
  left: 6px;
  top: -3px; }

.tree.is-multiselect li:not(.is-selected):not(.is-partial):not(.is-disabled):not(.is-error) a:hover:not(.is-disabled):not(.is-error) .tree-checkbox::before,
.tree.is-multiselect li:not(.is-selected):not(.is-partial):not(.is-disabled):not(.is-error) a:focus:not(.is-disabled):not(.is-error) .tree-checkbox::before {
  border-color: #161618; }

.tree .is-clone {
  opacity: 0;
  position: fixed;
  z-index: 1; }

.tree .is-selected .is-dragging-clone,
.tree .is-dragging-clone,
.tree .is-selected .is-dragging-clone:hover,
.tree .is-dragging-clone:hover {
  background-color: #0072ED;
  border: 1px solid #0072ED;
  color: #ffffff;
  line-height: 25px;
  padding: 0 5px; }
  .tree .is-selected .is-dragging-clone svg,
  .tree .is-dragging-clone svg,
  .tree .is-selected .is-dragging-clone:hover svg,
  .tree .is-dragging-clone:hover svg {
    color: #ffffff; }
  .tree .is-selected .is-dragging-clone .tree-text,
  .tree .is-dragging-clone .tree-text,
  .tree .is-selected .is-dragging-clone:hover .tree-text,
  .tree .is-dragging-clone:hover .tree-text {
    border-color: transparent;
    color: #ffffff; }

.tree .is-dragging {
  background-color: #E0E0E1;
  border: 1px solid #E0E0E1;
  color: #161618; }
  .tree .is-dragging.is-dragging {
    opacity: 0.5; }
  .tree .is-dragging svg {
    color: #161618; }
  .tree .is-dragging .tree-text {
    border-color: transparent;
    color: #161618; }

.tree .is-over {
  background-color: #E6F1FD;
  border: 1px dashed #55A3F3; }

.tree-drag-target-arrow {
  background: #161618;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#161618), to(transparent));
  background: -webkit-linear-gradient(left, #161618, transparent);
  background: -moz-linear-gradient(left, #161618, transparent);
  background: -ms-linear-gradient(left, #161618, transparent);
  background: -o-linear-gradient(left, #161618, transparent);
  background-repeat: no-repeat;
  display: none;
  height: 1px;
  margin: 0 0 0 6px;
  position: fixed;
  width: 50px; }
  .tree-drag-target-arrow::before {
    color: #161618;
    content: '\25BA';
    display: block;
    font-size: 7px;
    height: 0;
    margin: -3px 0 0 -6px; }

.is-firefox .tree.is-multiselect li .tree-checkbox::before {
  top: -2px; }

.is-firefox .tree.is-multiselect li.is-selected > a .tree-checkbox::after {
  top: -1px; }

.is-firefox .tree.is-multiselect li.is-partial > a .tree-checkbox::after {
  top: -5px; }

.is-firefox .tree-drag-target-arrow::before {
  margin-top: -3.5px; }

.sidebar .tree {
  min-width: 200px;
  padding: 20px; }

.ie:not(.ie-edge) .tree a .tree-badge {
  line-height: 20px; }

.ie.ie-edge .tree-drag-target-arrow::before {
  margin-top: -3.5px; }

html[dir='rtl'] .tree ul {
  left: auto;
  right: 15px; }
  html[dir='rtl'] .tree ul a {
    margin: 0 5px 0 0; }
  html[dir='rtl'] .tree ul li {
    margin-left: inherit;
    margin-right: 10px; }
    html[dir='rtl'] .tree ul li:first-child {
      margin-top: 5px; }

html[dir='rtl'] .tree svg {
  margin: 0 0 0 9px; }

html[dir='rtl'] .sidebar .tree {
  float: none; }

.tree.is-multiselect li .tree-checkbox {
  top: 2px; }

.tree a {
  padding: 3px 5px; }
  .tree a .tree-badge {
    line-height: 17px; }
  .tree a svg {
    height: 15px;
    margin: 0 4px 0 0;
    top: 2px;
    width: 15px; }

.tree-drag-target-arrow::before {
  margin-top: -4px; }

.ie11 .tree a .tree-badge {
  line-height: 17px !important; }

.wizard-header {
  -webkit-transition: opacity 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: opacity 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: opacity 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: opacity 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: opacity 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: inherit;
  opacity: 0.1;
  padding: 80px 41px;
  position: relative; }
  .wizard-header .bar {
    background-color: #6F6F76;
    height: 2px;
    position: relative; }
  .wizard-header .completed-range {
    -webkit-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: width 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    background-color: #0072ED;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0%; }
  .wizard-header .tick {
    background-color: #ffffff;
    border-radius: 7px;
    color: #6F6F76;
    display: inline-block;
    height: 14px;
    margin-left: -3px;
    margin-top: -6px;
    position: absolute;
    -webkit-touch-callout: none;
    width: 14px; }
    .wizard-header .tick::after {
      border: 2px solid #6F6F76;
      border-radius: 7px;
      content: '';
      height: 10px;
      left: 0;
      position: absolute;
      top: 0;
      width: 10px; }
    .wizard-header .tick::before {
      border: 1px solid rgba(0, 114, 237, 0);
      border-radius: 0;
      content: '';
      height: 0;
      left: 7px;
      position: absolute;
      top: 7px;
      width: 0; }
    .wizard-header .tick .label {
      border: 1px solid transparent;
      border-radius: 2px;
      color: #6F6F76;
      display: inline-block;
      height: 24px;
      line-height: 22px;
      padding: 0 3px;
      position: absolute;
      top: 20px;
      white-space: nowrap; }
      .wizard-header .tick .label.is-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis; }
    .wizard-header .tick.current, .wizard-header .tick.complete {
      color: #0072ED; }
      .wizard-header .tick.current::after, .wizard-header .tick.complete::after {
        border: 0;
        left: 0;
        top: 0; }
      .wizard-header .tick.current .label, .wizard-header .tick.complete .label {
        color: #0072ED;
        top: 20px; }
    .wizard-header .tick.current {
      -webkit-box-shadow: 0 0 0 2px #ffffff;
      -moz-box-shadow: 0 0 0 2px #ffffff;
      -o-box-shadow: 0 0 0 2px #ffffff;
      -ms-box-shadow: 0 0 0 2px #ffffff;
      box-shadow: 0 0 0 2px #ffffff;
      background-color: #0072ED;
      border-radius: 50%; }
      .wizard-header .tick.current::before {
        border: 1px solid #0072ed;
        border-radius: 50%;
        height: 18.1px;
        left: -3px;
        top: -3px;
        width: 18.1px; }
      .wizard-header .tick.current .label {
        font-weight: 600; }
    .wizard-header .tick.complete {
      background-color: #0072ED; }
    .wizard-header .tick.is-disabled {
      outline-style: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      cursor: default;
      text-decoration: none;
      width: 12px; }
      .wizard-header .tick.is-disabled::after {
        border-width: 1px; }
      .wizard-header .tick.is-disabled .label {
        color: #525257;
        font-weight: 400; }
      .wizard-header .tick.is-disabled.current, .wizard-header .tick.is-disabled.complete {
        background-color: #ffffff; }
        .wizard-header .tick.is-disabled.current::after, .wizard-header .tick.is-disabled.complete::after {
          border: 1px solid #6F6F76;
          border-radius: 7px;
          content: '';
          height: 10px;
          left: 0;
          position: absolute;
          top: 0;
          width: 10px; }
  .wizard-header a.tick.current {
    cursor: default; }
  .wizard-header a.tick:hover:not(.current):not(.is-disabled):not([disabled]) .label::after {
    bottom: 1px;
    content: '';
    left: 0;
    margin-left: 3px;
    position: absolute;
    width: calc(100% - 6px); }
  .wizard-header a.tick:focus:not(.hide-focus):not(.is-disabled):not([disabled]) .label {
    box-shadow: 0 0 0 1px #0072ED, 0 0 4px 3px rgba(54, 138, 192, 0.1); }

.header .wizard {
  margin: 0 20px; }

.header .wizard-header {
  background-color: transparent;
  padding: 18.5px 41px 39px; }
  .header .wizard-header .bar {
    background-color: rgba(255, 255, 255, 0.4); }
  .header .wizard-header .completed-range {
    background-color: #ffffff; }
  .header .wizard-header .tick {
    background-color: #0072ED; }
    .header .wizard-header .tick::after {
      background-color: #0072ED;
      border: 2px solid rgba(255, 255, 255, 0.4); }
    .header .wizard-header .tick:focus .label {
      border: 1px solid #ffffff;
      border-radius: 8px; }
    .header .wizard-header .tick .label {
      color: rgba(255, 255, 255, 0.5); }
    .header .wizard-header .tick.current, .header .wizard-header .tick.complete {
      background-color: #ffffff; }
      .header .wizard-header .tick.current::after, .header .wizard-header .tick.complete::after {
        background-color: #ffffff;
        border-color: transparent; }
      .header .wizard-header .tick.current .label, .header .wizard-header .tick.complete .label {
        color: #ffffff; }
    .header .wizard-header .tick.current {
      border-color: #ffffff; }
      .header .wizard-header .tick.current::before {
        border-color: #ffffff; }
    .header .wizard-header .tick.is-disabled .label {
      color: rgba(255, 255, 255, 0.3);
      font-weight: 400; }
    .header .wizard-header .tick.is-disabled.current, .header .wizard-header .tick.is-disabled.complete {
      background-color: #0072ED; }
      .header .wizard-header .tick.is-disabled.current::after, .header .wizard-header .tick.is-disabled.complete::after {
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 7px;
        content: '';
        height: 10px;
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .header .wizard-header a.tick:hover:not(.current):not(.is-disabled):not([disabled]) .label {
    color: #ffffff; }
  .header .wizard-header a.tick:focus:not(.is-clicked):not(.is-disabled):not([disabled]) .label {
    box-shadow: 0 0 0 1px #ffffff; }

.wizard-toolbar {
  background-color: #ffffff;
  border-bottom: 1px solid #B1B1B1;
  display: inline-block;
  height: 72px;
  padding: 0 30px;
  width: 100%; }
  .wizard-toolbar .hyperlink {
    display: inline-block;
    margin-top: -22px;
    position: relative;
    top: 50%; }
  .wizard-toolbar .wizard-header {
    background-color: #ffffff;
    padding: 27px 0 0; }
  .wizard-toolbar .wizard {
    display: inline-block;
    float: right;
    padding-right: 30px;
    width: 45%; }
    .wizard-toolbar .wizard .tick:not(.current):not(.complete) {
      background-color: #ffffff; }

.section-wizard {
  background-color: #ffffff;
  border-bottom: 1px solid #E0E0E1;
  padding: 20px 0 0; }
  .section-wizard .wizard-header {
    background-color: transparent; }
    .section-wizard .wizard-header .tick:not(.complete):not(.current) {
      background-color: #ffffff; }
  .section-wizard.alternate {
    background-color: #ffffff;
    border-bottom-color: #C5C5C9; }

html[dir='rtl'] .wizard-header .completed-range {
  left: auto;
  right: 0; }

html[dir='rtl'] .wizard-header .tick {
  margin-left: inherit;
  margin-right: -3px; }
  html[dir='rtl'] .wizard-header .tick::after {
    left: auto;
    right: 0; }
  html[dir='rtl'] .wizard-header .tick::before {
    border-radius: 50%;
    left: auto;
    right: -2.9px; }
  html[dir='rtl'] .wizard-header .tick.current::after, html[dir='rtl'] .wizard-header .tick.complete::after {
    left: auto;
    right: 2px; }

html[dir='rtl'] .wizard-toolbar .wizard {
  float: left;
  padding-left: 30px;
  padding-right: inherit; }
  html[dir='rtl'] .wizard-toolbar .wizard .label {
    padding-left: inherit;
    padding-right: 2.5px; }

.calendar {
  background-color: #ffffff;
  display: flex;
  height: 100%;
  overflow: auto;
  vertical-align: top;
  width: 100%; }
  .calendar .calendar-events {
    border-right: 1px solid #E0E0E1;
    border-top: 1px solid #E0E0E1;
    display: inline-block;
    flex: 0 0 auto;
    height: 100%;
    margin-right: -1px;
    min-height: 235px;
    overflow: auto;
    vertical-align: top;
    width: 220px; }
    .calendar .calendar-events .accordion-header a {
      font-size: 16px;
      font-size: 1.6rem; }
    .calendar .calendar-events .accordion-header > button {
      margin: 0 0 2px 10px; }
      .calendar .calendar-events .accordion-header > button svg {
        top: 0; }
    .calendar .calendar-events .accordion-header.is-focused:not(.hide-focus) {
      border-top-color: #0072ED; }
  .calendar .calendar-event-legend {
    display: none; }
  .calendar .calendar-monthview {
    background-color: #ffffff;
    flex: 1 1 auto; }
    @media (max-width: 967px) {
      .calendar .calendar-monthview.monthview.hidden ~ .calendar-event-details {
        display: none; } }
    .calendar .calendar-monthview .monthview-table {
      table-layout: fixed; }
    .calendar .calendar-monthview .monthview-header {
      height: 50px;
      background-color: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 3; }
    .calendar .calendar-monthview .monthview-legend {
      padding: 25px 5px 15px; }
  @media (min-width: 0) and (max-width: 967px) {
    .calendar .calendar-monthview .monthview-legend {
      padding: 10px 5px; }
    .calendar .calendar-event-legend {
      display: block;
      padding: 20px 20px 0; }
      .calendar .calendar-event-legend .calendar-event-legend-item {
        display: inline-block;
        margin: 0 20px 10px 0; }
        .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch {
          border-radius: 50px;
          display: inline-block;
          height: 12px;
          margin-right: 5px;
          width: 12px; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.ruby {
            background-color: #DA1217; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.amber {
            background-color: #F98300; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.emerald {
            background-color: #2AC371; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.azure {
            background-color: #0072ED; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.turquoise {
            background-color: #40BDBE; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.amethyst {
            background-color: #7928E1; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.slate {
            background-color: #6F6F76; }
          .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-swatch.graphite {
            background-color: #535353; }
        .calendar .calendar-event-legend .calendar-event-legend-item .calendar-event-legend-text {
          font-size: 12px;
          font-size: 1.2rem;
          color: #3B3B3F;
          position: relative;
          top: -2px; } }
  .calendar .calendar-weekview {
    flex: 1 1 auto; }
  .calendar .calendar-event-types {
    margin-bottom: -3px;
    margin-right: 5px; }
    .calendar .calendar-event-types.event-tree {
      padding-left: 10px; }
      .calendar .calendar-event-types.event-tree .tree ul a {
        display: inline-block;
        width: calc(90%);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 0;
        margin-left: 0; }
        .calendar .calendar-event-types.event-tree .tree ul a.is-disabled {
          color: #C5C5C9; }
      .calendar .calendar-event-types.event-tree .tree ul li {
        margin-left: 4px; }
        .calendar .calendar-event-types.event-tree .tree ul li.is-selected > a .tree-checkbox::before {
          background-color: transparent;
          border-color: #3B3B3F; }
        .calendar .calendar-event-types.event-tree .tree ul li.is-selected > a .tree-checkbox::after {
          border-color: #6F6F76; }
    .calendar .calendar-event-types .checkbox-label {
      margin: 0 0 8px 0; }
    .calendar .calendar-event-types .tree li.is-selected > a {
      background-color: transparent; }
  .calendar .calendar-event-more {
    font-size: 11px;
    font-size: 1.1rem;
    color: #161618;
    display: block;
    height: 18px;
    margin: 3px 10px 0;
    text-align: left;
    width: auto; }
    .calendar .calendar-event-more span {
      cursor: pointer; }
  .calendar .calendar-upcoming-events.accordion-content {
    padding: 5px 0 15px 12px !important; }
  .calendar .calendar-upcoming-event {
    border: 1px solid transparent;
    border-bottom: 1px solid #E0E0E1;
    color: #161618;
    cursor: pointer;
    display: block;
    margin: -5px 0 5px -12px;
    padding: 0 10px 10px;
    text-decoration: none; }
    .calendar .calendar-upcoming-event:focus {
      border-color: #0072ED !important;
      box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.1);
      outline: none; }
    .calendar .calendar-upcoming-event .calendar-upcoming-date {
      display: block;
      font-size: 1.6rem;
      padding: 10px; }
    .calendar .calendar-upcoming-event .calendar-upcoming-event-color {
      background-color: #0072ED;
      border: 1px solid transparent;
      border-radius: 50%;
      color: transparent;
      display: inline-block;
      font-size: 0;
      height: 8px;
      margin-left: 10px;
      vertical-align: top;
      width: 8px; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.ruby {
        background-color: #DA1217; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.amber {
        background-color: #F98300; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.emerald {
        background-color: #2AC371; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.azure {
        background-color: #0072ED; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.turquoise {
        background-color: #40BDBE; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.amethyst {
        background-color: #7928E1; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.slate {
        background-color: #6F6F76; }
      .calendar .calendar-upcoming-event .calendar-upcoming-event-color.graphite {
        background-color: #535353; }
    .calendar .calendar-upcoming-event .calendar-upcoming-description {
      display: inline-block;
      font-size: 1.6rem;
      left: 5px;
      overflow-wrap: break-word;
      position: relative;
      top: -4px;
      width: 110px; }
    .calendar .calendar-upcoming-event .calendar-upcoming-status-text {
      display: block;
      font-size: 1.6rem;
      font-style: italic;
      left: 25px;
      position: relative;
      top: 2px; }
      .calendar .calendar-upcoming-event .calendar-upcoming-status-text:empty + .calendar-upcoming-duration {
        top: -18px; }
    .calendar .calendar-upcoming-event .calendar-upcoming-duration {
      display: block;
      float: right;
      font-size: 1.6rem;
      font-style: italic;
      position: relative;
      right: 0;
      top: -12px; }
  .calendar .calendar-event-details-mobile.listview li:first-child {
    border-top: 1px solid #E0E0E1; }
  .calendar .calendar-event-details-mobile.listview li {
    border-bottom-color: #E0E0E1; }
  @media (min-width: 968px) {
    .calendar .calendar-event-details-mobile.listview {
      display: none !important; } }

.calendar-event-details {
  background-color: #ffffff;
  border-left: 1px solid #E0E0E1;
  flex: 0 0 auto;
  height: 100%;
  margin-top: -1px;
  min-height: 235px;
  overflow: auto;
  vertical-align: top;
  width: 221px; }
  .calendar-event-details.has-only-one .accordion-pane {
    border-bottom: 1px solid #E0E0E1; }
  .calendar-event-details.has-only-one .accordion-header.has-chevron > a {
    width: calc(100% - 3px); }
  .calendar-event-details.has-only-one .accordion-header .btn {
    display: none; }
  .calendar-event-details .accordion-pane {
    background-color: #ffffff; }
    .calendar-event-details .accordion-pane .data {
      font-size: 1.6rem; }
    .calendar-event-details .accordion-pane .icon {
      color: #6F6F76;
      height: 16px;
      margin-left: 5px;
      margin-top: 1px;
      width: 16px; }
    .calendar-event-details .accordion-pane .field {
      border-top: 1px solid #E0E0E1;
      margin-bottom: 15px;
      padding-top: 15px;
      width: calc(100% - 20px); }
      .calendar-event-details .accordion-pane .field:first-child {
        border-top-color: transparent; }
  .calendar-event-details .accordion-header:hover > a {
    text-decoration: none; }
  .calendar-event-details .accordion-header.has-chevron > a {
    line-height: 15px;
    width: calc(100% - 40px); }
  .calendar-event-details .accordion-header a {
    color: #ffffff;
    font-size: 2.8rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 400; }
  .calendar-event-details .accordion-header .btn {
    margin-left: -3px;
    margin-top: 3px; }
    .calendar-event-details .accordion-header .btn .chevron {
      color: #ffffff; }
  .calendar-event-details .accordion-header.ruby {
    background-color: #DA1217; }
  .calendar-event-details .accordion-header.amber {
    background-color: #F98300; }
  .calendar-event-details .accordion-header.emerald {
    background-color: #2AC371; }
  .calendar-event-details .accordion-header.azure {
    background-color: #0072ED; }
  .calendar-event-details .accordion-header.turquoise {
    background-color: #40BDBE; }
  .calendar-event-details .accordion-header.amethyst {
    background-color: #7928E1; }
  .calendar-event-details .accordion-header.slate {
    background-color: #6F6F76; }
  .calendar-event-details .accordion-header.graphite {
    background-color: #535353; }

.calendar-event-modal .field input.spinbox {
  width: calc(100% - 66px) !important; }

.calendar-event-modal .container .form-responsive .field .checkbox-label {
  margin-bottom: 0;
  margin-top: 0; }

.calendar-popup {
  max-width: 320px;
  width: 320px; }
  .calendar-popup .tooltip-content {
    height: calc(100% - 49px);
    overflow: auto;
    padding: 20px 0 0; }
  .calendar-popup .modal-buttonset {
    background-color: #ffffff;
    border-top: 0;
    height: 45px;
    margin-top: 0;
    padding: 0;
    position: sticky;
    z-index: 3011; }
    .calendar-popup .modal-buttonset button {
      background-color: #ffffff;
      border-top: 1px solid #C5C5C9;
      width: 50%; }

@media (min-width: 0) and (max-width: 967px) {
  .calendar-popup.calendar-popup-mobile {
    height: 100% !important;
    left: 0 !important;
    max-width: 100%;
    top: 0 !important;
    width: 100% !important; }
    .calendar-popup.calendar-popup-mobile .tooltip-content {
      height: calc(100% - 96px); }
    .calendar-popup.calendar-popup-mobile .modal-buttonset {
      bottom: 3px;
      position: absolute;
      width: 100%; } }

@media (min-width: 0) and (max-width: 479px) {
  .calendar .calendar-event-details-mobile .listview-micro {
    padding-right: 10px;
    position: absolute; } }

@media (min-width: 967px) {
  .calendar .calendar-event-details .listview {
    display: none; } }

@media (min-width: 0) and (max-width: 967px) {
  .calendar {
    flex-wrap: wrap; }
    .calendar .calendar-events,
    .calendar .calendar-event-details {
      display: none; }
    .calendar .calendar-event-details {
      width: 100%; }
      .calendar .calendar-event-details .accordion-header,
      .calendar .calendar-event-details .accordion-pane {
        display: none; }
      .calendar .calendar-event-details .listview-heading {
        display: inline-block;
        width: 80%; }
      .calendar .calendar-event-details .listview-micro {
        display: inline-block;
        float: right;
        margin-top: 2px;
        text-align: right;
        width: 20%; }
      .calendar .calendar-event-details .status-swatch {
        border-radius: 50px;
        display: inline-block;
        height: 12px;
        margin-right: 5px;
        width: 12px; }
        .calendar .calendar-event-details .status-swatch + p {
          display: inline-block;
          vertical-align: top; }
        .calendar .calendar-event-details .status-swatch.ruby {
          background-color: #DA1217; }
        .calendar .calendar-event-details .status-swatch.amber {
          background-color: #F98300; }
        .calendar .calendar-event-details .status-swatch.emerald {
          background-color: #2AC371; }
        .calendar .calendar-event-details .status-swatch.azure {
          background-color: #0072ED; }
        .calendar .calendar-event-details .status-swatch.turquoise {
          background-color: #40BDBE; }
        .calendar .calendar-event-details .status-swatch.amethyst {
          background-color: #7928E1; }
        .calendar .calendar-event-details .status-swatch.slate {
          background-color: #6F6F76; }
        .calendar .calendar-event-details .status-swatch.graphite {
          background-color: #535353; }
    .calendar .calendar-event-details-mobile {
      height: auto;
      margin-bottom: 20px; }
      .calendar .calendar-event-details-mobile.listview {
        cursor: pointer;
        display: inline-block;
        width: 100%; }
        .calendar .calendar-event-details-mobile.listview li {
          min-height: 70px; }
          .calendar .calendar-event-details-mobile.listview li .container {
            align-items: center;
            display: flex; }
          .calendar .calendar-event-details-mobile.listview li .column-left {
            float: left;
            width: 70%; }
          .calendar .calendar-event-details-mobile.listview li .column-right {
            float: right;
            margin-right: 15px;
            text-align: right;
            width: 30%; }
          .calendar .calendar-event-details-mobile.listview li .listview-micro {
            display: inline-flex;
            float: none;
            padding-right: 0;
            width: auto; }
          .calendar .calendar-event-details-mobile.listview li .icon {
            color: #6F6F76;
            display: inline-flex;
            left: 10px;
            top: 4px; }
      .calendar .calendar-event-details-mobile .listview-heading {
        display: inline-flex;
        width: 80%; }
      .calendar .calendar-event-details-mobile .listview-micro {
        float: right;
        margin-top: 2px;
        position: relative;
        text-align: right;
        width: 30%; }
      .calendar .calendar-event-details-mobile .status-swatch {
        border-radius: 50px;
        display: inline-block;
        height: 12px;
        margin-right: 5px;
        width: 12px; }
        .calendar .calendar-event-details-mobile .status-swatch + p {
          display: inline-block;
          vertical-align: top; }
        .calendar .calendar-event-details-mobile .status-swatch.ruby {
          background-color: #DA1217; }
        .calendar .calendar-event-details-mobile .status-swatch.amber {
          background-color: #F98300; }
        .calendar .calendar-event-details-mobile .status-swatch.emerald {
          background-color: #2AC371; }
        .calendar .calendar-event-details-mobile .status-swatch.azure {
          background-color: #0072ED; }
        .calendar .calendar-event-details-mobile .status-swatch.turquoise {
          background-color: #40BDBE; }
        .calendar .calendar-event-details-mobile .status-swatch.amethyst {
          background-color: #7928E1; }
        .calendar .calendar-event-details-mobile .status-swatch.slate {
          background-color: #6F6F76; }
        .calendar .calendar-event-details-mobile .status-swatch.graphite {
          background-color: #535353; }
    .calendar .calendar-monthview {
      border-bottom-color: transparent !important;
      border-right-color: transparent !important;
      width: 100%; } }

html[dir='rtl'] .calendar #calendar-view-changer + .dropdown-wrapper {
  float: left !important;
  right: -15px !important; }

html[dir='rtl'] .calendar .today {
  margin-right: 15px; }

html[dir='rtl'] .calendar .monthview.is-fullsize.monthview td:last-child {
  border-left: 0; }

html[dir='rtl'] .calendar-events .accordion-header > button {
  margin: -1px 7px 2px 0; }

html[dir='rtl'] .calendar-event {
  border-left: 0; }
  html[dir='rtl'] .calendar-event.event-day-end {
    border-radius: 3px 0 0 3px;
    border-right: 0 !important;
    margin-right: 0; }
  html[dir='rtl'] .calendar-event.event-day-span {
    border-right: 0 !important; }
  html[dir='rtl'] .calendar-event.event-day-start {
    border-radius: 0 3px 3px 0;
    padding-left: 4px;
    padding-right: 0;
    border-right: 5px solid #0066D4; }
  html[dir='rtl'] .calendar-event.calendar-event-start {
    border-right: 5px solid #0066D4; }
  html[dir='rtl'] .calendar-event.ruby {
    border-right: 5px solid #C31014; }
  html[dir='rtl'] .calendar-event.amber {
    border-right: 5px solid #DF6F00; }
  html[dir='rtl'] .calendar-event.emerald {
    border-right: 5px solid #25AF65; }
  html[dir='rtl'] .calendar-event.turquoise {
    border-right: 5px solid #39A9AA; }
  html[dir='rtl'] .calendar-event.amethyst {
    border-right: 5px solid #6C23C9; }
  html[dir='rtl'] .calendar-event.slate {
    border-right: 5px solid #525257; }
  html[dir='rtl'] .calendar-event.graphite {
    border-right: 5px solid #4A4A4A; }
  html[dir='rtl'] .calendar-event .calendar-event-content {
    padding: 1px 5px;
    text-align: right; }

html[dir='rtl'] .calendar-event-details {
  border: 0; }

html[dir='rtl'] .calendar-event-types .checkbox-label {
  padding-right: 25px; }
  html[dir='rtl'] .calendar-event-types .checkbox-label::after {
    right: 6px !important; }

html[dir='rtl'] .calendar-event-types.event-tree .tree li {
  margin-right: 0; }
  html[dir='rtl'] .calendar-event-types.event-tree .tree li.is-partial > a .tree-checkbox::after {
    right: 3px; }
  html[dir='rtl'] .calendar-event-types.event-tree .tree li .tree-checkbox {
    left: 24px; }
    html[dir='rtl'] .calendar-event-types.event-tree .tree li .tree-checkbox::after {
      right: 5px; }

html[dir='rtl'] .calendar-toolbar .monthview-datepicker {
  margin-left: 5px;
  margin-right: 15px;
  position: static; }

html[dir='rtl'] .calendar-upcoming-events .calendar-upcoming-description {
  margin-left: 0;
  margin-right: 10px; }

html[dir='rtl'] .calendar-upcoming-events .calendar-upcoming-status-text {
  left: 0;
  right: 25px; }

html[dir='rtl'] .calendar-upcoming-events .calendar-upcoming-duration {
  float: left;
  left: 5px;
  right: 0; }

html[dir='rtl'].is-safari .calendar-event-types.event-tree .tree.is-multiselect li .tree-checkbox::before {
  right: 0; }

.monthview-header .calendar-toolbar,
.week-view-header .calendar-toolbar {
  border-bottom: 1px solid #E0E0E1;
  height: 50px;
  text-indent: 20px; }

.calendar-event {
  font-size: 11px;
  font-size: 1.1rem;
  background-color: #BEDCFA;
  border: 1px solid transparent;
  border-left: 5px solid #0066D4;
  border-radius: 3px;
  color: #161618;
  cursor: pointer;
  display: block;
  height: 18px;
  margin: 0 2px;
  width: calc(100% - 4px); }
  .calendar-event.event-day-start {
    border-radius: 3px 0 0 3px;
    padding-right: 4px;
    width: calc(100% - 1px); }
  .calendar-event.event-day-span {
    border-left: 0 !important;
    border-radius: 0;
    margin: 0;
    width: 100%;
    z-index: 1; }
    .calendar-event.event-day-span .calendar-event-icon {
      display: none; }
    .calendar-event.event-day-span .calendar-event-title {
      display: none; }
  .calendar-event.event-day-end {
    border-left: 0 !important;
    border-radius: 0 3px 3px 0;
    margin-left: 0;
    width: calc(100% - 2px);
    z-index: 1; }
    .calendar-event.event-day-end .calendar-event-icon {
      display: none; }
    .calendar-event.event-day-end .calendar-event-title {
      display: none; }
  .calendar-event .calendar-event-content {
    color: #161618;
    overflow: hidden;
    padding: 2px 5px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .calendar-event .calendar-event-icon {
    width: 20px; }
    .calendar-event .calendar-event-icon .icon {
      color: #161618;
      height: 12px;
      top: 0;
      vertical-align: top;
      width: 13px; }
  .calendar-event.ruby {
    background-color: #F5C3C4;
    border-left: 5px solid #C31014; }
  .calendar-event.amber {
    background-color: #FCC888;
    border-left: 5px solid #DF6F00; }
  .calendar-event.emerald {
    background-color: #A1E4BF;
    border-left: 5px solid #25AF65; }
  .calendar-event.turquoise {
    background-color: #A8E1E1;
    border-left: 5px solid #39A9AA; }
  .calendar-event.amethyst {
    background-color: #C2A1F1;
    border-left: 5px solid #6C23C9; }
  .calendar-event.slate {
    background-color: #C5C5C9;
    border-left: 5px solid #525257; }
  .calendar-event.graphite {
    background-color: #B1B1B1;
    border-left: 5px solid #4A4A4A; }
  .calendar-event:focus {
    border-color: #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
    outline: none;
    outline-color: transparent; }

.calendar-event-spacer {
  display: block;
  height: 18px; }

/* stylelint-disable media-feature-name-no-vendor-prefix */
/* stylelint-disable media-feature-name-no-unknown */
.calendar-toolbar .datepicker {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 0 4px 3px transparent;
  padding: 8px 36px 7px 8px; }
  .calendar-toolbar .datepicker:focus {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
    outline: none;
    outline-color: transparent; }
  .calendar-toolbar .datepicker + .icon {
    margin-left: -25px;
    position: relative;
    top: 2px; }

.calendar-toolbar button.prev,
.calendar-toolbar button.next {
  margin-left: -10px; }

.calendar-toolbar button.prev span.hitbox-area {
  left: -5px; }

.calendar-toolbar button.next span.hitbox-area {
  left: 4px; }

.calendar-toolbar .monthview-datepicker {
  margin-left: -5px;
  position: relative;
  top: 2px; }
  .calendar-toolbar .monthview-datepicker .trigger {
    margin-left: -29px;
    margin-top: -1px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
    height: 32px; }
    .calendar-toolbar .monthview-datepicker .trigger span.hitbox-area {
      left: -7px; }

.calendar-toolbar .apply,
.calendar-toolbar .today {
  font-size: 1.6rem;
  font-weight: 600;
  margin-left: 5px;
  text-decoration: none;
  top: 1px; }

.calendar-toolbar .dropdown-wrapper {
  right: 20px;
  text-indent: 0;
  top: 9px;
  width: 105px; }
  .calendar-toolbar .dropdown-wrapper.dropdown-wrapper-small {
    right: 7px; }

.calendar-toolbar .toolbar-section > .month,
.calendar-toolbar .toolbar-section > .year {
  color: #161618;
  font-size: 2.8rem;
  position: relative;
  top: -1px; }

.calendar-toolbar .toolbar-section .btn-cal-month-year,
.calendar-toolbar .toolbar-section .btn-monthyear-pane {
  border-radius: 2px;
  color: #161618;
  font-size: 2.8rem;
  font-weight: 400;
  padding: 4px 5px; }
  @media only screen and (minwidth: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .calendar-toolbar .toolbar-section .btn-cal-month-year,
    .calendar-toolbar .toolbar-section .btn-monthyear-pane {
      margin-left: 5px;
      max-width: unset; } }

.calendar-toolbar .toolbar-section.l-align-right {
  text-align: right; }

.calendar-toolbar .toolbar-section.l-align-left {
  text-align: left; }

.calendar-toolbar.is-alternate .today {
  left: -6px;
  margin-left: 0;
  position: relative; }

.calendar-toolbar.is-inpage .toolbar-section {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-height: 48px;
  overflow: hidden;
  padding: 4px; }
  .calendar-toolbar.is-inpage .toolbar-section.no-next-previous {
    margin-right: 15px; }

.calendar-toolbar.is-inpage .btn-inpage-cal,
.calendar-toolbar.is-inpage .prev,
.calendar-toolbar.is-inpage .next {
  border-radius: 50%;
  height: 40px;
  margin: 0;
  width: 40px; }

.calendar-toolbar.is-inpage .btn-inpage-cal {
  margin-right: 0; }
  .calendar-toolbar.is-inpage .btn-inpage-cal.active:not([disabled]) .icon {
    color: #6F6F76; }

.calendar-toolbar.is-inpage .apply {
  padding: 9px 3px; }

.calendar-toolbar.is-inpage .today {
  --ripple-background: #0072ED;
  padding: 9px 3px; }

.calendar-toolbar.is-inpage .btn-cal-month-year.active:not([disabled]) .icon {
  color: #6F6F76; }

.calendar-toolbar.is-inpage .btn-cal-month-year .icon {
  margin-left: 5px;
  margin-right: 5px; }

.calendar-toolbar.is-inpage .btn-cal-month-year,
.calendar-toolbar.is-inpage .btn-monthyear-pane {
  height: 40px; }

.is-fullsize .calendar-toolbar {
  border-bottom: 1px solid #E0E0E1;
  height: 50px;
  padding-left: 20px; }

.monthview-popup .calendar-toolbar {
  border-bottom: 1px solid #C5C5C9;
  padding: 0 5px 0 20px; }
  @media only screen and (max-device-width: 320px) {
    .monthview-popup .calendar-toolbar {
      min-width: 324px; } }
  @media only screen and (minwidth: 320px) and (ax-device-width: m 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .monthview-popup .calendar-toolbar {
      padding: 0 5px; } }

html[dir='rtl'] .calendar-toolbar button.prev,
html[dir='rtl'] .calendar-toolbar button.next {
  left: 0;
  margin-left: -5px !important;
  right: auto;
  transform: rotate(180deg); }

html[dir='rtl'] .calendar-toolbar .toolbar-section > .month,
html[dir='rtl'] .calendar-toolbar .toolbar-section > .year {
  top: -3px; }

html[dir='rtl'] .calendar-toolbar .toolbar-section .btn-monthyear-pane {
  padding: 0;
  top: -2px; }

html[dir='rtl'] .calendar-toolbar .is-alternate .today {
  left: 0; }

html[dir='rtl'] .calendar-toolbar .datepicker {
  padding: 8px 3px 7px 35px; }

html[dir='rtl'] .calendar-toolbar .datepicker + .icon {
  margin-right: -15px;
  margin-top: 11px; }

html[dir='rtl'] .calendar-toolbar .today {
  left: 0;
  margin-right: 33px; }

html[dir='rtl'] .calendar-toolbar #monthview-datepicker-field + .icon {
  margin-right: -22px; }

html[dir='rtl'] .monthview-popup .calendar-toolbar {
  padding: 0 20px 0 5px; }

.calendar-toolbar .datepicker {
  font-size: 20px;
  font-size: 2rem;
  padding: 4px 36px 4px 8px; }

.calendar-toolbar .toolbar-section > .month,
.calendar-toolbar .toolbar-section > .year {
  font-size: 20px;
  font-size: 2rem; }

.calendar-toolbar .dropdown-wrapper {
  top: 12px; }

.calendar-toolbar .today.is-disabled {
  color: rgba(197, 197, 201, 0.5);
  cursor: default; }

.calendar-toolbar .monthview-datepicker .trigger {
  margin-top: 2px;
  position: relative; }

.calendar-event-details .accordion-header a {
  font-size: 20px;
  font-size: 2rem; }

.calendar-toolbar .datepicker + .icon {
  top: 1px; }

.calendar .calendar-upcoming-event .calendar-upcoming-status-text:empty + .calendar-upcoming-duration {
  top: -24px; }

.calendar .calendar-event .calendar-event-content {
  padding: 1px 5px; }

.calendar-event .calendar-event-icon .icon {
  height: 14px;
  left: -1px;
  top: 0; }

@media (min-width: 0) and (max-width: 967px) {
  .calendar .calendar-event-details-mobile .status-swatch {
    margin-top: 5px; }
  .calendar .calendar-event-details-mobile ul li .r-content .btn-icon {
    margin-top: 3px; } }

.composite-form {
  height: 100%;
  margin-top: 0; }
  .composite-form > .scrollable-flex-content {
    border-top: 1px solid #C5C5C9;
    height: inherit;
    overflow-y: hidden; }
    .composite-form > .scrollable-flex-content > .tab-panel-container {
      height: inherit; }
      .composite-form > .scrollable-flex-content > .tab-panel-container.scrollable, .composite-form > .scrollable-flex-content > .tab-panel-container.scrollable-x, .composite-form > .scrollable-flex-content > .tab-panel-container.scrollable-y {
        height: 100%; }
    .composite-form > .scrollable-flex-content > .tab-container.horizontal {
      padding: 0 0 0 20px; }
      .composite-form > .scrollable-flex-content > .tab-container.horizontal + .tab-panel-container.scrollable, .composite-form > .scrollable-flex-content > .tab-container.horizontal + .tab-panel-container.scrollable-x, .composite-form > .scrollable-flex-content > .tab-container.horizontal + .tab-panel-container.scrollable-y {
        height: calc(100% - 40px); }
    .composite-form > .scrollable-flex-content > .tab-container.vertical {
      height: 100%;
      min-height: 0; }
  .composite-form > .scrollable-flex-header {
    height: auto; }
  .composite-form .tab-panel-container {
    background-color: #ffffff; }
  .composite-form .tab-panel {
    margin: 20px 0;
    padding-top: 0; }
  .composite-form.on-side {
    flex-direction: row; }
    .composite-form.on-side > .scrollable-flex-header {
      width: 250px; }
    .composite-form.on-side > .scrollable-flex-content {
      border-left: 1px solid #C5C5C9;
      border-top: 0;
      width: calc(100% - 250px); }
  .composite-form.is-in-responsive-mode {
    overflow: auto; }
    .composite-form.is-in-responsive-mode > .scrollable-flex-content {
      flex-shrink: 0; }
      .composite-form.is-in-responsive-mode > .scrollable-flex-content > .tab-container {
        height: 40px; }
        .composite-form.is-in-responsive-mode > .scrollable-flex-content > .tab-container + .tab-panel-container {
          height: calc(100% - 41px); }
    .composite-form.is-in-responsive-mode.on-side {
      flex-direction: column; }
      .composite-form.is-in-responsive-mode.on-side > .scrollable-flex-header,
      .composite-form.is-in-responsive-mode.on-side > .scrollable-flex-content {
        width: auto; }
      .composite-form.is-in-responsive-mode.on-side > .scrollable-flex-content {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 1px solid #C5C5C9; }
  .composite-form:not(.is-in-responsive-mode).on-side .scrollable-flex-header .one-third.column {
    float: none;
    width: auto; }
  .composite-form:not(.is-in-responsive-mode).on-side > .scrollable-flex-header .expandable-expander {
    display: none; }
  .composite-form .expandable-pane {
    margin: 4px 28px; }
  .composite-form .expandable-footer {
    margin-bottom: 12px !important;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 10px !important; }

html[dir='rtl'] .composite-form > .scrollable-flex-content > .tab-container.horizontal {
  padding: 0 20px 0 0; }

html[dir='rtl'] .composite-form.on-side > .scrollable-flex-content {
  border-left: 0;
  border-right: 1px solid #C5C5C9; }

.modal.contextual-action-panel {
  -webkit-transition: opacity 0.2s, transform 0.2s;
  -moz-transition: opacity 0.2s, transform 0.2s;
  -o-transition: opacity 0.2s, transform 0.2s;
  -ms-transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s; }
  .modal.contextual-action-panel.is-animating {
    -webkit-transform: translate3d(0%, 50%, 0);
    -moz-transform: translate3d(0%, 50%, 0);
    -o-transform: translate3d(0%, 50%, 0);
    -ms-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0);
    opacity: 0; }
  .modal.contextual-action-panel .modal-content {
    padding: 0; }
    .modal.contextual-action-panel .modal-content .modal-body-wrapper {
      background: #ffffff;
      padding: 0; }
  .modal.contextual-action-panel .modal-header {
    background-color: #F5F5F5;
    border-bottom: 1px solid #C5C5C9;
    height: 50px;
    padding: 0; }
    .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.title {
      padding-left: 15px; }
      .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.title span {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap; }
        @media (min-width: 481px) {
          .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.title span {
            width: 150px; } }
        @media (min-width: 611px) {
          .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.title span {
            width: 250px; } }
        @media (max-width: 480px) {
          .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.title span {
            display: none; } }
    @media (max-width: 375px) {
      .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.buttonset {
        width: 100%; } }
    @media (max-width: 460px) {
      .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section .separator {
        margin: 3px 0 0; } }
    @media (max-width: 766px) {
      .modal.contextual-action-panel .modal-header .flex-toolbar.has-close-button .toolbar-section.search .toolbar-searchfield-wrapper {
        overflow: hidden; } }
    .modal.contextual-action-panel .modal-header .go-back-button {
      display: inline-block;
      width: 34px;
      height: 34px;
      margin-inline-start: 5px;
      vertical-align: middle; }
      .modal.contextual-action-panel .modal-header .go-back-button .go-back svg {
        height: 14px;
        width: 14px; }
      .modal.contextual-action-panel .modal-header .go-back-button + .toolbar {
        display: inline-block;
        width: calc(100% - 42px); }
        .modal.contextual-action-panel .modal-header .go-back-button + .toolbar .title {
          display: none; }
        .modal.contextual-action-panel .modal-header .go-back-button + .toolbar .title-detail {
          display: inline-block;
          margin-inline-start: 5px;
          line-height: 2.7; }
    .modal.contextual-action-panel .modal-header .toolbar .toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) {
      border-radius: 0; }
      .modal.contextual-action-panel .modal-header .toolbar .toolbar-searchfield-wrapper:not(.is-open):not(.non-collapsible) .searchfield {
        height: 34px; }
    .modal.contextual-action-panel .modal-header .toolbar .title-detail {
      display: none; }
    @media (max-width: 519px) {
      .modal.contextual-action-panel .modal-header .toolbar.searchfield-active .title + .buttonset .toolbar-searchfield-wrapper {
        width: calc(100% - 45px) !important; } }
    @media (max-width: 766px) {
      .modal.contextual-action-panel .modal-header .toolbar:not(.has-more-button) .title {
        width: auto !important; } }
    @media (max-width: 766px) {
      .modal.contextual-action-panel .modal-header .toolbar:not(.has-more-button) .title + .buttonset {
        width: calc(100% - 5px) !important;
        height: 41px; } }
    .modal.contextual-action-panel .modal-header .toolbar:not(.searchfield-active) .toolbar-searchfield-wrapper .searchfield {
      padding-right: 0; }
  .modal.contextual-action-panel .flex-toolbar {
    height: inherit;
    margin: 0 auto;
    padding: 0 5px; }
  .modal.contextual-action-panel .toolbar {
    height: 50px;
    margin-bottom: 0; }
    .modal.contextual-action-panel .toolbar .title,
    .modal.contextual-action-panel .toolbar .title-detail {
      font-size: 2.8rem;
      height: inherit;
      margin-inline-start: 15px;
      top: 0; }
    .modal.contextual-action-panel .toolbar .is-open + .separator {
      margin: 5px 7px 0 19px; }
    .modal.contextual-action-panel .toolbar .separator {
      background-color: #525257;
      margin: 5px 7px 0;
      pointer-events: none;
      top: 5px; }
    .modal.contextual-action-panel .toolbar .has-close-button {
      display: inline-block;
      width: calc(100% - 105px); }
    .modal.contextual-action-panel .toolbar .buttonset .toolbar-searchfield-wrapper + .separator {
      margin-left: 12px;
      margin-right: 12px; }
    .modal.contextual-action-panel .toolbar .buttonset .toolbar-searchfield-wrapper.is-open + .separator {
      margin-left: 20px; }
  .modal.contextual-action-panel .toolbar-section.buttonset:last-child, .modal.contextual-action-panel .toolbar-section.search:last-child {
    padding-right: 0; }
  .modal.contextual-action-panel .toolbar-section.buttonset > *:last-child, .modal.contextual-action-panel .toolbar-section.search > *:last-child {
    margin-right: 0; }
  .modal.contextual-action-panel .toolbar-searchfield-wrapper.is-open .searchfield {
    background-color: #ffffff;
    border-color: #C5C5C9; }
  .modal.contextual-action-panel .close-button {
    display: inline-block; }
    @media (max-width: 460px) {
      .modal.contextual-action-panel .close-button {
        min-width: 50px; } }
    .modal.contextual-action-panel .close-button .btn {
      margin: 7px 5px 3px 0;
      vertical-align: middle; }
    @media (max-width: 460px) {
      .modal.contextual-action-panel .close-button span {
        display: none; } }
  .modal.contextual-action-panel .buttonset [class^='btn']:last-child {
    margin-inline-end: 10px; }
  .modal.contextual-action-panel .modal-body {
    padding: 3rem 0; }
    .modal.contextual-action-panel .modal-body .field:last-child input,
    .modal.contextual-action-panel .modal-body .field:last-child textarea {
      margin-bottom: 10px; }
    .modal.contextual-action-panel .modal-body .full-width {
      padding-top: 0; }
    @media (max-width: 480px) {
      .modal.contextual-action-panel .modal-body textarea {
        width: 100%; } }
    .modal.contextual-action-panel .modal-body.has-back-button {
      display: flex;
      flex-wrap: nowrap; }
  .modal.contextual-action-panel .content-detail,
  .modal.contextual-action-panel .content-main {
    -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);
    display: flex; }

html[dir='rtl'] .modal.contextual-action-panel .toolbar-section.buttonset:last-child, html[dir='rtl'] .modal.contextual-action-panel .toolbar-section.search:last-child {
  padding-left: 0;
  padding-right: auto; }

html[dir='rtl'] .modal.contextual-action-panel .toolbar-section.buttonset > *:last-child, html[dir='rtl'] .modal.contextual-action-panel .toolbar-section.search > *:last-child {
  margin-left: 0;
  margin-right: auto; }

html[dir='rtl'] .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.title {
  font-size: 2.8rem;
  padding-left: 0;
  padding-right: 15px; }
  html[dir='rtl'] .modal.contextual-action-panel .modal-header .flex-toolbar .toolbar-section.title h2 {
    font-size: 2.8rem; }

@media (max-width: 766px) {
  .modal.contextual-action-panel .btn-close .icon {
    width: 16px; }
  .modal.contextual-action-panel .toolbar {
    height: 50px;
    margin-bottom: 0; }
    .modal.contextual-action-panel .toolbar .title,
    .modal.contextual-action-panel .toolbar .title-detail {
      margin-right: 15px; } }

.modal.contextual-action-panel .toolbar .title,
.modal.contextual-action-panel .toolbar .title-detail,
.modal.contextual-action-panel .flex-toolbar .title,
.modal.contextual-action-panel .flex-toolbar .title {
  font-size: 2.2rem; }
  .modal.contextual-action-panel .toolbar .title h2,
  .modal.contextual-action-panel .toolbar .title-detail h2,
  .modal.contextual-action-panel .flex-toolbar .title h2,
  .modal.contextual-action-panel .flex-toolbar .title h2 {
    font-size: 2.2rem; }

.modal.contextual-action-panel.is-visible .modal-body-wrapper .flex-toolbar {
  padding: 0 5px 5px; }
  .modal.contextual-action-panel.is-visible .modal-body-wrapper .flex-toolbar .title h2 {
    font-size: 1.8rem; }

.modal.contextual-action-panel .modal-header .go-back-button .go-back svg {
  height: 18px;
  width: 18px; }

.modal.contextual-action-panel .modal-header .go-back-button + .toolbar {
  width: calc(100% - 41px); }
  .modal.contextual-action-panel .modal-header .go-back-button + .toolbar .title-detail {
    line-height: 2; }

html[dir='rtl'] .modal.contextual-action-panel .modal-header .go-back-button {
  margin-top: 3px; }
  html[dir='rtl'] .modal.contextual-action-panel .modal-header .go-back-button + .toolbar .title,
  html[dir='rtl'] .modal.contextual-action-panel .modal-header .go-back-button + .toolbar .title-detail {
    line-height: 2.2; }

.datagrid-container {
  background-color: transparent;
  border: 1px solid #C5C5C9;
  display: flex;
  height: inherit;
  min-width: 100%;
  overflow: hidden;
  position: relative; }
  .datagrid-container td.is-editing .btn-icon > .icon {
    position: relative; }
  .datagrid-container.has-empty-message.is-empty .datagrid-wrapper {
    min-height: 300px; }
  .datagrid-container.has-empty-message.is-empty.empty-message-height-small {
    height: 130px; }
    .datagrid-container.has-empty-message.is-empty.empty-message-height-small.medium-rowheight {
      height: 123px; }
      .datagrid-container.has-empty-message.is-empty.empty-message-height-small.medium-rowheight .empty-message {
        top: calc(50% + 30px) !important; }
    .datagrid-container.has-empty-message.is-empty.empty-message-height-small.small-rowheight {
      height: 116px; }
      .datagrid-container.has-empty-message.is-empty.empty-message-height-small.small-rowheight .empty-message {
        top: calc(50% + 27px) !important; }
    .datagrid-container.has-empty-message.is-empty.empty-message-height-small.extra-small-rowheight {
      height: 110px; }
      .datagrid-container.has-empty-message.is-empty.empty-message-height-small.extra-small-rowheight .empty-message {
        top: calc(50% + 25px) !important; }
    .datagrid-container.has-empty-message.is-empty.empty-message-height-small .datagrid-wrapper {
      min-height: auto; }
    .datagrid-container.has-empty-message.is-empty.empty-message-height-small .empty-message {
      min-height: auto;
      padding-bottom: 0; }
      .datagrid-container.has-empty-message.is-empty.empty-message-height-small .empty-message .empty-title {
        font-size: 1.6rem;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        padding-bottom: 0; }
  .datagrid-container.has-empty-message.is-empty.has-horizontal-scroll .datagrid-wrapper.left,
  .datagrid-container.has-empty-message.is-empty.has-horizontal-scroll .datagrid-wrapper.right {
    overflow-x: auto; }
  .datagrid-container.has-empty-message.is-empty .empty-message div:only-child:is(.empty-title) {
    padding: unset;
    margin-top: 20px; }
  .datagrid-container.has-horizontal-scroll .datagrid-wrapper.left,
  .datagrid-container.has-horizontal-scroll .datagrid-wrapper.right {
    overflow-x: scroll; }
  .datagrid-container .datagrid-wrapper.left + .datagrid-wrapper.center th:first-child {
    border-left: 1px solid #C5C5C9; }
  .datagrid-container .datagrid-wrapper.left + .datagrid-wrapper.center td:first-child {
    border-left: 1px solid #C5C5C9; }
    .datagrid-container .datagrid-wrapper.left + .datagrid-wrapper.center td:first-child.is-invisible {
      border-left-color: transparent; }
  .datagrid-container.has-vertical-scroll .datagrid-wrapper.right {
    overflow-x: scroll;
    overflow-y: scroll; }
  .datagrid-container.has-group-headers tr.datagrid-header-groups th {
    border-bottom: 1px solid #C5C5C9;
    top: 0; }
  .datagrid-container.has-group-headers tr:not(.datagrid-header-groups) th {
    top: 36px; }
  .datagrid-container.has-group-headers.small-rowheight tr:not(.datagrid-header-groups) th,
  .datagrid-container.has-group-headers.extra-small-rowheight tr:not(.datagrid-header-groups) th {
    top: 26px; }
  .datagrid-container.has-group-headers.medium-rowheight tr:not(.datagrid-header-groups) th {
    top: 31px; }
  .datagrid-container.is-empty .datagrid {
    border-bottom: 1px solid transparent;
    height: auto; }
  .datagrid-container .datagrid-wrapper .datagrid-cell-wrapper > .icon {
    vertical-align: middle; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-error td:first-child:first-child {
    border-left: 1px solid #DA1217; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-error td:first-child:last-child {
    border-right: 1px solid #DA1217; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-dirty td:first-child:first-child {
    border-left: 1px solid #FFD100; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-dirty td:first-child:last-child {
    border-right: 1px solid #FFD100; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-alert td:first-child:first-child {
    border-left: 1px solid #F98300; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-alert td:first-child:last-child {
    border-right: 1px solid #F98300; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-info td:first-child:first-child {
    border-left: 1px solid #0072ED; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-info td:first-child:last-child {
    border-right: 1px solid #0072ED; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-in-progress td:first-child:first-child {
    border-left: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-in-progress td:first-child:last-child {
    border-right: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-success td:first-child:first-child {
    border-left: 1px solid #2AC371; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-success td:first-child:last-child {
    border-right: 1px solid #2AC371; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-new td:first-child:first-child {
    border-left: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper:first-of-type tr.rowstatus-row-new td:first-child:last-child {
    border-right: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-error td:last-child:first-child {
    border-left: 1px solid #DA1217; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-error td:last-child:last-child {
    border-right: 1px solid #DA1217; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-dirty td:last-child:first-child {
    border-left: 1px solid #FFD100; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-dirty td:last-child:last-child {
    border-right: 1px solid #FFD100; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-alert td:last-child:first-child {
    border-left: 1px solid #F98300; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-alert td:last-child:last-child {
    border-right: 1px solid #F98300; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-info td:last-child:first-child {
    border-left: 1px solid #0072ED; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-info td:last-child:last-child {
    border-right: 1px solid #0072ED; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-in-progress td:last-child:first-child {
    border-left: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-in-progress td:last-child:last-child {
    border-right: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-success td:last-child:first-child {
    border-left: 1px solid #2AC371; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-success td:last-child:last-child {
    border-right: 1px solid #2AC371; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-new td:last-child:first-child {
    border-left: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper:last-of-type tr.rowstatus-row-new td:last-child:last-child {
    border-right: 1px solid #6F6F76; }
  .datagrid-container .datagrid-wrapper.paginated {
    background-color: #f4f4f4; }
  .datagrid-container .datagrid-wrapper td:first-child,
  .datagrid-container .datagrid-wrapper td.is-hidden:first-child + td {
    border-left: 0; }
  .datagrid-container .datagrid-wrapper.left .datagrid-expandable-row.is-expanded.is-expanded-frozen > td {
    border-right-color: transparent; }
  .datagrid-container .datagrid-wrapper.right td {
    border-left: 1px solid #C5C5C9; }
  .datagrid-container .datagrid-wrapper.right .datagrid-expandable-row.is-expanded.is-expanded-frozen > td {
    border-left-color: transparent; }
  .datagrid-container .datagrid-wrapper.center .datagrid-expandable-row.is-expanded.is-expanded-frozen > td .datagrid-row-detail .datagrid-row-detail-padding {
    left: 0;
    position: absolute;
    transition: opacity 0.3s ease-out; }
    .datagrid-container .datagrid-wrapper.center .datagrid-expandable-row.is-expanded.is-expanded-frozen > td .datagrid-row-detail .datagrid-row-detail-padding .datagrid-cell-layout:last-of-type {
      padding-right: 0; }
      .datagrid-container .datagrid-wrapper.center .datagrid-expandable-row.is-expanded.is-expanded-frozen > td .datagrid-row-detail .datagrid-row-detail-padding .datagrid-cell-layout:last-of-type .datagrid-wrapped-text {
        max-width: 100%; }
  .datagrid-container.paginated {
    height: calc(100% - 40px) !important; }
  .datagrid-container.show-space td {
    white-space: pre-wrap; }
  .datagrid-container tr:last-child td {
    border-bottom: 0; }
  .datagrid-container.has-visible-last-row tr:last-child td {
    border-bottom: 1px solid #C5C5C9; }
  .datagrid-container.has-filterable-columns .datagrid-filter-wrapper {
    height: 24px;
    margin: 3px 0;
    text-align: left; }
  .datagrid-container.has-filterable-columns .datagrid-header th .datagrid-checkbox-wrapper .datagrid-checkbox {
    top: 14px; }
  .datagrid-container.has-filterable-columns .datagrid-header th .datagrid-checkbox-wrapper + .datagrid-filter-wrapper.is-empty {
    left: -60px;
    z-index: -1; }
  .datagrid-container.has-filterable-columns > .datagrid-header .datagrid-filter-wrapper {
    height: 22px; }
  .datagrid-container.has-filterable-columns > .datagrid-header .datagrid-column-wrapper {
    position: relative;
    top: -4px; }
    .datagrid-container.has-filterable-columns > .datagrid-header .datagrid-column-wrapper.l-right-text {
      top: -15px; }
  .datagrid-container.has-toolbar.has-two-line-header .datagrid-header .datagrid-column-wrapper {
    padding: 5px 20px 10px; }
    .datagrid-container.has-toolbar.has-two-line-header .datagrid-header .datagrid-column-wrapper .sort-indicator {
      vertical-align: baseline; }
  .datagrid-container.is-readonly {
    border: 0; }
  .datagrid-container colgroup col.is-hidden {
    display: none; }
  .datagrid-container .resize-handle {
    border: 0;
    cursor: col-resize;
    height: 39px;
    left: -999px;
    top: auto;
    width: 11px;
    z-index: 3; }
  .datagrid-container:not(.is-gridlist).is-hover-row:not(.error):not(.is-rowdisabled):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row) td:not(.is-editing):not(.is-readonly):not(.error) .icon:not(.icon-rowstatus) {
    background-color: #E6F1FD;
    -webkit-box-shadow: -3px 0 1px 0 #E6F1FD, 8px 0 0 0 #E6F1FD;
    box-shadow: -3px 0 1px 0 #E6F1FD, 8px 0 0 0 #E6F1FD; }
  .datagrid-container.is-gridlist {
    background-color: transparent !important;
    border: 0; }
    .datagrid-container.is-gridlist.datagrid-alternate-bg-color {
      background-color: #ffffff; }
    .datagrid-container.is-gridlist .datagrid-header-container {
      background-color: transparent; }
    .datagrid-container.is-gridlist .datagrid tbody tr.is-rowactivated:hover td:not(.is-editing) {
      background-color: #d8f0f7; }
    .datagrid-container.is-gridlist tr.is-hover-row:not(.error):not(.is-rowdisabled):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row) td:not(.is-editing):not(.is-readonly):not(.error) {
      background-color: transparent; }
      .datagrid-container.is-gridlist tr.is-hover-row:not(.error):not(.is-rowdisabled):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row) td:not(.is-editing):not(.is-readonly):not(.error) .is-readonly {
        background-color: transparent; }
    .datagrid-container.is-gridlist .is-hover-row .datagrid-trigger-cell .icon {
      background-color: transparent;
      box-shadow: none; }
    .datagrid-container.is-gridlist th {
      background-color: #F5F5F5;
      border-left: 0 !important;
      border-right: 0 !important; }
      .datagrid-container.is-gridlist th .datagrid-header-text {
        color: #161618; }
      .datagrid-container.is-gridlist th.is-sortable:hover {
        background-color: #E0E0E1;
        cursor: pointer; }
      .datagrid-container.is-gridlist th .sort-indicator .icon {
        color: #BBBBBF; }
      .datagrid-container.is-gridlist th:focus {
        background-color: #F5F5F5;
        box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.4);
        outline: 1px solid #0072ED !important; }
      .datagrid-container.is-gridlist th.is-active {
        background-color: #E0E0E1; }
      .datagrid-container.is-gridlist th.is-sorted-asc .sort-asc .icon,
      .datagrid-container.is-gridlist th.is-sorted-desc .sort-desc .icon {
        color: #8E8E95; }
      .datagrid-container.is-gridlist th .datagrid-checkbox::before {
        border: 1px solid #525257; }
      .datagrid-container.is-gridlist th.is-active.is-sorted-asc .sort-indicator .sort-desc .icon {
        color: #BBBBBF; }
      .datagrid-container.is-gridlist th.is-active.is-sorted-desc .sort-indicator .sort-asc .icon {
        color: #BBBBBF; }
    .datagrid-container.is-gridlist td {
      background-color: transparent;
      border-top: 0;
      box-shadow: none; }
      .datagrid-container.is-gridlist td .is-readonly {
        background-color: transparent; }
    .datagrid-container.is-gridlist tr td {
      border-left: 0 !important;
      border-right: 0 !important;
      border-right-color: transparent !important; }
    .datagrid-container.is-gridlist .datagrid-header {
      background-color: #F5F5F5; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper input,
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper div.dropdown {
        border-color: #BBBBBF !important;
        color: #161618; }
        .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper input:disabled, .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper input.is-disabled,
        .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper div.dropdown:disabled,
        .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper div.dropdown.is-disabled {
          border-color: #C5C5C9 !important; }
          .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper input:disabled + .icon, .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper input.is-disabled + .icon,
          .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper div.dropdown:disabled + .icon,
          .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper div.dropdown.is-disabled + .icon {
            color: #C5C5C9 !important; }
        .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper input:focus,
        .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper div.dropdown:focus {
          border-color: #0072ED !important; }
        .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper input:hover:not(:disabled):not(:focus),
        .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper div.dropdown:hover:not(:disabled):not(:focus) {
          border-color: #161618 !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter .icon,
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter .icon-dropdown {
        color: #BBBBBF !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:hover:not(.is-open):not(:disabled) .icon,
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:hover:not(.is-open):not(:disabled) .icon-dropdown {
        color: #161618 !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:disabled .icon {
        color: #C5C5C9 !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter.is-open .icon {
        color: #0072ED !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .datepicker + .icon,
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown + .icon {
        color: #BBBBBF !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .datepicker:hover:not(:disabled) + .icon,
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown:hover:not(:disabled) + .icon {
        color: #161618 !important; }
      .datagrid-container.is-gridlist .datagrid-header .datagrid-header-groups th {
        background-color: #E0E0E1;
        border-right: 1px solid #F5F5F5; }
      .datagrid-container.is-gridlist .datagrid-header .handle:hover {
        color: #161618; }
  .datagrid-container.has-draggable-columns th.is-active.is-sorted-asc .sort-indicator .sort-desc .icon {
    color: #BBBBBF; }
  .datagrid-container.has-draggable-columns th.is-active.is-sorted-desc .sort-indicator .sort-asc .icon {
    color: #BBBBBF; }
  .datagrid-container.has-inline-editor td:focus, .datagrid-container.has-inline-editor td.is-focused {
    box-shadow: none; }
  .datagrid-container.large-rowheight .datagrid-header th.text-ellipsis:not(.is-filterable) .datagrid-column-wrapper {
    height: 32px; }
  .datagrid-container.small-rowheight .datagrid-cell-wrapper, .datagrid-container.extra-small-rowheight .datagrid-cell-wrapper {
    min-height: 32px; }
  .datagrid-container.small-rowheight.has-filterable-columns .is-filterable th,
  .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable th,
  .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper {
    height: 25px; }
  .datagrid-container.small-rowheight .drag-target-arrows, .datagrid-container.extra-small-rowheight .drag-target-arrows {
    font-size: 1.5em;
    height: 23px;
    padding: 1px 0 0 5px;
    width: 14px; }
  .datagrid-container.small-rowheight .datagrid-column-wrapper,
  .datagrid-container.small-rowheight th, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper,
  .datagrid-container.extra-small-rowheight th {
    height: 25px; }
    .datagrid-container.small-rowheight .datagrid-column-wrapper .handle,
    .datagrid-container.small-rowheight .datagrid-column-wrapper .is-draggable-target,
    .datagrid-container.small-rowheight th .handle,
    .datagrid-container.small-rowheight th .is-draggable-target, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper .handle,
    .datagrid-container.extra-small-rowheight .datagrid-column-wrapper .is-draggable-target,
    .datagrid-container.extra-small-rowheight th .handle,
    .datagrid-container.extra-small-rowheight th .is-draggable-target {
      height: 25px; }
      .datagrid-container.small-rowheight .datagrid-column-wrapper .handle .icon,
      .datagrid-container.small-rowheight .datagrid-column-wrapper .is-draggable-target .icon,
      .datagrid-container.small-rowheight th .handle .icon,
      .datagrid-container.small-rowheight th .is-draggable-target .icon, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper .handle .icon,
      .datagrid-container.extra-small-rowheight .datagrid-column-wrapper .is-draggable-target .icon,
      .datagrid-container.extra-small-rowheight th .handle .icon,
      .datagrid-container.extra-small-rowheight th .is-draggable-target .icon {
        height: 16px !important;
        left: -4px !important;
        top: 3px !important;
        width: 16px !important; }
    .datagrid-container.small-rowheight .datagrid-column-wrapper.text-ellipsis .datagrid-column-wrapper,
    .datagrid-container.small-rowheight th.text-ellipsis .datagrid-column-wrapper, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper.text-ellipsis .datagrid-column-wrapper,
    .datagrid-container.extra-small-rowheight th.text-ellipsis .datagrid-column-wrapper {
      padding: 0 8px; }
  .datagrid-container.small-rowheight td.is-editing .btn-icon > .icon, .datagrid-container.extra-small-rowheight td.is-editing .btn-icon > .icon {
    margin-right: 0;
    top: -1px; }
  .datagrid-container.small-rowheight td.datagrid-trigger-cell .colorpicker-container span.trigger, .datagrid-container.extra-small-rowheight td.datagrid-trigger-cell .colorpicker-container span.trigger {
    left: calc(100% - 10px); }
  .datagrid-container.small-rowheight .datagrid-column-wrapper, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper {
    padding: 0 8px;
    top: 0; }
    .datagrid-container.small-rowheight .datagrid-column-wrapper.l-right-text, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper.l-right-text {
      padding: 0 10px 0 8px !important; }
      .datagrid-container.small-rowheight .datagrid-column-wrapper.l-right-text .sort-indicator, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper.l-right-text .sort-indicator {
        margin: 0 -1px 0 0; }
    .datagrid-container.small-rowheight .datagrid-column-wrapper .datagrid-checkbox, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper .datagrid-checkbox {
      top: -13px; }
    .datagrid-container.small-rowheight .datagrid-column-wrapper.l-center-text .sort-indicator, .datagrid-container.extra-small-rowheight .datagrid-column-wrapper.l-center-text .sort-indicator {
      margin: -5px -23px 0 4px; }
  .datagrid-container.small-rowheight .sort-indicator, .datagrid-container.extra-small-rowheight .sort-indicator {
    margin: 0 2px; }
    .datagrid-container.small-rowheight .sort-indicator .icon, .datagrid-container.extra-small-rowheight .sort-indicator .icon {
      height: 16px;
      width: 16px; }
    .datagrid-container.small-rowheight .sort-indicator .sort-desc, .datagrid-container.extra-small-rowheight .sort-indicator .sort-desc {
      margin-top: -1px; }
  .datagrid-container.small-rowheight .arrange-placeholder, .datagrid-container.extra-small-rowheight .arrange-placeholder {
    height: 32px; }
  .datagrid-container.small-rowheight.has-filterable-columns > .datagrid-header .datagrid-filter-wrapper, .datagrid-container.extra-small-rowheight.has-filterable-columns > .datagrid-header .datagrid-filter-wrapper {
    height: 20px; }
  .datagrid-container.small-rowheight.has-filterable-columns > .datagrid-header .datagrid-column-wrapper, .datagrid-container.extra-small-rowheight.has-filterable-columns > .datagrid-header .datagrid-column-wrapper {
    margin-bottom: 4px;
    position: relative;
    top: -2px; }
    .datagrid-container.small-rowheight.has-filterable-columns > .datagrid-header .datagrid-column-wrapper.l-right-text, .datagrid-container.extra-small-rowheight.has-filterable-columns > .datagrid-header .datagrid-column-wrapper.l-right-text {
      top: -13px; }
  .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper {
    top: -1px; }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper.l-right-text, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper.l-right-text {
      top: -2px; }
  .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper {
    max-width: calc(100% - 8px);
    top: -3px;
    width: calc(100% - 8px); }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter {
      left: 4px;
      padding-top: 4px; }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper input, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper input {
      left: 0;
      width: calc(100% - 41px); }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .lookup-wrapper .trigger, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .lookup-wrapper .trigger {
      margin-left: -22px;
      margin-top: 3px; }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .has-close-icon-button .icon, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .has-close-icon-button .icon {
      right: 19px;
      top: 5px; }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .dropdown-wrapper, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .dropdown-wrapper {
      left: 8px; }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .dropdown, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .dropdown {
      width: calc(100% - 8px); }
    .datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter.btn-filter-checkbox, .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter.btn-filter-checkbox {
      left: calc(50% - 10px) !important; }
  .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper {
    max-width: calc(100% - 10px);
    min-width: 60px;
    top: -4px;
    width: calc(100% - 10px); }
    .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper input {
      font-size: 1.4rem;
      height: 22px;
      left: 3px !important;
      width: calc(100% - 43px) !important; }
    .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .dropdown {
      font-size: 1.4rem;
      height: 22px;
      line-height: 20px; }
      .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .dropdown + .icon {
        top: -3px !important; }
    .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger,
    .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
      right: 0;
      top: -1px; }
    .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .dropdown-wrapper {
      left: 8px; }
    .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger {
      margin-left: -18px;
      margin-top: 1px; }
  .datagrid-container.extra-small-rowheight.has-filterable-columns .datagrid-header-text {
    position: relative;
    top: 0; }
  .datagrid-container.extra-small-rowheight.has-filterable-columns .datagrid-filter-wrapper {
    height: 20px; }
  .datagrid-container.extra-small-rowheight.has-filterable-columns .datagrid-column-wrapper.l-right-text {
    top: -1px; }
  .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper {
    height: 24px;
    margin: 1px 0;
    top: -3px; }
    .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter {
      left: 4px;
      padding-top: 1px; }
      .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter.btn-filter-checkbox {
        left: calc(50% - 10px) !important; }
    .datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .has-close-icon-button .icon {
      right: 18px;
      top: 4px; }
  .datagrid-container.extra-small-rowheight.has-filterable-columns .datagrid-header th .datagrid-checkbox-wrapper .datagrid-checkbox {
    top: 12px; }
  .datagrid-container.extra-small-rowheight td.is-editing .datepicker + .trigger {
    margin-left: 3px;
    margin-top: 1px; }
    .datagrid-container.extra-small-rowheight td.is-editing .datepicker + .trigger > .icon {
      height: 15px;
      top: -1px; }
  .datagrid-container.extra-small-rowheight td.is-editing .timepicker + .trigger {
    margin-left: 1px;
    margin-top: 1px; }
    .datagrid-container.extra-small-rowheight td.is-editing .timepicker + .trigger > .icon {
      position: relative;
      top: -1px; }
  .datagrid-container.extra-small-rowheight td.datagrid-trigger-cell .colorpicker-container .trigger {
    top: 4px; }
  .datagrid-container.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-clock {
    left: -7px;
    top: 3px; }
  .datagrid-container.extra-small-rowheight tbody tr td.is-editing .timepicker {
    margin-top: 2px;
    padding: 0 6px; }
  .datagrid-container.extra-small-rowheight tbody tr td.is-editing .timepicker + .icon {
    margin-left: 2px !important;
    top: -4px !important; }
  .datagrid-container.extra-small-rowheight .datagrid-header th.text-ellipsis .datagrid-column-wrapper .datagrid-header-text {
    margin: 7px 0 0 -1px; }
  .datagrid-container.extra-small-rowheight .datagrid-header th.text-ellipsis .datagrid-column-wrapper .datagrid-header-icon {
    top: 4px;
    transform: translateY(0); }
  .datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger,
  .datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
    right: 2px;
    top: 0; }
  .datagrid-container.small-rowheight td.is-editing .datepicker + .trigger {
    margin-left: 4px;
    margin-top: 3px; }
    .datagrid-container.small-rowheight td.is-editing .datepicker + .trigger > .icon {
      height: 15px;
      top: -1px; }
  .datagrid-container.small-rowheight td.is-editing .timepicker + .trigger {
    margin-left: 0;
    margin-top: 3px; }
    .datagrid-container.small-rowheight td.is-editing .timepicker + .trigger > .icon {
      height: 16px;
      position: relative;
      top: -1px; }
  .datagrid-container.small-rowheight .datagrid-header .datagrid-column-wrapper .datagrid-header-icon {
    top: 4px;
    transform: translateY(0); }
  .datagrid-container.medium-rowheight .drag-target-arrows {
    font-size: 1.6em;
    height: 30px;
    padding: 2px 0 0 7px;
    width: 16px; }
  .datagrid-container.medium-rowheight .datagrid-column-wrapper,
  .datagrid-container.medium-rowheight th {
    height: 30px; }
    .datagrid-container.medium-rowheight .datagrid-column-wrapper .handle,
    .datagrid-container.medium-rowheight .datagrid-column-wrapper .is-draggable-target,
    .datagrid-container.medium-rowheight th .handle,
    .datagrid-container.medium-rowheight th .is-draggable-target {
      height: 30px; }
      .datagrid-container.medium-rowheight .datagrid-column-wrapper .handle .icon,
      .datagrid-container.medium-rowheight .datagrid-column-wrapper .is-draggable-target .icon,
      .datagrid-container.medium-rowheight th .handle .icon,
      .datagrid-container.medium-rowheight th .is-draggable-target .icon {
        left: -3px !important;
        top: 5px !important; }
    .datagrid-container.medium-rowheight .datagrid-column-wrapper.text-ellipsis .datagrid-header-text,
    .datagrid-container.medium-rowheight th.text-ellipsis .datagrid-header-text {
      margin: 10px 0 0 !important; }
  .datagrid-container.medium-rowheight .datagrid-column-wrapper .sort-indicator {
    margin: 1px 0 0 2px; }
  .datagrid-container.medium-rowheight .datagrid-column-wrapper.l-right-text .sort-indicator {
    margin: 0 -2px 0 0; }
  .datagrid-container.medium-rowheight .datagrid-column-wrapper.l-center-text .sort-indicator {
    margin: -7px -21px 0 4px; }
  .datagrid-container.medium-rowheight .arrange-placeholder {
    height: 43px; }
  .datagrid-container.medium-rowheight.has-filterable-columns > .datagrid-header .datagrid-filter-wrapper {
    height: 24px; }
  .datagrid-container.medium-rowheight.has-filterable-columns > .datagrid-header .datagrid-column-wrapper {
    position: relative;
    top: -4px; }
    .datagrid-container.medium-rowheight.has-filterable-columns > .datagrid-header .datagrid-column-wrapper.l-right-text {
      top: -15px; }
  .datagrid-container.medium-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper {
    top: -1px; }
    .datagrid-container.medium-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper.l-right-text {
      top: -2px; }
  .datagrid-container.medium-rowheight.has-filterable-columns .datagrid-column-wrapper {
    top: -1px; }
  .datagrid-container.medium-rowheight td.is-editing .btn-icon > .icon {
    left: 0; }
  .datagrid-container.medium-rowheight td.is-editing .datepicker + .trigger {
    margin-left: -4px;
    margin-top: 8px; }
  .datagrid-container.medium-rowheight td.is-editing .timepicker + .trigger {
    margin-left: -1px;
    margin-top: 9px; }
  .datagrid-container.medium-rowheight td.datagrid-trigger-cell .colorpicker-container span.trigger {
    left: calc(100% - 5px); }
  .datagrid-container.show-editor-icons .datagrid-trigger-cell .icon:not(.datagrid-alert-icon) {
    visibility: visible; }

.full-height .datagrid-container {
  height: calc(100% - 50px); }

.datagrid-wrapper {
  height: 100%;
  overflow: hidden; }
  .datagrid-wrapper.center {
    width: inherit; }
  .datagrid-wrapper.scrollable-x {
    overflow-x: auto; }
  .datagrid-wrapper.scrollable-y {
    overflow-y: auto; }
  .datagrid-wrapper table {
    empty-cells: show; }
  .datagrid-wrapper .empty-message {
    display: none; }
  .datagrid-wrapper.left {
    overflow-y: hidden; }
  .datagrid-wrapper.left, .datagrid-wrapper.right {
    flex-shrink: 0;
    overflow-x: auto; }
    .datagrid-wrapper.left + .datagrid-wrapper.center td.is-hidden:first-child + td, .datagrid-wrapper.right + .datagrid-wrapper.center td.is-hidden:first-child + td {
      border-left: 1px solid #C5C5C9; }
    .datagrid-wrapper.left + .datagrid-wrapper.center th.is-hidden:first-child + th, .datagrid-wrapper.right + .datagrid-wrapper.center th.is-hidden:first-child + th {
      border-left: 1px solid #C5C5C9; }
  .datagrid-wrapper .datagrid-row.is-selected.is-hover-row .datagrid-trigger-cell .icon-calendar {
    z-index: 2; }

.datagrid {
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.6rem;
  table-layout: fixed;
  width: 100%; }
  .datagrid.medium-rowheight tbody tr {
    line-height: 33px; }
    .datagrid.medium-rowheight tbody tr td.is-active .datagrid-cell-wrapper {
      padding: 4px 14px; }
    .datagrid.medium-rowheight tbody tr td .datagrid-cell-wrapper .colorpicker-container {
      height: 20.5px;
      margin-top: -1px;
      margin-left: -1px; }
    .datagrid.medium-rowheight tbody tr td .datagrid-cell-wrapper .dropdown-trigger {
      margin-left: -1px;
      margin-top: 2px; }
      .datagrid.medium-rowheight tbody tr td .datagrid-cell-wrapper .dropdown-trigger + .icon {
        left: 3.5px;
        top: 0; }
    .datagrid.medium-rowheight tbody tr td .datagrid-row-heading {
      margin-top: 25px; }
    .datagrid.medium-rowheight tbody tr td .btn-actions {
      top: 0; }
    .datagrid.medium-rowheight tbody tr td .process-indicator {
      top: 1px; }
    .datagrid.medium-rowheight tbody tr td .row-btn {
      height: 31px; }
    .datagrid.medium-rowheight tbody tr td .hyperlink {
      margin-top: -2px;
      vertical-align: middle; }
    .datagrid.medium-rowheight tbody tr td .datagrid-drilldown {
      height: 25px;
      min-height: 25px;
      min-width: 25px;
      top: -3px;
      width: 25px; }
    .datagrid.medium-rowheight tbody tr td.is-editing.has-singlecolumn {
      min-height: 41px; }
    .datagrid.medium-rowheight tbody tr td.is-editing.datagrid-trigger-cell input.timepicker.is-active.is-open {
      margin-top: -6px; }
    .datagrid.medium-rowheight tbody tr td.is-editing.datagrid-trigger-cell input.datepicker {
      margin-top: -5px; }
    .datagrid.medium-rowheight tbody tr td.is-editing .btn-icon.trigger:hover:not(:disabled) {
      background-color: transparent; }
    .datagrid.medium-rowheight tbody tr td.is-editing:not(.datagrid-trigger-cell) .datepicker {
      padding: 0 5px 0 15px; }
    .datagrid.medium-rowheight tbody tr td.is-editing .datepicker {
      margin-top: 3px; }
      .datagrid.medium-rowheight tbody tr td.is-editing .datepicker ~ .icon {
        margin-left: -5px;
        top: calc(50% - 17px); }
    .datagrid.medium-rowheight tbody tr td.is-editing .lookup-wrapper {
      padding-left: 0;
      padding-top: 6px; }
    .datagrid.medium-rowheight tbody tr td.is-editing input {
      vertical-align: top;
      margin-top: -1px;
      margin-left: -1px; }
      .datagrid.medium-rowheight tbody tr td.is-editing input.datepicker {
        margin-left: 0; }
      .datagrid.medium-rowheight tbody tr td.is-editing input.lookup {
        height: inherit;
        padding: 2px 16px 0 0;
        width: 100%; }
        .datagrid.medium-rowheight tbody tr td.is-editing input.lookup + .trigger {
          margin-left: -13px;
          margin-top: 0; }
          .datagrid.medium-rowheight tbody tr td.is-editing input.lookup + .trigger > .icon {
            top: 0; }
        .datagrid.medium-rowheight tbody tr td.is-editing input.lookup.align-text-right {
          width: calc(100% - 28px); }
      .datagrid.medium-rowheight tbody tr td.is-editing input.timepicker {
        width: calc(100% - 10px);
        margin-left: -1px; }
        .datagrid.medium-rowheight tbody tr td.is-editing input.timepicker ~ .icon {
          left: auto;
          margin-left: 0;
          top: calc(50% - 17px); }
    .datagrid.medium-rowheight tbody tr td.is-editing .spinbox-wrapper {
      margin-left: -16px;
      margin-top: -5px;
      width: 100%; }
      .datagrid.medium-rowheight tbody tr td.is-editing .spinbox-wrapper input {
        padding: 12px 0 0;
        width: calc(100% - 38px); }
      .datagrid.medium-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control {
        border: 0;
        border-right: 1px solid #0072ED;
        padding: 11px 10px;
        width: 35px; }
        .datagrid.medium-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control.up {
          border-left: 1px solid #0072ED; }
    .datagrid.medium-rowheight tbody tr td.is-editing .dropdown-wrapper {
      margin-top: 0; }
    .datagrid.medium-rowheight tbody tr td.is-editing .dropdown {
      height: inherit;
      padding: 0 22px 0 0 !important; }
    .datagrid.medium-rowheight tbody tr td.is-editing div.dropdown + .icon,
    .datagrid.medium-rowheight tbody tr td.is-editing div.multiselect + .icon {
      left: auto;
      top: 1px; }
    .datagrid.medium-rowheight tbody tr td.is-editing.datagrid-trigger-cell .icon.icon-close {
      margin-left: 8px;
      left: -2px; }
    .datagrid.medium-rowheight tbody tr td.error.datagrid-trigger-cell .icon-error {
      margin-top: auto; }
    .datagrid.medium-rowheight tbody tr td.error .datagrid-cell-wrapper .icon-error {
      top: 10px; }
    .datagrid.medium-rowheight tbody tr td.alert.datagrid-trigger-cell .icon-alert {
      margin-top: auto; }
    .datagrid.medium-rowheight tbody tr td.alert .datagrid-cell-wrapper .icon-alert {
      top: 10px; }
    .datagrid.medium-rowheight tbody tr td.success.datagrid-trigger-cell .icon-success {
      margin-top: auto; }
    .datagrid.medium-rowheight tbody tr td.success .datagrid-cell-wrapper .icon-success {
      top: 10px; }
    .datagrid.medium-rowheight tbody tr td.info.datagrid-trigger-cell .icon-info {
      margin-top: auto; }
    .datagrid.medium-rowheight tbody tr td.info .datagrid-cell-wrapper .icon-info {
      top: 10px; }
  .datagrid.medium-rowheight .datagrid-cell-wrapper {
    min-height: 40px; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .icon-calendar,
    .datagrid.medium-rowheight .datagrid-cell-wrapper .icon-fileupload {
      left: 6px; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .colorpicker-container .swatch {
      height: 28px;
      width: 28px; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .colorpicker-container .colorpicker {
      padding: 3px 10px 0; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .colorpicker-container .trigger .icon {
      top: 10px; }
  .datagrid.medium-rowheight .lookup-wrapper .align-text-right + .trigger {
    margin-left: 0 !important;
    margin-top: -4px !important; }
  .datagrid.medium-rowheight .datagrid-drilldown {
    top: -1px; }
  .datagrid.medium-rowheight .datagrid-trigger-cell.is-editing .trigger + .icon-close + .icon:not(.datagrid-alert-icon).icon-fileupload {
    left: 5px; }
  .datagrid.medium-rowheight .datagrid-trigger-cell .icon:not(.datagrid-alert-icon) {
    left: 3px;
    top: 5px; }
    .datagrid.medium-rowheight .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-rowstatus {
      left: 1px;
      top: 2px; }
    .datagrid.medium-rowheight .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-search-list {
      left: 0;
      top: 0; }
    .datagrid.medium-rowheight .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-calendar {
      left: 2px;
      top: 0; }
    .datagrid.medium-rowheight .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-close {
      margin-top: 0;
      top: 1px;
      left: -1px; }
    .datagrid.medium-rowheight .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-fileupload {
      top: 1px; }
    .datagrid.medium-rowheight .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-clock {
      left: 3px;
      top: -1px; }
  .datagrid.medium-rowheight .datagrid-trigger-cell .colorpicker-container .icon {
    left: 9px;
    top: 5px; }
  .datagrid.medium-rowheight .datagrid-trigger-cell .align-text-right.trigger {
    width: calc(100% - 16px); }
  .datagrid.medium-rowheight .datagrid-trigger-cell .align-text-right + .icon.icon-search-list {
    left: 3px; }
  .datagrid.medium-rowheight .chart-completion-target {
    top: -6px; }
    .datagrid.medium-rowheight .chart-completion-target .chart-targeted-text {
      margin-top: -33px; }
  .datagrid.medium-rowheight .datagrid-expand-btn {
    margin-top: 0; }
  .datagrid.medium-rowheight .datagrid-expand-btn .icon.plus-minus, .datagrid.normal-rowheight .datagrid-expand-btn .icon.plus-minus {
    left: -10px; }
  .datagrid.small-rowheight tbody tr, .datagrid.extra-small-rowheight tbody tr {
    line-height: 25px; }
    .datagrid.small-rowheight tbody tr.datagrid-rowgroup-header, .datagrid.extra-small-rowheight tbody tr.datagrid-rowgroup-header {
      line-height: 29px; }
      .datagrid.small-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn, .datagrid.extra-small-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn {
        left: -10px;
        top: 0; }
        .datagrid.small-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus, .datagrid.extra-small-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus {
          left: -6px !important;
          top: -8px !important; }
        .datagrid.small-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn + span, .datagrid.extra-small-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn + span {
          margin-left: -15px; }
    .datagrid.small-rowheight tbody tr td.is-active .datagrid-cell-wrapper, .datagrid.extra-small-rowheight tbody tr td.is-active .datagrid-cell-wrapper {
      padding: 3px 9px; }
    .datagrid.small-rowheight tbody tr td .code-block span, .datagrid.extra-small-rowheight tbody tr td .code-block span {
      line-height: normal; }
    .datagrid.small-rowheight tbody tr td .btn, .datagrid.extra-small-rowheight tbody tr td .btn {
      top: -3px !important; }
    .datagrid.small-rowheight tbody tr td .datagrid-expand-btn, .datagrid.extra-small-rowheight tbody tr td .datagrid-expand-btn {
      height: 22px;
      left: -3px;
      line-height: 22px;
      margin-right: 9px;
      margin-top: -2px;
      min-height: 22px;
      min-width: 22px;
      vertical-align: middle;
      width: 22px; }
      .datagrid.small-rowheight tbody tr td .datagrid-expand-btn .icon, .datagrid.extra-small-rowheight tbody tr td .datagrid-expand-btn .icon {
        left: -10px;
        position: relative;
        top: -7px; }
    .datagrid.small-rowheight tbody tr td .datagrid-drilldown, .datagrid.extra-small-rowheight tbody tr td .datagrid-drilldown {
      height: 22px;
      min-height: 20px;
      min-width: 22px;
      top: 0;
      width: 22px; }
    .datagrid.small-rowheight tbody tr td .hyperlink, .datagrid.extra-small-rowheight tbody tr td .hyperlink {
      line-height: 1.4rem;
      vertical-align: middle; }
    .datagrid.small-rowheight tbody tr td .row-btn, .datagrid.extra-small-rowheight tbody tr td .row-btn {
      height: 24px;
      line-height: 18px;
      min-width: 80px;
      vertical-align: middle; }
      .datagrid.small-rowheight tbody tr td .row-btn span, .datagrid.extra-small-rowheight tbody tr td .row-btn span {
        line-height: 18px; }
      .datagrid.small-rowheight tbody tr td .row-btn.btn-icon, .datagrid.extra-small-rowheight tbody tr td .row-btn.btn-icon {
        height: 21px;
        min-width: 20px;
        line-height: 19px;
        min-height: 21px; }
      .datagrid.small-rowheight tbody tr td .row-btn.btn-primary, .datagrid.extra-small-rowheight tbody tr td .row-btn.btn-primary {
        top: -1px; }
      .datagrid.small-rowheight tbody tr td .row-btn .icon, .datagrid.extra-small-rowheight tbody tr td .row-btn .icon {
        margin-top: -3px; }
    .datagrid.small-rowheight tbody tr td .btn-secondary.row-btn, .datagrid.extra-small-rowheight tbody tr td .btn-secondary.row-btn {
      min-height: 24px; }
    .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell:hover .icon-search-list ~ .icon-error, .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell:focus .icon-search-list ~ .icon-error, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell:hover .icon-search-list ~ .icon-error, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell:focus .icon-search-list ~ .icon-error {
      margin-left: -48px !important; }
    .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon.datagrid-alert-icon, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon.datagrid-alert-icon {
      height: 15px;
      width: 16px; }
    .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon), .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon) {
      height: 16px;
      top: 4px; }
      .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-rowstatus, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-rowstatus {
        top: -3px; }
      .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-calendar, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-calendar {
        height: 15px;
        left: -4px;
        top: -1px; }
      .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-fileupload, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-fileupload {
        height: 15px;
        left: -2px;
        top: -1px; }
      .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-clock, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-clock {
        left: -5px;
        top: 0; }
      .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-close, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-close {
        margin-left: -25px !important;
        margin-top: -9px;
        left: -3px; }
      .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-error:not(.datagrid-alert-icon), .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-error:not(.datagrid-alert-icon) {
        margin-left: -26px; }
    .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .colorpicker-container .icon, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .colorpicker-container .icon {
      top: 3px; }
    .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger {
      margin-left: 2px; }
      .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger + .icon, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger + .icon {
        left: -3px;
        top: -1px; }
    .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .trigger.align-text-right, .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .trigger.align-text-right {
      width: calc(100% - 21px); }
    .datagrid.small-rowheight tbody tr td.is-editing.has-singlecolumn, .datagrid.extra-small-rowheight tbody tr td.is-editing.has-singlecolumn {
      min-height: 33px; }
    .datagrid.small-rowheight tbody tr td.is-editing.is-fileupload .trigger .icon,
    .datagrid.small-rowheight tbody tr td.is-editing.is-fileupload .trigger-close .icon, .datagrid.extra-small-rowheight tbody tr td.is-editing.is-fileupload .trigger .icon,
    .datagrid.extra-small-rowheight tbody tr td.is-editing.is-fileupload .trigger-close .icon {
      height: 15px;
      width: 15px; }
    .datagrid.small-rowheight tbody tr td.is-editing.is-fileupload .trigger .icon, .datagrid.extra-small-rowheight tbody tr td.is-editing.is-fileupload .trigger .icon {
      top: 4px; }
    .datagrid.small-rowheight tbody tr td.is-editing.datagrid-trigger-cell .colorpicker-container .icon, .datagrid.extra-small-rowheight tbody tr td.is-editing.datagrid-trigger-cell .colorpicker-container .icon {
      top: 4px;
      left: 5px; }
    .datagrid.small-rowheight tbody tr td.is-editing .colorpicker-container, .datagrid.extra-small-rowheight tbody tr td.is-editing .colorpicker-container {
      padding: 1px 2px 0; }
      .datagrid.small-rowheight tbody tr td.is-editing .colorpicker-container input.colorpicker, .datagrid.extra-small-rowheight tbody tr td.is-editing .colorpicker-container input.colorpicker {
        margin-left: -3px;
        margin-top: -2px; }
    .datagrid.small-rowheight tbody tr td.is-editing .datepicker, .datagrid.extra-small-rowheight tbody tr td.is-editing .datepicker {
      height: 3rem;
      margin-top: -1px;
      margin-left: 0;
      padding: 0 0 0 10px; }
      .datagrid.small-rowheight tbody tr td.is-editing .datepicker + .icon, .datagrid.extra-small-rowheight tbody tr td.is-editing .datepicker + .icon {
        height: 15px;
        margin-left: -1px;
        top: -2px; }
    .datagrid.small-rowheight tbody tr td.is-editing .timepicker, .datagrid.extra-small-rowheight tbody tr td.is-editing .timepicker {
      margin-top: 1px;
      padding-left: 8px; }
      .datagrid.small-rowheight tbody tr td.is-editing .timepicker + .icon, .datagrid.extra-small-rowheight tbody tr td.is-editing .timepicker + .icon {
        margin-left: 1px;
        top: -2px; }
    .datagrid.small-rowheight tbody tr td.is-editing input, .datagrid.extra-small-rowheight tbody tr td.is-editing input {
      height: 29px;
      margin-left: 0.5px;
      margin-top: -3px; }
    .datagrid.small-rowheight tbody tr td.is-editing .dropdown-wrapper, .datagrid.extra-small-rowheight tbody tr td.is-editing .dropdown-wrapper {
      margin-top: 0; }
    .datagrid.small-rowheight tbody tr td.is-editing .dropdown, .datagrid.extra-small-rowheight tbody tr td.is-editing .dropdown {
      height: inherit;
      margin: 0;
      padding: 0 24px 0 0 !important; }
      .datagrid.small-rowheight tbody tr td.is-editing .dropdown + .icon, .datagrid.extra-small-rowheight tbody tr td.is-editing .dropdown + .icon {
        right: -3px;
        top: 6px; }
    .datagrid.small-rowheight tbody tr td.is-editing .lookup-wrapper, .datagrid.extra-small-rowheight tbody tr td.is-editing .lookup-wrapper {
      padding-top: 0; }
    .datagrid.small-rowheight tbody tr td.is-editing .spinbox-wrapper, .datagrid.extra-small-rowheight tbody tr td.is-editing .spinbox-wrapper {
      margin-left: -16px;
      margin-top: -5px;
      width: 100%; }
      .datagrid.small-rowheight tbody tr td.is-editing .spinbox-wrapper input, .datagrid.extra-small-rowheight tbody tr td.is-editing .spinbox-wrapper input {
        padding: 6px 0 0;
        width: calc(100% - 34px); }
      .datagrid.small-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control, .datagrid.extra-small-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control {
        border: 0;
        border-right: 1px solid #0072ED;
        padding: 3px 15px;
        width: 30px; }
        .datagrid.small-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control.up, .datagrid.extra-small-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control.up {
          border-left: 1px solid #0072ED;
          padding: 2px 10px; }
    .datagrid.small-rowheight tbody tr td.error.datagrid-trigger-cell .icon-error, .datagrid.extra-small-rowheight tbody tr td.error.datagrid-trigger-cell .icon-error {
      margin-top: auto; }
    .datagrid.small-rowheight tbody tr td.error .datagrid-cell-wrapper .icon-error, .datagrid.extra-small-rowheight tbody tr td.error .datagrid-cell-wrapper .icon-error {
      height: 16px;
      top: 6px; }
    .datagrid.small-rowheight tbody tr td.alert.datagrid-trigger-cell .icon-alert, .datagrid.extra-small-rowheight tbody tr td.alert.datagrid-trigger-cell .icon-alert {
      margin-top: auto; }
    .datagrid.small-rowheight tbody tr td.alert .datagrid-cell-wrapper .icon-alert, .datagrid.extra-small-rowheight tbody tr td.alert .datagrid-cell-wrapper .icon-alert {
      height: 16px;
      top: 6px; }
    .datagrid.small-rowheight tbody tr td.success.datagrid-trigger-cell .icon-success, .datagrid.extra-small-rowheight tbody tr td.success.datagrid-trigger-cell .icon-success {
      margin-top: auto; }
    .datagrid.small-rowheight tbody tr td.success .datagrid-cell-wrapper .icon-success, .datagrid.extra-small-rowheight tbody tr td.success .datagrid-cell-wrapper .icon-success {
      height: 16px;
      top: 6px; }
    .datagrid.small-rowheight tbody tr td.info.datagrid-trigger-cell .icon-info, .datagrid.extra-small-rowheight tbody tr td.info.datagrid-trigger-cell .icon-info {
      margin-top: auto; }
    .datagrid.small-rowheight tbody tr td.info .datagrid-cell-wrapper .icon-info, .datagrid.extra-small-rowheight tbody tr td.info .datagrid-cell-wrapper .icon-info {
      height: 16px;
      top: 6px; }
    .datagrid.small-rowheight tbody tr.rowstatus-row-error .rowstatus-cell::before, .datagrid.small-rowheight tbody tr.rowstatus-row-alert .rowstatus-cell::before, .datagrid.small-rowheight tbody tr.rowstatus-row-info .rowstatus-cell::before, .datagrid.small-rowheight tbody tr.rowstatus-row-in-progress .rowstatus-cell::before, .datagrid.small-rowheight tbody tr.rowstatus-row-success .rowstatus-cell::before, .datagrid.small-rowheight tbody tr.rowstatus-row-dirty .rowstatus-cell::before, .datagrid.small-rowheight tbody tr.rowstatus-row-new .rowstatus-cell::before, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-error .rowstatus-cell::before, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-alert .rowstatus-cell::before, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-info .rowstatus-cell::before, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-in-progress .rowstatus-cell::before, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-success .rowstatus-cell::before, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-dirty .rowstatus-cell::before, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-new .rowstatus-cell::before {
      left: -16px;
      top: -15px; }
    .datagrid.small-rowheight tbody tr.rowstatus-row-error .rowstatus-cell .icon-rowstatus, .datagrid.small-rowheight tbody tr.rowstatus-row-alert .rowstatus-cell .icon-rowstatus, .datagrid.small-rowheight tbody tr.rowstatus-row-info .rowstatus-cell .icon-rowstatus, .datagrid.small-rowheight tbody tr.rowstatus-row-in-progress .rowstatus-cell .icon-rowstatus, .datagrid.small-rowheight tbody tr.rowstatus-row-success .rowstatus-cell .icon-rowstatus, .datagrid.small-rowheight tbody tr.rowstatus-row-dirty .rowstatus-cell .icon-rowstatus, .datagrid.small-rowheight tbody tr.rowstatus-row-new .rowstatus-cell .icon-rowstatus, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-error .rowstatus-cell .icon-rowstatus, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-alert .rowstatus-cell .icon-rowstatus, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-info .rowstatus-cell .icon-rowstatus, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-in-progress .rowstatus-cell .icon-rowstatus, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-success .rowstatus-cell .icon-rowstatus, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-dirty .rowstatus-cell .icon-rowstatus, .datagrid.extra-small-rowheight tbody tr.rowstatus-row-new .rowstatus-cell .icon-rowstatus {
      background-color: transparent;
      box-shadow: unset;
      left: -1px;
      top: 0; }
  .datagrid.small-rowheight .datagrid-cell-wrapper, .datagrid.extra-small-rowheight .datagrid-cell-wrapper {
    padding: 3px 8px 0; }
    .datagrid.small-rowheight .datagrid-cell-wrapper .process-indicator, .datagrid.extra-small-rowheight .datagrid-cell-wrapper .process-indicator {
      top: -2px; }
    .datagrid.small-rowheight .datagrid-cell-wrapper .btn-actions, .datagrid.extra-small-rowheight .datagrid-cell-wrapper .btn-actions {
      height: 24px;
      min-height: 24px;
      min-width: 24px;
      width: 24px; }
    .datagrid.small-rowheight .datagrid-cell-wrapper .colorpicker-container .swatch, .datagrid.extra-small-rowheight .datagrid-cell-wrapper .colorpicker-container .swatch {
      height: 20px;
      top: 2px;
      width: 20px; }
    .datagrid.small-rowheight .datagrid-cell-wrapper .colorpicker-container .colorpicker:not(.is-open), .datagrid.extra-small-rowheight .datagrid-cell-wrapper .colorpicker-container .colorpicker:not(.is-open) {
      top: -4px;
      padding: 2px 8px; }
    .datagrid.small-rowheight .datagrid-cell-wrapper .colorpicker-container .trigger, .datagrid.extra-small-rowheight .datagrid-cell-wrapper .colorpicker-container .trigger {
      height: 20px; }
  .datagrid.small-rowheight .align-text-right + .icon-search-list, .datagrid.extra-small-rowheight .align-text-right + .icon-search-list {
    left: 0 !important; }
  .datagrid.small-rowheight .chart-completion-target, .datagrid.extra-small-rowheight .chart-completion-target {
    height: 20px;
    top: 2px; }
    .datagrid.small-rowheight .chart-completion-target .chart-targeted-text, .datagrid.extra-small-rowheight .chart-completion-target .chart-targeted-text {
      margin-top: -27px; }
  .datagrid.small-rowheight .chart-targeted-achievement .target, .datagrid.extra-small-rowheight .chart-targeted-achievement .target {
    margin-top: 0; }
  .datagrid.small-rowheight .chart-targeted-achievement .bar, .datagrid.extra-small-rowheight .chart-targeted-achievement .bar {
    height: 20px !important; }
    .datagrid.small-rowheight .chart-targeted-achievement .bar.completed, .datagrid.extra-small-rowheight .chart-targeted-achievement .bar.completed {
      margin-top: -20px; }
  .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.has-editor .icon.icon-search-list {
    top: 0 !important; }
  .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-search-list {
    left: -5px;
    top: 3px; }
  .datagrid.small-rowheight tbody tr td.is-editing input.lookup {
    padding-right: 20px;
    padding-top: 8px; }
    .datagrid.small-rowheight tbody tr td.is-editing input.lookup + .trigger {
      margin-left: -17px;
      margin-top: 2px; }
      .datagrid.small-rowheight tbody tr td.is-editing input.lookup + .trigger > .icon {
        top: -1px; }
  .datagrid.small-rowheight tbody tr td.reorder-group-child-col .datagrid-reorder-icon {
    padding-left: 39px; }
  .datagrid.small-rowheight .datagrid-header th.text-ellipsis .datagrid-column-wrapper .datagrid-header-text {
    margin: 7px 0 0 -1px; }
  .datagrid.extra-small-rowheight {
    font-size: 1.4rem; }
    .datagrid.extra-small-rowheight tbody tr .row-btn {
      top: 1px; }
    .datagrid.extra-small-rowheight tbody tr .datagrid-reorder-icon .icon {
      height: 18px;
      width: 21px; }
    .datagrid.extra-small-rowheight .is-editing .datagrid-cell-wrapper {
      padding: 2px 4px 0 !important; }
    .datagrid.extra-small-rowheight .datagrid-cell-wrapper {
      min-height: 31px;
      padding: 2px 5px 0 !important; }
      .datagrid.extra-small-rowheight .datagrid-cell-wrapper .dropdown-trigger {
        margin-top: -2px; }
      .datagrid.extra-small-rowheight .datagrid-cell-wrapper .process-indicator {
        top: -3px; }
      .datagrid.extra-small-rowheight .datagrid-cell-wrapper .btn-actions {
        height: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px; }
    .datagrid.extra-small-rowheight tbody tr td span.tag {
      height: -28px;
      line-height: 20px; }
    .datagrid.extra-small-rowheight tbody tr td.reorder-group-child-col .datagrid-reorder-icon {
      padding-left: 42px; }
    .datagrid.extra-small-rowheight tbody tr td .hyperlink {
      font-size: 1.4rem;
      margin-top: -3px; }
    .datagrid.extra-small-rowheight tbody tr td .datagrid-checkbox-wrapper {
      margin-top: -13px; }
    .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger:not(.colorpicker-container) + .icon {
      left: -6px !important; }
    .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell.has-editor .icon.icon-search-list {
      top: 0; }
    .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-search-list {
      left: -8px;
      top: 3px; }
    .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-calendar {
      height: 14px;
      left: -2px;
      top: 0; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing input {
      font-size: 1.4rem;
      height: 24px;
      padding: 0; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing input.lookup {
      height: 30px;
      padding-bottom: 2px;
      margin-left: -1px;
      padding-right: 20px;
      padding-top: 0; }
      .datagrid.extra-small-rowheight tbody tr td.is-editing input.lookup + .trigger {
        margin-left: -20px;
        margin-top: 2px; }
        .datagrid.extra-small-rowheight tbody tr td.is-editing input.lookup + .trigger > .icon {
          top: -1px; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing .lookup-wrapper .trigger {
      height: 16px;
      margin-left: -22px;
      margin-top: 4px; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing .datepicker {
      height: 25px;
      padding: 0 5px; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing .dropdown {
      font-size: 1.4rem;
      height: 27px;
      padding: 7px 22px 0 6px; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing .datepicker + .icon {
      height: 14px;
      margin-left: -1px;
      top: -3px; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing.datagrid-trigger-cell .datagrid-cell-wrapper span.trigger.is-clearable {
      width: calc(100% - 32px); }
    .datagrid.extra-small-rowheight tbody tr td.is-editing.datagrid-trigger-cell .datagrid-cell-wrapper .icon-close {
      left: -5px;
      top: 3px;
      margin-left: -23px !important; }
    .datagrid.extra-small-rowheight tbody tr td.is-editing.datagrid-trigger-cell .datagrid-cell-wrapper .icon-fileupload {
      left: -1px; }
    .datagrid.extra-small-rowheight tbody tr td .btn-secondary.row-btn,
    .datagrid.extra-small-rowheight tbody tr td .btn-primary.row-btn {
      font-size: 1.4rem;
      height: 21px;
      line-height: 19px;
      min-height: 21px; }
    .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):hover .icon:not(.datagrid-alert-icon).icon-error,
    .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):focus .icon:not(.datagrid-alert-icon).icon-error {
      margin-left: -45px !important; }
  .datagrid.small-rowheight > tbody > tr .datagrid-alert-icon, .datagrid.extra-small-rowheight > tbody > tr .datagrid-alert-icon {
    height: 15px;
    width: 16px; }
  .datagrid.small-rowheight td.is-dirty-cell:not(.rowstatus-cell)::before, .datagrid.extra-small-rowheight td.is-dirty-cell:not(.rowstatus-cell)::before {
    left: 0;
    top: -2px; }
  .datagrid > tbody > tr {
    line-height: 43px; }
    .datagrid > tbody > tr.is-dragging-clone {
      min-width: 100px !important;
      position: fixed;
      z-index: 3; }
      .datagrid > tbody > tr.is-dragging-clone.groupable {
        -webkit-box-shadow: 0 0 10px 0 #C5C5C9;
        box-shadow: 0 0 10px 0 #C5C5C9;
        display: flex; }
        .datagrid > tbody > tr.is-dragging-clone.groupable > td {
          border-bottom: 1px solid #C5C5C9;
          border-top: 1px solid #C5C5C9; }
      .datagrid > tbody > tr.is-dragging-clone .handle {
        top: 2px; }
    .datagrid > tbody > tr.is-active-row {
      outline: 1px solid #0072ED;
      outline-offset: -1px; }
    .datagrid > tbody > tr .is-editor ul,
    .datagrid > tbody > tr .is-editor ol {
      list-style: inherit;
      margin: 5px auto 5px 15px; }
    .datagrid > tbody > tr .is-editor ol {
      list-style: decimal; }
    .datagrid > tbody > tr .datagrid-reorder-icon {
      cursor: move; }
      .datagrid > tbody > tr .datagrid-reorder-icon .icon {
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #6F6F76;
        vertical-align: middle; }
        .datagrid > tbody > tr .datagrid-reorder-icon .icon:hover {
          color: #0072ED; }
        .datagrid > tbody > tr .datagrid-reorder-icon .icon:active {
          color: #000000; }
    .datagrid > tbody > tr .reorder-group-child-col .datagrid-reorder-icon {
      padding-left: 36px; }
    .datagrid > tbody > tr.arrange-dragging td {
      background-color: #ffffff !important;
      border-bottom: 1px solid #C5C5C9;
      border-top: 1px solid #C5C5C9; }
      .datagrid > tbody > tr.arrange-dragging td:first-child {
        border-left: 1px solid #C5C5C9; }
      .datagrid > tbody > tr.arrange-dragging td .is-readonly {
        background-color: transparent !important; }
      .datagrid > tbody > tr.arrange-dragging td .icon {
        background-color: #ffffff !important;
        box-shadow: none !important; }
    .datagrid > tbody > tr.arrange-placeholder {
      height: 50px; }
      .datagrid > tbody > tr.arrange-placeholder td {
        background-color: #ffffff; }
    .datagrid > tbody > tr.is-hidden {
      display: none; }
    .datagrid > tbody > tr.is-hover-row:not(.error):not(.is-rowdisabled):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row) td:not(.is-editing):not(.error) {
      background-color: #E6F1FD; }
      .datagrid > tbody > tr.is-hover-row:not(.error):not(.is-rowdisabled):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row) td:not(.is-editing):not(.error) .is-readonly {
        background-color: #E6F1FD; }
      .datagrid > tbody > tr.is-hover-row:not(.error):not(.is-rowdisabled):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row) td:not(.is-editing):not(.error) .datagrid-expand-btn .icon {
        background-color: transparent;
        box-shadow: none; }
    .datagrid > tbody > tr.is-selected:not(.hide-selected-color) td:not(.is-editing),
    .datagrid > tbody > tr.is-selected:not(.hide-selected-color) td:not(.is-editing) .datagrid-cell-wrapper {
      background-color: #d8e7f7; }
      .datagrid > tbody > tr.is-selected:not(.hide-selected-color) td:not(.is-editing) .icon:not(.icon-rowstatus):not(.plus-minus):not(.caret-right),
      .datagrid > tbody > tr.is-selected:not(.hide-selected-color) td:not(.is-editing) .datagrid-cell-wrapper .icon:not(.icon-rowstatus):not(.plus-minus):not(.caret-right) {
        background-color: #d8e7f7;
        -webkit-box-shadow: -3px 0 1px 0 #d8e7f7, 8px 0 0 0 #d8e7f7;
        box-shadow: -3px 0 1px 0 #d8e7f7, 8px 0 0 0 #d8e7f7; }
    .datagrid > tbody > tr.is-rowactivated td:not(.is-editing),
    .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .datagrid-cell-wrapper {
      background-color: #d8e7f7 !important; }
      .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) button.datagrid-expand-btn .icon,
      .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .datagrid-cell-wrapper button.datagrid-expand-btn .icon {
        background-color: transparent;
        box-shadow: none; }
      .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .btn.row-btn,
      .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .datagrid-cell-wrapper .btn.row-btn {
        background-color: #0072ED;
        border: 1px solid #0072ED;
        color: #ffffff; }
        .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .btn.row-btn:hover,
        .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .datagrid-cell-wrapper .btn.row-btn:hover {
          background-color: #0066D4; }
        .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .btn.row-btn:active,
        .datagrid > tbody > tr.is-rowactivated td:not(.is-editing) .datagrid-cell-wrapper .btn.row-btn:active {
          background-color: #0066D4; }
    .datagrid > tbody > tr.is-hover-row {
      background-color: #E6F1FD; }
    .datagrid > tbody > tr.is-rowdisabled {
      pointer-events: none; }
      .datagrid > tbody > tr.is-rowdisabled td {
        color: #C5C5C9; }
        .datagrid > tbody > tr.is-rowdisabled td .trigger,
        .datagrid > tbody > tr.is-rowdisabled td .trigger .colorpicker {
          color: #C5C5C9; }
        .datagrid > tbody > tr.is-rowdisabled td:hover .datagrid-checkbox {
          cursor: default; }
        .datagrid > tbody > tr.is-rowdisabled td.has-editor:hover .icon {
          visibility: hidden; }
        .datagrid > tbody > tr.is-rowdisabled td .hyperlink {
          color: #6F6F76; }
        .datagrid > tbody > tr.is-rowdisabled td .datagrid-checkbox {
          cursor: default; }
          .datagrid > tbody > tr.is-rowdisabled td .datagrid-checkbox::before {
            background-color: #E0E0E1;
            border-color: #C5C5C9; }
          .datagrid > tbody > tr.is-rowdisabled td .datagrid-checkbox.is-checked::before {
            background-color: #C5C5C9;
            border-color: #C5C5C9; }
          .datagrid > tbody > tr.is-rowdisabled td .datagrid-checkbox.is-checked::after {
            border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent; }
    .datagrid > tbody > tr.is-tooltips-enabled {
      pointer-events: unset;
      cursor: default; }
    .datagrid > tbody > tr.is-selected:not(.hide-selected-color) .is-readonly:not(.is-editing) .datagrid-cell-wrapper {
      background-color: #d8e7f7; }
      .datagrid > tbody > tr.is-selected:not(.hide-selected-color) .is-readonly:not(.is-editing) .datagrid-cell-wrapper span {
        background-color: transparent !important; }
    .datagrid > tbody > tr.is-clickable td:focus, .datagrid > tbody > tr.is-active-row td:focus {
      box-shadow: none;
      outline: none;
      transform: none; }
    .datagrid > tbody > tr.is-clickable {
      cursor: pointer; }
    .datagrid > tbody > tr .icon.plus-minus::before,
    .datagrid > tbody > tr .icon.plus-minus::after {
      background-color: #6F6F76; }
    .datagrid > tbody > tr td.is-editing {
      background-color: #ffffff; }
      .datagrid > tbody > tr td.is-editing div.datagrid-cell-wrapper svg.icon {
        background-color: #ffffff;
        -webkit-box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff;
        box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff; }
      .datagrid > tbody > tr td.is-editing div.datagrid-cell-wrapper button.btn-icon svg.icon {
        background-color: #ffffff;
        -webkit-box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff;
        box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff; }
    .datagrid > tbody > tr.alt-shading td {
      background-color: #F5F5F5; }
      .datagrid > tbody > tr.alt-shading td.is-editing {
        background-color: #ffffff; }
        .datagrid > tbody > tr.alt-shading td.is-editing div.datagrid-cell-wrapper svg.icon {
          background-color: #ffffff;
          -webkit-box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff;
          box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff; }
      .datagrid > tbody > tr.alt-shading td div.datagrid-cell-wrapper svg.icon {
        background-color: #F5F5F5;
        -webkit-box-shadow: -3px 0 1px 0 #F5F5F5, 8px 0 0 0 #F5F5F5;
        box-shadow: -3px 0 1px 0 #F5F5F5, 8px 0 0 0 #F5F5F5; }
    .datagrid > tbody > tr.alt-shading.is-hover-row td {
      background-color: #E6F1FD; }
      .datagrid > tbody > tr.alt-shading.is-hover-row td.is-editing {
        background-color: #ffffff; }
        .datagrid > tbody > tr.alt-shading.is-hover-row td.is-editing div.datagrid-cell-wrapper svg.icon {
          background-color: #ffffff;
          -webkit-box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff;
          box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff; }
      .datagrid > tbody > tr.alt-shading.is-hover-row td div.datagrid-cell-wrapper svg.icon {
        background-color: #E6F1FD;
        -webkit-box-shadow: -3px 0 1px 0 #E6F1FD, 8px 0 0 0 #E6F1FD;
        box-shadow: -3px 0 1px 0 #E6F1FD, 8px 0 0 0 #E6F1FD; }
    .datagrid > tbody > tr .btn-icon span {
      color: transparent; }
    .datagrid > tbody > tr .datagrid-alert-text {
      line-height: 25px;
      margin-right: -8px;
      padding-left: 8px;
      position: relative;
      text-align: left;
      width: inherit; }
    .datagrid > tbody > tr .l-right-text .datagrid-alert-text {
      margin-right: auto; }
    .datagrid > tbody > tr .datagrid-alert-icon {
      display: inline-block;
      height: 20px;
      top: -1px;
      vertical-align: middle;
      width: 19px; }
      .datagrid > tbody > tr .datagrid-alert-icon.icon-dirty {
        height: 16px;
        top: 0;
        width: 16px; }
    .datagrid > tbody > tr .badge {
      color: #161618;
      position: relative;
      top: -2px;
      vertical-align: middle; }
      .datagrid > tbody > tr .badge[class*='azure'], .datagrid > tbody > tr .badge[class*='error'], .datagrid > tbody > tr .badge[class*='good'] {
        color: #ffffff; }
      .datagrid > tbody > tr .badge.info .audible {
        background-color: #8E8E95; }
    .datagrid > tbody > tr .tag {
      position: relative;
      top: -2px;
      vertical-align: middle; }
      .datagrid > tbody > tr .tag[class*='azure'] {
        color: #ffffff; }
    .datagrid > tbody > tr .row-btn {
      line-height: normal;
      position: relative;
      top: -1px; }
    .datagrid > tbody > tr a.row-btn {
      height: 34px;
      min-height: 34px;
      min-width: 34px;
      padding: 0;
      vertical-align: middle;
      width: 34px; }
      .datagrid > tbody > tr a.row-btn .icon {
        margin: 7px 0 0; }
    .datagrid > tbody > tr .datagrid-cell-wrapper {
      border: 1px solid transparent;
      display: block;
      min-height: 49px;
      overflow: hidden;
      padding: 2px 16px 0; }
      .datagrid > tbody > tr .datagrid-cell-wrapper.is-dropdown-wrapper .dropdown-wrapper {
        margin-top: 2px; }
        .datagrid > tbody > tr .datagrid-cell-wrapper.is-dropdown-wrapper .dropdown-wrapper .dropdown {
          padding: 0 8px 10px 4px; }
        .datagrid > tbody > tr .datagrid-cell-wrapper.is-dropdown-wrapper .dropdown-wrapper .icon {
          top: 3px;
          right: -8px; }
      .datagrid > tbody > tr .datagrid-cell-wrapper .colorpicker-container {
        background-color: transparent;
        border: 0;
        display: block;
        overflow: visible;
        width: 100%; }
        .datagrid > tbody > tr .datagrid-cell-wrapper .colorpicker-container .swatch {
          top: 4px; }
        .datagrid > tbody > tr .datagrid-cell-wrapper .colorpicker-container .colorpicker {
          background-color: transparent;
          padding: 15px 10px 8px;
          position: relative;
          width: 90px; }
          .datagrid > tbody > tr .datagrid-cell-wrapper .colorpicker-container .colorpicker:hover {
            cursor: pointer; }
          .datagrid > tbody > tr .datagrid-cell-wrapper .colorpicker-container .colorpicker + .icon {
            left: -10px;
            top: 3px; }
    .datagrid > tbody > tr .process-indicator {
      left: 5px;
      margin-bottom: 0;
      position: relative;
      top: 6px; }
      .datagrid > tbody > tr .process-indicator .display {
        margin-bottom: 0; }
    .datagrid > tbody > tr .icon-favorite {
      position: relative;
      top: 3px; }
      .datagrid > tbody > tr .icon-favorite .icon {
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important; }
    .datagrid > tbody > tr .datagrid-img {
      display: block;
      height: 60px;
      margin-top: -7px;
      width: 60px; }
    .datagrid > tbody > tr.rowstatus-row-error td {
      border-bottom: 1px solid #DA1217 !important;
      box-shadow: 0 -2px 1px -1px #DA1217; }
      .datagrid > tbody > tr.rowstatus-row-error td.rowstatus-cell {
        position: relative; }
        .datagrid > tbody > tr.rowstatus-row-error td.rowstatus-cell::before {
          background-color: #DA1217;
          content: '';
          display: block;
          height: 32px;
          left: -11px;
          position: absolute;
          top: -14px;
          transform: rotate(45deg);
          width: 26px; }
        .datagrid > tbody > tr.rowstatus-row-error td.rowstatus-cell .icon-rowstatus {
          color: #ffffff;
          height: 10px;
          left: 1px;
          position: absolute;
          top: 2px;
          visibility: visible !important;
          width: 10px; }
    .datagrid > tbody > tr.rowstatus-row-dirty td {
      border-bottom: 1px solid #FFD100 !important;
      box-shadow: 0 -2px 1px -1px #FFD100; }
      .datagrid > tbody > tr.rowstatus-row-dirty td.rowstatus-cell {
        position: relative; }
        .datagrid > tbody > tr.rowstatus-row-dirty td.rowstatus-cell::before {
          background-color: #FFD100;
          content: '';
          display: block;
          height: 32px;
          left: -11px;
          position: absolute;
          top: -14px;
          transform: rotate(45deg);
          width: 26px; }
        .datagrid > tbody > tr.rowstatus-row-dirty td.rowstatus-cell .icon-rowstatus {
          color: #ffffff;
          height: 10px;
          left: 1px;
          position: absolute;
          top: 2px;
          visibility: visible !important;
          width: 10px; }
    .datagrid > tbody > tr.rowstatus-row-alert td {
      border-bottom: 1px solid #F98300 !important;
      box-shadow: 0 -2px 1px -1px #F98300; }
      .datagrid > tbody > tr.rowstatus-row-alert td.rowstatus-cell {
        position: relative; }
        .datagrid > tbody > tr.rowstatus-row-alert td.rowstatus-cell::before {
          background-color: #F98300;
          content: '';
          display: block;
          height: 32px;
          left: -11px;
          position: absolute;
          top: -14px;
          transform: rotate(45deg);
          width: 26px; }
        .datagrid > tbody > tr.rowstatus-row-alert td.rowstatus-cell .icon-rowstatus {
          color: #ffffff;
          height: 10px;
          left: 1px;
          position: absolute;
          top: 2px;
          visibility: visible !important;
          width: 10px; }
    .datagrid > tbody > tr.rowstatus-row-info td {
      border-bottom: 1px solid #0072ED !important;
      box-shadow: 0 -2px 1px -1px #0072ED; }
      .datagrid > tbody > tr.rowstatus-row-info td.rowstatus-cell {
        position: relative; }
        .datagrid > tbody > tr.rowstatus-row-info td.rowstatus-cell::before {
          background-color: #0072ED;
          content: '';
          display: block;
          height: 32px;
          left: -11px;
          position: absolute;
          top: -14px;
          transform: rotate(45deg);
          width: 26px; }
        .datagrid > tbody > tr.rowstatus-row-info td.rowstatus-cell .icon-rowstatus {
          color: #ffffff;
          height: 10px;
          left: 1px;
          position: absolute;
          top: 2px;
          visibility: visible !important;
          width: 10px; }
    .datagrid > tbody > tr.rowstatus-row-in-progress td {
      border-bottom: 1px solid #6F6F76 !important;
      box-shadow: 0 -2px 1px -1px #6F6F76; }
      .datagrid > tbody > tr.rowstatus-row-in-progress td.rowstatus-cell {
        position: relative; }
        .datagrid > tbody > tr.rowstatus-row-in-progress td.rowstatus-cell::before {
          background-color: #6F6F76;
          content: '';
          display: block;
          height: 32px;
          left: -11px;
          position: absolute;
          top: -14px;
          transform: rotate(45deg);
          width: 26px; }
        .datagrid > tbody > tr.rowstatus-row-in-progress td.rowstatus-cell .icon-rowstatus {
          color: #ffffff;
          height: 10px;
          left: 1px;
          position: absolute;
          top: 2px;
          visibility: visible !important;
          width: 10px; }
    .datagrid > tbody > tr.rowstatus-row-success td {
      border-bottom: 1px solid #2AC371 !important;
      box-shadow: 0 -2px 1px -1px #2AC371; }
      .datagrid > tbody > tr.rowstatus-row-success td.rowstatus-cell {
        position: relative; }
        .datagrid > tbody > tr.rowstatus-row-success td.rowstatus-cell::before {
          background-color: #2AC371;
          content: '';
          display: block;
          height: 32px;
          left: -11px;
          position: absolute;
          top: -14px;
          transform: rotate(45deg);
          width: 26px; }
        .datagrid > tbody > tr.rowstatus-row-success td.rowstatus-cell .icon-rowstatus {
          color: #ffffff;
          height: 10px;
          left: 1px;
          position: absolute;
          top: 2px;
          visibility: visible !important;
          width: 10px; }
    .datagrid > tbody > tr.rowstatus-row-new td {
      border-bottom: 1px solid #6F6F76 !important;
      box-shadow: 0 -2px 1px -1px #6F6F76; }
      .datagrid > tbody > tr.rowstatus-row-new td.rowstatus-cell {
        position: relative; }
        .datagrid > tbody > tr.rowstatus-row-new td.rowstatus-cell::before {
          background-color: #6F6F76;
          content: '';
          display: block;
          height: 32px;
          left: -11px;
          position: absolute;
          top: -14px;
          transform: rotate(45deg);
          width: 26px; }
        .datagrid > tbody > tr.rowstatus-row-new td.rowstatus-cell .icon-rowstatus {
          color: #ffffff;
          height: 10px;
          left: 1px;
          position: absolute;
          top: 2px;
          visibility: visible !important;
          width: 10px; }
  .datagrid.medium-rowheight td.is-editing .timepicker {
    padding: unset;
    margin-top: 0; }
    .datagrid.medium-rowheight td.is-editing .timepicker + .btn-icon.trigger {
      margin-top: 5px;
      margin-left: -5px; }
  .datagrid.medium-rowheight td.is-editing:not(.datagrid-trigger-cell) .datepicker {
    margin-top: unset !important;
    padding: unset !important; }
    .datagrid.medium-rowheight td.is-editing:not(.datagrid-trigger-cell) .datepicker + .btn-icon.trigger {
      margin-top: 4px;
      margin-left: 12px; }
  .datagrid.small-rowheight td.is-editing .timepicker {
    margin-left: -8px !important; }
    .datagrid.small-rowheight td.is-editing .timepicker + .btn-icon.trigger {
      margin-top: 4px;
      margin-left: 2px; }
  .datagrid.small-rowheight td.is-editing .datepicker {
    margin-top: unset !important;
    padding: unset !important; }
    .datagrid.small-rowheight td.is-editing .datepicker + .btn-icon.trigger {
      margin-top: 2px;
      margin-left: 7px; }
  .datagrid.extra-small-rowheight .colorpicker-container {
    height: 18px; }
    .datagrid.extra-small-rowheight .colorpicker-container input.colorpicker {
      font-size: 1.4rem; }
  .datagrid.extra-small-rowheight td.is-editing .timepicker {
    padding: unset !important;
    width: calc(100% - 26px); }
    .datagrid.extra-small-rowheight td.is-editing .timepicker + .btn-icon.trigger {
      margin-top: 1px;
      margin-left: 4px; }
  .datagrid.extra-small-rowheight td.is-editing .datepicker {
    padding: unset !important; }
    .datagrid.extra-small-rowheight td.is-editing .datepicker + .btn-icon.trigger {
      margin-top: 1px;
      margin-left: 5px; }
  .datagrid td {
    background-color: #ffffff;
    border-bottom: 1px solid #C5C5C9;
    border-left: 1px solid #C5C5C9;
    color: #161618;
    -webkit-font-smoothing: antialiased;
    height: inherit;
    line-height: inherit;
    min-height: inherit;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-size-adjust: none;
    white-space: nowrap; }
    .datagrid td:focus, .datagrid td.is-focused {
      box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.4);
      outline: 1px solid #0072ED;
      outline-offset: -1px;
      transform: scale(1); }
      .datagrid td:focus.datagrid-trigger-cell .datagrid-cell-wrapper span.trigger, .datagrid td.is-focused.datagrid-trigger-cell .datagrid-cell-wrapper span.trigger {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .datagrid td .is-singleline * {
      display: inline; }
    .datagrid td .is-singleline br {
      display: none; }
    .datagrid td.is-spanned-hidden {
      display: none; }
    .datagrid td.is-spanned-last {
      border-right-color: transparent; }
    .datagrid td.is-spanned-invisible .datagrid-cell-wrapper {
      visibility: hidden; }
    .datagrid td .word-wrap {
      word-wrap: break-word; }
      .datagrid td .word-wrap .hyperlink {
        display: inline;
        white-space: pre-line; }
        .datagrid td .word-wrap .hyperlink:hover {
          display: inline; }
        .datagrid td .word-wrap .hyperlink:focus {
          border-bottom: 1px solid #0066D4 !important; }
          .datagrid td .word-wrap .hyperlink:focus::after {
            border-color: transparent; }
      .datagrid td .word-wrap .micro-text {
        display: block;
        margin-bottom: 6px;
        margin-top: 5px; }
    .datagrid td .chart-completion-target {
      height: 26px;
      border-radius: 2px;
      position: relative;
      vertical-align: middle; }
      .datagrid td .chart-completion-target .chart-targeted-text {
        color: #ffffff; }
    .datagrid td .spinbox-wrapper {
      margin-bottom: 0;
      margin-top: 5px;
      vertical-align: top; }
    .datagrid td.error {
      background-color: rgba(232, 79, 79, 0.1); }
      .datagrid td.error.has-inline-editor .datagrid-cell-wrapper .icon-error {
        left: unset; }
      .datagrid td.error .datagrid-cell-wrapper {
        position: relative; }
        .datagrid td.error .datagrid-cell-wrapper .icon {
          background-color: transparent;
          -webkit-box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent;
          box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent; }
        .datagrid td.error .datagrid-cell-wrapper .icon-error {
          background-color: transparent;
          box-shadow: none;
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
        .datagrid td.error .datagrid-cell-wrapper .trigger + .icon-search-list + .icon-error {
          left: 94%; }
        .datagrid td.error .datagrid-cell-wrapper .trigger + .icon-calendar + .icon-error {
          left: 98%;
          margin-top: 2px; }
        .datagrid td.error .datagrid-cell-wrapper .trigger + .icon-calendar + .icon-error {
          left: 98%;
          margin-top: 1px; }
        .datagrid td.error .datagrid-cell-wrapper .trigger + .icon-clock + .icon-error {
          margin-top: 1px;
          left: 95%; }
      .datagrid td.error:focus .datagrid-cell-wrapper {
        border-color: #DA1217; }
      .datagrid td.error.l-right-text .datagrid-cell-wrapper .icon-error {
        left: 0;
        margin-left: 10px;
        margin-right: -15px; }
    .datagrid td.alert {
      background-color: rgba(255, 148, 38, 0.1); }
      .datagrid td.alert .datagrid-cell-wrapper {
        position: relative; }
        .datagrid td.alert .datagrid-cell-wrapper .icon {
          background-color: transparent;
          -webkit-box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent;
          box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent; }
        .datagrid td.alert .datagrid-cell-wrapper .icon-alert {
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
      .datagrid td.alert:focus .datagrid-cell-wrapper {
        border-color: #F98300; }
      .datagrid td.alert.l-right-text .datagrid-cell-wrapper .icon-alert {
        left: 0;
        margin-left: 0;
        margin-right: -15px; }
    .datagrid td.success {
      background-color: rgba(128, 206, 77, 0.1); }
      .datagrid td.success .datagrid-cell-wrapper {
        position: relative; }
        .datagrid td.success .datagrid-cell-wrapper .icon {
          background-color: transparent;
          -webkit-box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent;
          box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent; }
        .datagrid td.success .datagrid-cell-wrapper .icon-success {
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
      .datagrid td.success:focus .datagrid-cell-wrapper {
        border-color: #2AC371; }
      .datagrid td.success.l-right-text .datagrid-cell-wrapper .icon-success {
        left: 0;
        margin-left: 0;
        margin-right: -15px; }
    .datagrid td.info {
      background-color: rgba(54, 138, 192, 0.1); }
      .datagrid td.info .datagrid-cell-wrapper {
        position: relative; }
        .datagrid td.info .datagrid-cell-wrapper .icon {
          background-color: transparent;
          -webkit-box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent;
          box-shadow: -3px 0 1px 0 transparent, 8px 0 0 0 transparent; }
        .datagrid td.info .datagrid-cell-wrapper .icon-info {
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
      .datagrid td.info:focus .datagrid-cell-wrapper {
        border-color: #0066D4; }
      .datagrid td.info.l-right-text .datagrid-cell-wrapper .icon-info {
        left: 0;
        margin-left: 0;
        margin-right: -15px; }
    .datagrid td.is-hidden {
      display: none; }
    .datagrid td .hyperlink {
      color: #0072ED !important;
      display: inline-block;
      font-size: 1.6rem; }
      .datagrid td .hyperlink:hover {
        color: #0066D4; }
      .datagrid td .hyperlink:focus {
        outline: none; }
      .datagrid td .hyperlink.micro-text {
        font-size: 1.6rem; }
      .datagrid td .hyperlink[disabled] {
        color: #6F6F76;
        pointer-events: none; }
    .datagrid td .search-mode i {
      font-style: normal;
      font-weight: 600; }
    .datagrid td.is-readonly {
      background-color: rgba(239, 239, 240, 0.5); }
      .datagrid td.is-readonly .datagrid-checkbox {
        cursor: default; }
        .datagrid td.is-readonly .datagrid-checkbox::before {
          background-color: #E0E0E1;
          border-color: #C5C5C9; }
        .datagrid td.is-readonly .datagrid-checkbox.is-checked::before {
          background-color: #C5C5C9;
          border-color: #C5C5C9; }
        .datagrid td.is-readonly .datagrid-checkbox.is-checked::after {
          border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent; }
    .datagrid td.is-cell-readonly .hyperlink {
      color: #6F6F76; }
      .datagrid td.is-cell-readonly .hyperlink:hover, .datagrid td.is-cell-readonly .hyperlink:focus {
        border-bottom: 0;
        outline: none; }
    .datagrid td.is-editing {
      background-color: #ffffff;
      position: relative;
      outline: 1px solid #0072ED;
      outline-offset: -1px; }
      .datagrid td.is-editing.has-singlecolumn {
        display: block;
        min-height: 50px; }
      .datagrid td.is-editing .datagrid-cell-wrapper {
        left: 0;
        position: absolute;
        text-overflow: clip;
        top: 0;
        width: 100%; }
      .datagrid td.is-editing .lookup-wrapper {
        margin-bottom: 0;
        padding-left: 0;
        padding-top: 8px;
        vertical-align: top;
        width: 100%; }
        .datagrid td.is-editing .lookup-wrapper .lookup.is-not-editable + .trigger {
          margin-left: -5px; }
        .datagrid td.is-editing .lookup-wrapper .lookup.is-not-editable:focus {
          box-shadow: none; }
      .datagrid td.is-editing .checkbox-label::before {
        left: 50%;
        margin-left: -8px;
        margin-top: 4px;
        top: 50%; }
      .datagrid td.is-editing .checkbox-label::after {
        left: 9px; }
      .datagrid td.is-editing.has-singlecolumn .checkbox-label::after {
        left: 7px;
        top: 20px; }
      .datagrid td.is-editing.is-fileupload label {
        margin-bottom: 0; }
      .datagrid td.is-editing input {
        border: 1px solid transparent;
        outline: none;
        padding: 0;
        width: 100%; }
        .datagrid td.is-editing input.lookup {
          margin-left: -1px;
          padding-bottom: 8px;
          padding-right: 20px; }
          .datagrid td.is-editing input.lookup + .trigger {
            margin-left: -15px;
            margin-top: 9px; }
            .datagrid td.is-editing input.lookup + .trigger > .icon {
              top: 0; }
            .datagrid td.is-editing input.lookup + .trigger:hover > .icon {
              background-color: transparent;
              box-shadow: none; }
          .datagrid td.is-editing input.lookup.align-text-right {
            width: 100%; }
          .datagrid td.is-editing input.lookup.is-not-editable {
            border-color: transparent; }
        .datagrid td.is-editing input.timepicker {
          width: calc(100% - 15px); }
          .datagrid td.is-editing input.timepicker + .btn-icon.trigger {
            margin-left: -2px;
            margin-top: 9px; }
          .datagrid td.is-editing input.timepicker + .trigger {
            margin-left: -5px;
            margin-top: 13px; }
            .datagrid td.is-editing input.timepicker + .trigger .icon {
              top: -1px; }
          .datagrid td.is-editing input.timepicker ~ .icon {
            left: auto;
            margin-left: -4px;
            top: calc(50% - 17px); }
        .datagrid td.is-editing input.fileupload-background-transparent {
          background-color: transparent; }
        .datagrid td.is-editing input.fileupload ~ .trigger,
        .datagrid td.is-editing input.fileupload ~ .trigger-close {
          cursor: pointer;
          display: inline-block;
          margin-left: -36px;
          outline: 0;
          text-align: center;
          width: 36px; }
          .datagrid td.is-editing input.fileupload ~ .trigger.trigger-close,
          .datagrid td.is-editing input.fileupload ~ .trigger-close.trigger-close {
            display: none;
            margin-left: -50px; }
          .datagrid td.is-editing input.fileupload ~ .trigger .icon,
          .datagrid td.is-editing input.fileupload ~ .trigger-close .icon {
            height: 16px;
            left: 1px;
            top: 7px;
            vertical-align: baseline;
            width: 16px; }
        .datagrid td.is-editing input.fileupload[type='file'] {
          left: -10000px;
          position: fixed; }
        .datagrid td.is-editing input.fileupload[type='text'] {
          padding-right: 56px;
          text-overflow: ellipsis; }
        .datagrid td.is-editing input:focus {
          box-shadow: none !important;
          outline: none; }
          .datagrid td.is-editing input:focus.is-not-editable {
            border-color: transparent; }
      .datagrid td.is-editing .dropdown {
        border: medium none;
        height: inherit;
        line-height: normal;
        padding: 4px 30px 5px 16px;
        width: 100%; }
        .datagrid td.is-editing .dropdown:focus {
          box-shadow: none; }
        .datagrid td.is-editing .dropdown + .icon {
          top: 5px; }
      .datagrid td.is-editing .dropdown-wrapper {
        margin-top: 4px; }
      .datagrid td.is-editing textarea {
        border: 0;
        height: inherit;
        margin-bottom: -9px;
        width: inherit; }
        .datagrid td.is-editing textarea:focus {
          box-shadow: none;
          outline: none; }
      .datagrid td.is-editing .datagrid-textarea-cell-wrapper {
        padding: 0;
        position: inherit; }
      .datagrid td.is-editing .icon {
        left: auto;
        top: 5px;
        visibility: visible; }
        .datagrid td.is-editing .icon.icon-fileupload {
          left: 5px;
          top: -0.5px; }
        .datagrid td.is-editing .icon.icon-close {
          top: 4px;
          margin-right: -3px;
          margin-left: 10px; }
        .datagrid td.is-editing .icon.icon-clock {
          left: 2px; }
      .datagrid td.is-editing .colorpicker-container .icon {
        left: 3px; }
      .datagrid td.is-editing .datepicker {
        border: 0;
        width: calc(100% - 27px); }
        .datagrid td.is-editing .datepicker + .trigger {
          margin-left: -1px;
          margin-top: 13px; }
          .datagrid td.is-editing .datepicker + .trigger .icon {
            top: -1px; }
        .datagrid td.is-editing .datepicker + .btn-icon.trigger {
          margin-left: 13px;
          margin-top: 9px; }
        .datagrid td.is-editing .datepicker:disabled .icon {
          color: #8E8E95; }
      .datagrid td.is-editing .spinbox-wrapper {
        margin-left: -21px;
        margin-top: -6px;
        width: 100%; }
        .datagrid td.is-editing .spinbox-wrapper.is-focused {
          box-shadow: none; }
        .datagrid td.is-editing .spinbox-wrapper input {
          padding: 13px 0 8px;
          width: calc(100% - 38px); }
        .datagrid td.is-editing .spinbox-wrapper .spinbox-control {
          border: 0;
          border-right: 1px solid #0072ED;
          padding: 18px 10px 31px;
          width: 36px; }
          .datagrid td.is-editing .spinbox-wrapper .spinbox-control.up {
            border-left: 1px solid #0072ED; }
    .datagrid td .datagrid-cell-wrapper .is-placeholder {
      color: #6F6F76; }
    .datagrid td .is-inline.dropdown-wrapper {
      margin-bottom: 0; }
      .datagrid td .is-inline.dropdown-wrapper .dropdown {
        margin-top: -2px;
        max-height: 36px; }
      .datagrid td .is-inline.dropdown-wrapper span {
        padding-top: 1px;
        vertical-align: top; }
      .datagrid td .is-inline.dropdown-wrapper .icon {
        left: calc(100% - 22px);
        top: 6px; }
    .datagrid td.l-right-text .datagrid-cell-wrapper {
      text-align: right; }
      .datagrid td.l-right-text .datagrid-cell-wrapper .lookup-wrapper {
        padding-right: 30px; }
    .datagrid td.l-center-text .datagrid-cell-wrapper {
      text-align: center; }
    .datagrid td.l-center-text .dropdown-trigger {
      text-align: center; }
    .datagrid td.l-image-text .datagrid-cell-wrapper {
      padding: 0 0 0 15px;
      text-align: center; }
    .datagrid td.text-ellipsis .datagrid-cell-wrapper {
      text-overflow: ellipsis;
      white-space: nowrap; }
      .datagrid td.text-ellipsis .datagrid-cell-wrapper .hyperlink {
        display: inline; }
    .datagrid td.text-ellipsis:not(.has-editor) .trigger + .icon {
      display: none; }
    .datagrid td.text-ellipsis:not(.has-editor).datagrid-trigger-cell .trigger {
      width: auto; }
    .datagrid td.text-ellipsis.is-active {
      cursor: default;
      line-height: 22px;
      white-space: normal; }
      .datagrid td.text-ellipsis.is-active .datagrid-cell-wrapper {
        padding: 16px 17px;
        white-space: pre-wrap; }
    .datagrid td span.exclamation {
      line-height: 44px; }
    .datagrid td.is-dirty-cell:not(.rowstatus-cell) {
      position: relative; }
      .datagrid td.is-dirty-cell:not(.rowstatus-cell)::before {
        -webkit-border-radius: 2px 0 0;
        -moz-border-radius: 2px 0 0;
        -o-border-radius: 2px 0 0;
        -ms-border-radius: 2px 0 0;
        border-radius: 2px 0 0;
        border-color: #FFD100 transparent transparent #FFD100;
        border-style: solid;
        border-width: 4px;
        content: '';
        display: inline-block;
        height: 0;
        left: 2px;
        margin: 3px 0 0 1px;
        position: absolute;
        top: 0;
        width: 0; }
    .datagrid td.is-dirty-cell .icon-rowstatus, .datagrid td.has-editor.error .icon-rowstatus {
      display: none; }
  .datagrid .datagrid .datagrid-header th {
    background-color: #F5F5F5;
    border-left: 1px solid #C5C5C9;
    z-index: 1; }
  .datagrid .datagrid-container:not(.has-filterable-columns) .datagrid-filter-wrapper {
    height: 0;
    margin: 0; }

.datagrid.small-rowheight tbody tr td .datagrid-drilldown {
  top: -2px; }

.datagrid-header {
  background-color: #F5F5F5;
  overflow: hidden; }
  .datagrid-header.left {
    flex-shrink: 0; }
  .datagrid-header.right {
    flex-shrink: 0; }
    .datagrid-header.right th {
      border-left: 1px solid #C5C5C9; }
  .datagrid-header.center th:first-child,
  .datagrid-header.center th.is-hidden:first-child + th, .datagrid-header.left th:first-child,
  .datagrid-header.left th.is-hidden:first-child + th {
    border-left: 0; }
  .datagrid-header table {
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    table-layout: fixed;
    width: 100%; }
  .datagrid-header th {
    background-clip: padding-box;
    background-color: #F5F5F5;
    border-left: 1px solid #C5C5C9;
    border-bottom: 1px solid #C5C5C9;
    height: 35px;
    overflow: hidden;
    position: sticky;
    text-align: left;
    top: 0;
    z-index: 2; }
    .datagrid-header th.text-ellipsis .datagrid-column-wrapper {
      display: flex;
      float: none;
      padding: 0 0 0 16px; }
      .datagrid-header th.text-ellipsis .datagrid-column-wrapper .datagrid-header-text {
        display: inline-block;
        margin: 10px 0 0 -1px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .datagrid-header th.text-ellipsis .datagrid-column-wrapper.l-center-text, .datagrid-header th.text-ellipsis .datagrid-column-wrapper.l-right-text {
        padding: 0 16px; }
    .datagrid-header th.l-center-text .datagrid-header-text {
      text-align: center;
      width: 100%; }
    .datagrid-header th.l-center-text .datagrid-filter-wrapper .btn-filter.btn-filter-checkbox {
      left: calc(50% - 5px) !important;
      text-align: center; }
      @media (max-width: 400px) {
        .datagrid-header th.l-center-text .datagrid-filter-wrapper .btn-filter.btn-filter-checkbox {
          left: calc(50% - 13px) !important; } }
    .datagrid-header th.is-hidden {
      display: none; }
    .datagrid-header th .datagrid-header-text {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      color: #161618;
      direction: ltr;
      display: table-cell;
      font-size: 1.6rem;
      font-weight: 600;
      text-align: left;
      vertical-align: middle;
      white-space: nowrap; }
      .datagrid-header th .datagrid-header-text.required::after {
        content: '*';
        color: #da1217;
        display: inline-block;
        font-size: 2.8rem;
        left: 3px;
        line-height: 0;
        position: relative;
        top: 3px;
        color: #161618; }
    .datagrid-header th .icon.datagrid-header-icon {
      color: #161618;
      margin-left: 3px;
      min-width: 18px;
      top: -2px;
      transform: translateY(50%); }
    .datagrid-header th .datagrid-checkbox::before {
      border: 1px solid #3B3B3F; }
    .datagrid-header th .datagrid-checkbox.is-checked::before {
      border: 1px solid #3B3B3F; }
    .datagrid-header th .datagrid-checkbox-wrapper {
      align-items: center;
      display: flex;
      flex-direction: column;
      height: inherit;
      justify-content: center;
      margin-top: auto;
      top: auto; }
      .datagrid-header th .datagrid-checkbox-wrapper .datagrid-checkbox {
        height: 16px; }
    .datagrid-header th.is-active {
      background-color: #E0E0E1; }
    .datagrid-header th:focus {
      background-color: #6F6F76;
      color: #161618;
      outline: 1px solid #ffffff;
      outline-offset: -2px; }
      .datagrid-header th:focus .icon {
        color: #6F6F76;
        opacity: 1; }
      .datagrid-header th:focus.is-sorted-asc .sort-asc .icon,
      .datagrid-header th:focus.is-sorted-desc .sort-desc .icon {
        color: #161618; }
    .datagrid-header th.is-sortable {
      cursor: pointer; }
      .datagrid-header th.is-sortable:hover {
        background-color: #E0E0E1; }
        .datagrid-header th.is-sortable:hover .icon {
          opacity: 1; }
  .datagrid-header thead tr + tr th {
    border-top: 1px solid #C5C5C9; }
  .datagrid-header .datagrid-header-groups th {
    background-color: #F5F5F5; }
    .datagrid-header .datagrid-header-groups th.l-left-text .datagrid-column-wrapper {
      width: 100%; }
    .datagrid-header .datagrid-header-groups th.l-left-text .datagrid-header-text {
      text-align: left; }
    .datagrid-header .datagrid-header-groups th.l-center-text .datagrid-column-wrapper {
      width: 100%; }
    .datagrid-header .datagrid-header-groups th.l-center-text .datagrid-header-text {
      text-align: center; }
    .datagrid-header .datagrid-header-groups th.l-right-text .datagrid-column-wrapper {
      width: 100%; }
    .datagrid-header .datagrid-header-groups th.l-right-text .datagrid-header-text {
      text-align: right; }
  .datagrid-header .datagrid-column-wrapper {
    display: table;
    height: 35px;
    padding: 0 16px;
    position: relative;
    vertical-align: top; }
    .datagrid-header .datagrid-column-wrapper.l-right-text {
      direction: rtl;
      float: right;
      padding: 0 16px;
      position: relative; }
      .datagrid-header .datagrid-column-wrapper.l-right-text .sort-indicator {
        margin: 3px 0 0 -20px;
        padding-right: 3px; }
  .datagrid-header .is-filterable .datagrid-column-wrapper.l-right-text + .datagrid-filter-wrapper {
    clear: both; }
    .datagrid-header .is-filterable .datagrid-column-wrapper.l-right-text + .datagrid-filter-wrapper input,
    .datagrid-header .is-filterable .datagrid-column-wrapper.l-right-text + .datagrid-filter-wrapper .btn-filter {
      top: 2px; }
  .datagrid-header .datagrid-filter-wrapper {
    display: block;
    height: 0;
    line-height: 30px;
    margin-bottom: 0;
    max-width: calc(100% - 20px);
    min-width: 70px;
    position: relative;
    top: -5px;
    width: calc(100% - 20px); }
    .datagrid-header .datagrid-filter-wrapper.is-empty.l-right-text {
      direction: rtl;
      float: right; }
    .datagrid-header .datagrid-filter-wrapper input {
      background-color: transparent;
      border-color: #161618;
      color: #161618;
      height: 24px;
      left: 9px;
      padding: 5px;
      position: relative;
      vertical-align: top;
      width: calc(100% - 45px); }
      .datagrid-header .datagrid-filter-wrapper input.lookup.is-number-mask {
        text-align: left; }
      .datagrid-header .datagrid-filter-wrapper input.timepicker, .datagrid-header .datagrid-filter-wrapper input.datepicker {
        padding: 1px 24px 2px 5px; }
      .datagrid-header .datagrid-filter-wrapper input.lookup.is-not-editable {
        color: #161618; }
      .datagrid-header .datagrid-filter-wrapper input.error {
        color: #161618 !important; }
      .datagrid-header .datagrid-filter-wrapper input:focus {
        border-color: #0066D4; }
      .datagrid-header .datagrid-filter-wrapper input:hover:not(:disabled):not(:focus) {
        border-color: #28282A; }
      .datagrid-header .datagrid-filter-wrapper input:disabled {
        border-color: #C5C5C9 !important; }
    .datagrid-header .datagrid-filter-wrapper [data-mask-mode='number'] {
      padding: 3px 7px 2px 3px; }
    .datagrid-header .datagrid-filter-wrapper .dropdown {
      background-color: transparent;
      color: #161618;
      height: 24px;
      line-height: 21px;
      padding: 3px 0 0 5px;
      vertical-align: top;
      width: calc(100% - 13px); }
      .datagrid-header .datagrid-filter-wrapper .dropdown:hover {
        border-color: #28282A !important; }
        .datagrid-header .datagrid-filter-wrapper .dropdown:hover + .icon {
          color: #28282A !important; }
      .datagrid-header .datagrid-filter-wrapper .dropdowndiv:hover:not(:disabled) {
        border-color: #28282A !important; }
      .datagrid-header .datagrid-filter-wrapper .dropdown.is-disabled {
        border-color: #C5C5C9 !important; }
        .datagrid-header .datagrid-filter-wrapper .dropdown.is-disabled + .icon {
          background-color: transparent;
          color: #C5C5C9; }
      .datagrid-header .datagrid-filter-wrapper .dropdown > span {
        color: inherit;
        width: calc(100% - 16px); }
    .datagrid-header .datagrid-filter-wrapper .dropdown-wrapper {
      background-color: transparent;
      display: inline;
      left: 16px;
      margin-bottom: 0; }
      .datagrid-header .datagrid-filter-wrapper .dropdown-wrapper .icon {
        height: 16px;
        vertical-align: top;
        width: 16px; }
        .datagrid-header .datagrid-filter-wrapper .dropdown-wrapper .icon + .icon {
          display: none; }
      .datagrid-header .datagrid-filter-wrapper .dropdown-wrapper div.dropdown:not(.is-disabled) {
        border: 1px solid #161618; }
        .datagrid-header .datagrid-filter-wrapper .dropdown-wrapper div.dropdown:not(.is-disabled):hover {
          border: 1px solid #28282A; }
    .datagrid-header .datagrid-filter-wrapper .dropdown + .icon {
      color: #161618;
      height: 13px;
      right: 4px;
      top: -0.6px;
      width: 13px; }
    .datagrid-header .datagrid-filter-wrapper .dropdown:not(:disabled) + .icon:hover,
    .datagrid-header .datagrid-filter-wrapper .dropdown:hover:not(:disabled) + .icon {
      color: #28282A !important; }
    .datagrid-header .datagrid-filter-wrapper .dropdown:disabled + .icon {
      color: #C5C5C9 !important;
      opacity: 0.6; }
    .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger,
    .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger {
      height: 20px;
      margin-left: -13px;
      margin-top: 2px;
      min-height: 20px;
      min-width: 20px;
      width: 20px; }
      .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger .icon,
      .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger .icon {
        color: #161618;
        height: 16px;
        position: absolute;
        right: 2px;
        top: 2px;
        width: 16px; }
    .datagrid-header .datagrid-filter-wrapper .timepicker:not(:disabled) + .trigger:hover .icon,
    .datagrid-header .datagrid-filter-wrapper .timepicker:hover:not(:disabled) + .trigger .icon,
    .datagrid-header .datagrid-filter-wrapper .datepicker:not(:disabled) + .trigger:hover .icon,
    .datagrid-header .datagrid-filter-wrapper .datepicker:hover:not(:disabled) + .trigger .icon {
      color: #28282A !important; }
    .datagrid-header .datagrid-filter-wrapper .timepicker:disabled + .trigger,
    .datagrid-header .datagrid-filter-wrapper .datepicker:disabled + .trigger {
      background-color: transparent !important;
      color: #C5C5C9;
      cursor: default; }
      .datagrid-header .datagrid-filter-wrapper .timepicker:disabled + .trigger .icon,
      .datagrid-header .datagrid-filter-wrapper .datepicker:disabled + .trigger .icon {
        color: #C5C5C9 !important;
        opacity: 0.6; }
    .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger .icon {
      height: 14px;
      width: 15px; }
    .datagrid-header .datagrid-filter-wrapper .lookup-wrapper {
      background-color: transparent;
      display: inline;
      left: 0;
      vertical-align: top;
      width: calc(100% - 44px); }
      .datagrid-header .datagrid-filter-wrapper .lookup-wrapper input.lookup {
        background-color: transparent;
        left: 10px;
        padding-right: 20px;
        width: calc(100% - 44px); }
        .datagrid-header .datagrid-filter-wrapper .lookup-wrapper input.lookup:not(:disabled) + .trigger > .icon:hover,
        .datagrid-header .datagrid-filter-wrapper .lookup-wrapper input.lookup:hover:not(:disabled) + .trigger > .icon {
          color: #28282A; }
        .datagrid-header .datagrid-filter-wrapper .lookup-wrapper input.lookup:disabled + .trigger > .icon {
          color: #C5C5C9;
          opacity: 0.6; }
      .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .searchfield-wrapper.has-close-icon-button {
        box-shadow: none;
        display: inline;
        width: inherit; }
        .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .searchfield-wrapper.has-close-icon-button .icon {
          color: #161618;
          right: 11px;
          top: 5px; }
          .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .searchfield-wrapper.has-close-icon-button .icon:hover {
            color: #28282A; }
      .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger {
        height: 18px;
        margin-left: -13px;
        margin-top: 3px;
        min-height: 18px;
        min-width: 18px;
        width: 18px; }
        .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger:hover {
          background-color: transparent !important; }
        .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger:hover .icon {
          color: #28282A; }
        .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger .icon {
          color: #161618;
          height: 16px;
          position: relative;
          right: 1px;
          top: -1px;
          width: 16px; }
    .datagrid-header .datagrid-filter-wrapper .btn-filter {
      border-radius: 4px;
      height: 24px;
      left: 12px;
      min-height: 0;
      min-width: 34px;
      padding-top: 5px;
      top: 0;
      vertical-align: top;
      width: 36px; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter:disabled:not(.single) {
        opacity: 0.3; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter:disabled .icon {
        color: #C5C5C9; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter:hover {
        background-color: transparent !important; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter .icon-dropdown {
        color: #161618 !important;
        height: 18px;
        left: -7px;
        margin-top: -5px;
        position: relative;
        top: 2px;
        vertical-align: top;
        width: 18px; }
        .datagrid-header .datagrid-filter-wrapper .btn-filter .icon-dropdown + .icon-dropdown {
          left: -8px;
          width: 16px; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter.is-open .icon {
        color: #0066D4 !important; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter:hover:not(.is-open):not(:disabled) .icon {
        color: #28282A !important; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter:focus:not(.hide-focus) {
        border: 1px solid #0066D4;
        box-shadow: 0 0 0 2px transparent, 0 0 0 0 #0066D4, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
        .datagrid-header .datagrid-filter-wrapper .btn-filter:focus:not(.hide-focus) .icon {
          color: #0066D4 !important; }
      .datagrid-header .datagrid-filter-wrapper .btn-filter.single .icon-dropdown + .icon-dropdown {
        display: none; }

.datagrid-rowgroup-header.is-animating {
  opacity: 0.2; }

.datagrid-rowgroup-header td {
  background-color: #F5F5F5;
  border: 1px solid transparent;
  border-bottom: 1px solid #C5C5C9;
  border-right: 1px solid #C5C5C9;
  padding: 0 17px;
  -webkit-text-size-adjust: none; }
  .datagrid-rowgroup-header td:focus, .datagrid-rowgroup-header td.is-focused {
    border: 1px solid #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
  .datagrid-rowgroup-header td span {
    color: #161618;
    font-weight: 600;
    vertical-align: middle; }
  .datagrid-rowgroup-header td .icon {
    color: #161618; }
  .datagrid-rowgroup-header td .datagrid-reorder-icon {
    display: inline-block;
    margin-right: 15px; }

.datagrid-rowgroup-header .datagrid-expand-btn {
  left: -8px;
  margin-right: 8px;
  margin-top: 0; }
  .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus {
    left: -6.15px; }
  .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::before,
  .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::after {
    left: 8px; }

.sort-indicator {
  display: inline-block;
  margin: 4px 3px 0;
  vertical-align: top; }
  .sort-indicator .icon {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
    color: #6F6F76;
    height: 18px;
    opacity: 0;
    width: 18px; }
  .sort-indicator .sort-asc > .icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .sort-indicator span {
    display: block;
    height: 8px; }

.datagrid-column-wrapper.l-center-text {
  width: 100%; }
  .datagrid-column-wrapper.l-center-text .sort-indicator {
    margin: -7px -23px 0 4px; }

.is-sorted-asc .sort-indicator .icon {
  opacity: 1; }

.is-sorted-asc .sort-asc .icon {
  color: #161618; }

.is-sorted-desc .sort-indicator .icon {
  opacity: 1; }

.is-sorted-desc .sort-desc .icon {
  color: #161618; }

.datagrid-row-heading {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #161618;
  line-height: 22px;
  padding-top: 6px; }

.datagrid-row-subheading {
  color: #161618;
  font-size: 1.6rem;
  line-height: 22px;
  margin-top: -4px; }

.datagrid-row-micro {
  color: #161618;
  font-size: 1.6rem;
  line-height: 2rem; }

.datagrid-drilldown {
  background-color: transparent;
  border-radius: 50%;
  margin: 0 auto;
  top: -3px; }
  .datagrid-drilldown .icon {
    color: #28282A; }

td .btn-actions {
  background-color: transparent; }

.datagrid-multiline-text {
  display: block;
  height: inherit;
  line-height: 22px;
  margin: 0 -20px;
  min-height: 42px;
  overflow: auto;
  padding: 10px 20px;
  white-space: pre-line;
  word-wrap: break-word; }

.medium-rowheight .datagrid-multiline-text {
  min-height: 33px;
  padding: 5px 20px; }

.medium-rowheight.has-filterable-columns .datagrid-header th .datagrid-checkbox-wrapper .datagrid-checkbox {
  top: 14px; }

.medium-rowheight .datagrid-trigger-cell span.trigger.is-clearable:not(.colorpicker-container) {
  margin-top: 0; }

.small-rowheight .datagrid-multiline-text,
.extra-small-rowheight .datagrid-multiline-text {
  min-height: 25px;
  padding: 2px 20px; }

.small-rowheight.has-filterable-columns .datagrid-header th .datagrid-checkbox-wrapper .datagrid-checkbox,
.extra-small-rowheight.has-filterable-columns .datagrid-header th .datagrid-checkbox-wrapper .datagrid-checkbox {
  top: 14px; }

.datagrid-radio {
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  left: -9px;
  position: relative; }
  .datagrid-radio::before {
    background-color: #ffffff;
    border: 1px solid #3B3B3F;
    border-radius: 50%;
    content: '';
    height: 14px;
    margin-left: -25px;
    position: absolute;
    width: 14px;
    margin-top: 1px;
    margin-left: unset; }
  .datagrid-radio.is-checked::before {
    background-color: #0072ED;
    border: 4px solid #0072ED;
    height: 8px;
    width: 8px;
    transition: none; }
  .datagrid-radio.is-checked::after {
    background-color: #ffffff;
    border: 4px solid #0072ED;
    border-radius: 50%;
    content: '';
    height: 8px;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 8px;
    margin-left: -25px;
    top: 1px;
    left: 25px; }

.datagrid-checkbox-wrapper {
  margin-top: -13px;
  top: -50%; }
  .datagrid-checkbox-wrapper .datagrid-checkbox::before {
    top: 0; }

.datagrid-checkbox {
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  left: -9px;
  position: relative; }
  .datagrid-checkbox::before {
    background-color: #ffffff;
    border: 1px solid #3B3B3F;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    margin-top: 0;
    position: absolute;
    width: 14px;
    margin-left: 0;
    top: -4px; }
  .datagrid-checkbox.is-checked::before {
    background-color: #0072ED;
    border-color: #0072ED; }
  .datagrid-checkbox:focus::before {
    border: solid 1px #55A3F3 !important;
    box-shadow: 0 0 4px 3px rgba(105, 181, 221, 0.3); }
  .datagrid-checkbox.is-checked::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: 2px;
    position: absolute;
    top: 13px;
    width: 4px;
    -webkit-transform-origin: -11px top 0;
    -moz-transform-origin: -11px top 0;
    -o-transform-origin: -11px top 0;
    -ms-transform-origin: -11px top 0;
    transform-origin: -11px top 0;
    -webkit-animation: check 0.15s;
    -moz-animation: check 0.15s;
    -o-animation: check 0.15s;
    -ms-animation: check 0.15s;
    animation: check 0.15s;
    left: 5px;
    margin-top: 0;
    top: 1px; }
  .datagrid-checkbox.is-checked.no-animate::after {
    animation: none; }
  .datagrid-checkbox.is-partial {
    animation: none !important; }
  .datagrid-checkbox.is-partial::after {
    border-width: 0 0 2px;
    margin-left: 1px;
    top: 1px;
    width: 10px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    animation: none !important;
    margin-left: -2px;
    margin-top: -4px; }
  .datagrid-checkbox .datagrid-checkbox {
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    left: -7px;
    position: relative;
    top: -14px; }

.datagrid > tbody > tr.datagrid-row.is-selected.is-hover-row td .datagrid-cell-wrapper .btn-icon:hover {
  background-color: #E6F1FD !important; }
  .datagrid > tbody > tr.datagrid-row.is-selected.is-hover-row td .datagrid-cell-wrapper .btn-icon:hover svg {
    background: unset !important;
    box-shadow: none !important; }

[aria-readonly='true'] .datagrid-checkbox {
  cursor: default; }

.datagrid-trigger-cell:not(.is-readonly) {
  cursor: pointer; }

.datagrid-trigger-cell:focus .datagrid-cell-wrapper span {
  vertical-align: middle; }

.datagrid-trigger-cell.text-ellipsis .datagrid-cell-wrapper {
  overflow: visible; }

.datagrid-trigger-cell.text-ellipsis.datagrid-no-default-formatter .datagrid-cell-wrapper {
  overflow: hidden; }

.datagrid-trigger-cell.text-ellipsis.has-editor.is-editing span.trigger {
  padding: 8px 0 0 5px; }

.datagrid-trigger-cell.text-ellipsis.has-editor span.trigger {
  padding-bottom: 5px; }

.datagrid-trigger-cell.text-ellipsis.has-editor .icon-search-list {
  top: -1px; }

.datagrid-trigger-cell.text-ellipsis span.trigger {
  line-height: normal;
  overflow: hidden;
  padding-right: 4px;
  text-overflow: ellipsis;
  vertical-align: middle; }

.datagrid-trigger-cell .align-text-right + .icon.icon-search-list {
  left: 0; }

.datagrid-trigger-cell .icon:not(.datagrid-alert-icon) {
  color: #6F6F76;
  left: 3px;
  top: 4px;
  visibility: hidden; }
  .datagrid-trigger-cell .icon:not(.datagrid-alert-icon):not(.icon-rowstatus) {
    background-color: #ffffff;
    -webkit-box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff;
    box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff; }
  .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).datagrid-alert-icon {
    visibility: visible; }
  .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-search-list {
    left: -1px;
    top: -3px; }
  .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-clock {
    top: -2px;
    left: 1px; }
  .datagrid-trigger-cell .icon:not(.datagrid-alert-icon).icon-fileupload {
    left: 5px;
    top: -0.5px; }

.datagrid-trigger-cell .icon-close {
  height: 12px !important;
  margin-top: -8px;
  margin-left: -25px; }

.datagrid-trigger-cell .icon-clock {
  left: -1px; }

.datagrid-trigger-cell .dropdown-trigger + .icon:not(.icon-calendar) {
  top: -2px;
  left: -1.5px; }

.datagrid-trigger-cell .icon.icon-calendar {
  height: 18px;
  left: 2px;
  top: -2px;
  width: 18px; }

.datagrid-trigger-cell .icon-fileupload {
  height: 16px;
  left: 5px;
  top: -0.5px;
  width: 16px; }

.datagrid-trigger-cell .colorpicker-container span.trigger {
  width: 20px;
  left: 95%; }

.datagrid-trigger-cell span.trigger {
  color: #161618;
  display: inline-block;
  text-align: left;
  width: calc(100% - 13px); }
  .datagrid-trigger-cell span.trigger.is-clearable:not(.colorpicker-container), .datagrid-trigger-cell span.trigger.dropdown-trigger:not(.colorpicker-container) {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: 4px;
    margin-top: 0; }
  .datagrid-trigger-cell span.trigger.is-clearable {
    margin-right: 22px;
    width: calc(100% - 32px); }

.datagrid-trigger-cell.has-editor:not(.is-readonly) .icon-error,
.datagrid-trigger-cell.has-editor:not(.is-readonly) .icon-info,
.datagrid-trigger-cell.has-editor:not(.is-readonly) .icon-alert {
  -webkit-transition: margin-left 300ms ease;
  -moz-transition: margin-left 300ms ease;
  -o-transition: margin-left 300ms ease;
  -ms-transition: margin-left 300ms ease;
  transition: margin-left 300ms ease; }

.datagrid-trigger-cell.has-editor:not(.is-readonly):hover .icon, .datagrid-trigger-cell.has-editor:not(.is-readonly):focus .icon {
  visibility: visible;
  background-color: transparent;
  box-shadow: none; }

.datagrid-trigger-cell.has-editor:not(.is-readonly):hover .icon-error:not(.datagrid-alert-icon),
.datagrid-trigger-cell.has-editor:not(.is-readonly):hover .icon-info:not(.datagrid-alert-icon),
.datagrid-trigger-cell.has-editor:not(.is-readonly):hover .icon-alert:not(.datagrid-alert-icon), .datagrid-trigger-cell.has-editor:not(.is-readonly):focus .icon-error:not(.datagrid-alert-icon),
.datagrid-trigger-cell.has-editor:not(.is-readonly):focus .icon-info:not(.datagrid-alert-icon),
.datagrid-trigger-cell.has-editor:not(.is-readonly):focus .icon-alert:not(.datagrid-alert-icon) {
  margin-left: -48px !important; }

.datagrid-trigger-cell.has-editor:not(.is-readonly):hover.is-fileupload .datagrid-cell-wrapper .icon.icon-error:not(.datagrid-alert-icon), .datagrid-trigger-cell.has-editor:not(.is-readonly):focus.is-fileupload .datagrid-cell-wrapper .icon.icon-error:not(.datagrid-alert-icon) {
  left: 98%;
  margin-top: 3px; }

.datagrid-trigger-cell.is-editing {
  padding: 0; }
  .datagrid-trigger-cell.is-editing .dropdown-wrapper {
    height: inherit;
    margin-bottom: 0;
    width: inherit; }
  .datagrid-trigger-cell.is-editing .trigger.is-clearable {
    width: calc(100% - 64px); }

.is-hover-row:not(.hide-selected-color):not(.is-rowactivated) .datagrid-trigger-cell .icon:not(.icon-rowstatus):not(.icon-search-list):not(.icon-error) {
  background-color: #E6F1FD;
  -webkit-box-shadow: -3px 0 1px 0 #E6F1FD, 8px 0 0 0 #E6F1FD;
  box-shadow: -3px 0 1px 0 #E6F1FD, 8px 0 0 0 #E6F1FD; }

.is-hover-row:not(.hide-selected-color):not(.is-rowactivated) .datagrid-trigger-cell.is-editing .icon {
  background-color: #ffffff;
  -webkit-box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff;
  box-shadow: -3px 0 1px 0 #ffffff, 8px 0 0 0 #ffffff; }

.is-hover-row:not(.hide-selected-color):not(.is-rowactivated) .datagrid-trigger-cell .datagrid-cell-wrapper .trigger + .icon-calendar,
.is-hover-row:not(.hide-selected-color):not(.is-rowactivated) .datagrid-trigger-cell .datagrid-cell-wrapper .trigger + .icon-calendar + .icon-error {
  background-color: transparent;
  box-shadow: none; }

.is-hover-row:not(.hide-selected-color):not(.is-rowactivated) .datagrid-trigger-cell .datagrid-cell-wrapper .colorpicker-container.is-open .trigger .icon {
  background-color: transparent;
  box-shadow: none; }

.datagrid-container.show-editor-icons .is-hover-row:not(.hide-selected-color):not(.is-rowactivated) .datagrid-trigger-cell .icon:not(.icon-rowstatus):not(.icon-search-list):not(.icon-error) {
  background-color: transparent;
  box-shadow: unset; }

.datagrid-expand-btn {
  background-color: transparent;
  height: 28px;
  left: -8px;
  margin-top: -5px;
  min-height: 28px;
  min-width: 28px;
  vertical-align: middle;
  width: 28px; }
  .datagrid-expand-btn span:not(.icon) {
    color: transparent; }
  .datagrid-expand-btn[disabled] .icon.plus-minus::before,
  .datagrid-expand-btn[disabled] .icon.plus-minus::after {
    background-color: #C5C5C9; }
  .datagrid-expand-btn .plus-minus {
    left: -10px;
    position: relative;
    top: -6px; }
  .datagrid-expand-btn + span {
    color: #161618;
    margin-left: -10px;
    position: relative; }
  .datagrid-expand-btn .icon.plus-minus::before,
  .datagrid-expand-btn .icon.plus-minus::after {
    left: 12px;
    top: 14px;
    width: 14px; }
  .datagrid-expand-btn:hover:not([disabled]) {
    background-color: #C5C5C9; }
    .datagrid-expand-btn:hover:not([disabled]) .icon.plus-minus::before,
    .datagrid-expand-btn:hover:not([disabled]) .icon.plus-minus::after {
      background-color: #0072ED; }
    .datagrid-expand-btn:hover:not([disabled]) span {
      color: transparent; }

.datagrid-expandable-row > td {
  border-bottom: 0;
  height: auto;
  line-height: normal; }

.datagrid-expandable-row:not(.is-expanded) {
  display: none; }

.datagrid-expandable-row .datagrid-wrapped-text {
  display: table;
  line-height: 1.4em;
  margin-bottom: 10px;
  max-width: calc(100% - 30px);
  white-space: normal; }

.datagrid-expandable-row .datagrid-row-detail {
  border-bottom: 1px solid #C5C5C9;
  height: 0;
  margin: -1px -20px 0;
  padding: 0 20px; }

.datagrid-expandable-row .datagrid-row-detail-padding {
  overflow: hidden;
  padding: 30px; }

.datagrid-expandable-row .datagrid-row-micro-text {
  color: #525257;
  font-size: 1.6rem; }

.datagrid-expandable-row .datagrid-cell-layout {
  display: table-cell;
  padding: 0 30px 0 0;
  vertical-align: top; }

.datagrid-result-count,
.datagrid-group-count {
  display: inline-block;
  font-size: 1.6rem;
  position: relative;
  top: 0; }

.ie-edge .datagrid-rowgroup-header .datagrid-expand-btn .plus-minus {
  top: -7px;
  left: -5.75px; }

.is-firefox .is-inline.dropdown-wrapper .icon {
  top: 5px !important; }

.is-firefox .datagrid.medium-rowheight .datagrid-trigger-cell .icon.icon-clock {
  top: 0; }

.is-firefox .datagrid.extra-small-rowheight .datagrid-expand-btn .icon, .is-firefox .datagrid.small-rowheight .datagrid-expand-btn .icon {
  top: -6px; }

.is-firefox .datagrid .datagrid-trigger-cell .icon.icon-clock {
  top: 0; }

.is-firefox .datagrid-expand-btn {
  line-height: 19px !important; }

.is-firefox .datagrid-filter-wrapper .dropdown {
  padding: 1px 0 2px 5px !important; }

.is-firefox .extra-small-rowheight .datagrid-trigger-cell.text-ellipsis.has-editor span.trigger {
  padding-top: 2px; }

.is-firefox .datagrid.extra-small-rowheight tbody tr td.is-editing .lookup-wrapper {
  padding-top: 1px; }

.is-firefox .small-rowheight .datagrid tbody tr.arrange-dragging td,
.is-firefox .extra-small-rowheight .datagrid tbody tr.arrange-dragging td {
  height: 25px; }

.is-firefox .medium-rowheight .datagrid tbody tr.arrange-dragging td {
  height: 25px; }

.is-firefox .datagrid td.is-editing .datepicker ~ .icon {
  top: calc(50% - 16px); }

.is-firefox .datagrid td.is-editing .timepicker ~ .icon {
  top: calc(50% - 16px); }

.is-firefox .datagrid.medium-rowheight td.is-editing .lookup-wrapper {
  margin-top: 0;
  padding-top: 5px; }
  .is-firefox .datagrid.medium-rowheight td.is-editing .lookup-wrapper .lookup + .trigger {
    top: 2px; }
  .is-firefox .datagrid.medium-rowheight td.is-editing .lookup-wrapper .lookup ~ .trigger .icon {
    top: calc(50% - 9px); }

.is-firefox .datagrid.medium-rowheight td.is-editing .datepicker {
  margin-top: 4px; }
  .is-firefox .datagrid.medium-rowheight td.is-editing .datepicker ~ .icon {
    top: calc(50% - 15px); }

.is-firefox .datagrid.medium-rowheight td.is-editing .timepicker ~ .icon {
  top: calc(50% - 16px); }

.is-firefox .datagrid.small-rowheight td.is-editing .lookup-wrapper .lookup ~ .trigger .icon, .is-firefox .datagrid.extra-small-rowheight td.is-editing .lookup-wrapper .lookup ~ .trigger .icon {
  top: calc(50% - 10px); }

.is-firefox .datagrid.small-rowheight td.is-editing .lookup-wrapper .lookup + .trigger, .is-firefox .datagrid.extra-small-rowheight td.is-editing .lookup-wrapper .lookup + .trigger {
  margin-top: -1px; }

.is-firefox .datagrid.small-rowheight td.is-editing .timepicker ~ .icon, .is-firefox .datagrid.extra-small-rowheight td.is-editing .timepicker ~ .icon {
  top: calc(50% - 15px); }

.is-firefox .datagrid tbody tr.arrange-dragging td {
  font-size: 1.6rem;
  height: 43px; }

.is-firefox .datagrid.small-rowheight tbody tr td.is-editing .datepicker {
  height: 2rem; }
  .is-firefox .datagrid.small-rowheight tbody tr td.is-editing .datepicker + .btn-icon.trigger {
    margin-top: 0; }

.is-firefox .datagrid.small-rowheight tbody tr td.is-editing .lookup {
  padding-top: 5px; }

.is-firefox .datagrid td.is-editing .lookup-wrapper {
  padding-top: 6px; }

.is-firefox .datagrid td.is-editing .lookup + .trigger {
  margin-top: 2px; }

.is-firefox .modal table {
  min-width: -moz-available; }

.datagrid-row-count {
  line-height: 43px; }

.datagrid-dropdown-list {
  border-radius: 0 0 3px 3px;
  margin-top: -1px; }
  .datagrid-dropdown-list.multiple ul[role='listbox'] .dropdown-option a {
    bottom: 1px;
    left: 12px;
    position: relative; }
  .datagrid-dropdown-list.multiple.medium-rowheight ul[role='listbox'] .dropdown-option a {
    left: 17px; }
  .datagrid-dropdown-list.multiple.small-rowheight ul[role='listbox'] .dropdown-option a {
    left: 22px; }
  .datagrid-dropdown-list.multiple.extra-small-rowheight ul[role='listbox'] .dropdown-option a {
    left: 22px; }
  .datagrid-dropdown-list.is-editing {
    margin-top: -2.5px; }
    .datagrid-dropdown-list.is-editing ul {
      text-indent: 20px; }
    .datagrid-dropdown-list.is-editing.medium-rowheight ul {
      text-indent: 15px; }
    .datagrid-dropdown-list.is-editing.small-rowheight ul,
    .datagrid-dropdown-list.is-editing.extra-small-rowheight ul {
      text-indent: 10px; }
    .datagrid-dropdown-list.is-editing .is-ontop.dropdown-search {
      margin-top: 11px; }
      .datagrid-dropdown-list.is-editing .is-ontop.dropdown-search .trigger {
        margin-top: 12px; }
  .datagrid-dropdown-list input {
    height: 49px;
    padding-top: 12px;
    text-indent: 10px;
    width: 100% !important; }
  .datagrid-dropdown-list.small-rowheight input, .datagrid-dropdown-list.extra-small-rowheight input {
    padding-top: 12px;
    height: 30px;
    text-indent: 0;
    width: 100% !important; }
  .datagrid-dropdown-list.small-rowheight .trigger .icon, .datagrid-dropdown-list.extra-small-rowheight .trigger .icon {
    height: 16px;
    left: 2px !important;
    margin-top: -1px;
    top: 9px; }
  .datagrid-dropdown-list.extra-small-rowheight input {
    font-size: 1.4rem;
    padding: 12px 28px 11px 6px; }
  .datagrid-dropdown-list.extra-small-rowheight ul {
    font-size: 1.4rem;
    text-indent: 6px; }
  .datagrid-dropdown-list.extra-small-rowheight .trigger .icon {
    left: 4.5px !important;
    margin-top: -2px; }
    .datagrid-dropdown-list.extra-small-rowheight .trigger .icon.search {
      height: 13px;
      left: 4px !important;
      top: 1px; }
  .datagrid-dropdown-list.medium-rowheight input {
    height: 40px;
    padding-top: 10px;
    text-indent: 5px;
    width: 100% !important; }
  .datagrid-dropdown-list.medium-rowheight .trigger .icon {
    left: -1px;
    margin-top: 3px; }
  .datagrid-dropdown-list.medium-rowheight.dropdown-list .trigger .icon {
    margin-top: 2px; }
  .datagrid-dropdown-list > .trigger .icon,
  .datagrid-dropdown-list .icon {
    color: #161618;
    left: 0 !important;
    margin-top: 6px; }
    .datagrid-dropdown-list > .trigger .icon.search,
    .datagrid-dropdown-list .icon.search {
      margin-top: 7px; }

.is-focused .trigger + .icon {
  visibility: visible; }

html[dir='rtl'] .datagrid-container .datagrid-wrapper td:first-child {
  border-left: 1px solid #C5C5C9; }

html[dir='rtl'][class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-calendar + .icon:not(.datagrid-alert-icon).icon-error {
  left: 0; }

html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-error:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-info:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-alert:not(.datagrid-alert-icon), html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-error:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-info:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-alert:not(.datagrid-alert-icon) {
  margin-left: 30px !important; }

html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-error:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-info:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-alert:not(.datagrid-alert-icon), html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-error:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-info:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-alert:not(.datagrid-alert-icon) {
  margin-left: 26px !important; }

html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell .dropdown-trigger:not(.colorpicker-container) + .icon {
  left: 5px; }

html[dir='rtl'] .datagrid .is-editing .datepicker + .trigger.btn-icon:hover {
  background-color: transparent; }

html[dir='rtl'] .datagrid .is-editing .datepicker + .trigger svg {
  width: 18px;
  height: 18px; }

html[dir='rtl'] .datagrid.normal-rowheight .is-editing .datepicker + .trigger {
  left: -10px; }

html[dir='rtl'] .datagrid.medium-rowheight .is-editing .datepicker ~ .trigger {
  left: 0;
  margin-right: 0; }

html[dir='rtl'] .datagrid.medium-rowheight .is-editing.has-editor .datepicker ~ .trigger {
  left: -15px;
  top: -1px; }

html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor .icon-error {
  left: 0 !important; }

html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor.is-editing .trigger {
  left: -8px;
  margin-right: 0;
  top: -2px; }

html[dir='rtl'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor .icon-error {
  left: 0 !important; }

html[dir='rtl'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor.is-editing .trigger {
  left: -6px;
  margin-right: 0;
  top: 0; }

html[dir='rtl'] .datagrid.extra-small-rowheight .datagrid-trigger-cell .dropdown-trigger:not(.colorpicker-container) + .icon {
  left: 7px !important; }

html[dir='rtl'] .datagrid th:first-child {
  border-left: 1px solid #C5C5C9; }

html[dir='rtl'] .datagrid .datagrid-rowgroup-header .datagrid-expand-btn {
  left: auto;
  right: -14px; }
  html[dir='rtl'] .datagrid .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::before,
  html[dir='rtl'] .datagrid .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::after {
    left: auto;
    right: 8px; }

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

html[dir='rtl'] .datagrid td.error .datagrid-cell-wrapper .icon-error {
  left: 0;
  margin-left: 5px; }

html[dir='rtl'] .datagrid td.is-editing .datepicker {
  padding: 0; }
  html[dir='rtl'] .datagrid td.is-editing .datepicker + .trigger {
    margin-left: 0;
    margin-right: 3px;
    position: relative;
    left: -10px; }
    html[dir='rtl'] .datagrid td.is-editing .datepicker + .trigger .icon {
      margin-right: 3px;
      top: -2px; }

html[dir='rtl'] .datagrid td.is-editing .dropdown-wrapper .icon {
  left: 14px; }

html[dir='rtl'] .datagrid td.is-editing .lookup-wrapper {
  padding-left: 0 !important; }

html[dir='rtl'] .datagrid td.is-editing input.lookup {
  padding-left: 0;
  padding-right: 20px;
  width: calc(100% - 31px); }
  html[dir='rtl'] .datagrid td.is-editing input.lookup + .trigger {
    left: 0;
    margin-left: 3px;
    margin-right: auto;
    margin-top: 5px; }
    html[dir='rtl'] .datagrid td.is-editing input.lookup + .trigger > .icon {
      left: 0; }

html[dir='rtl'] .datagrid td.is-editing input.timepicker {
  padding: 0 14px 0 0; }
  html[dir='rtl'] .datagrid td.is-editing input.timepicker + .trigger {
    left: 0;
    margin-left: 5px;
    margin-right: auto;
    margin-top: 14px; }
    html[dir='rtl'] .datagrid td.is-editing input.timepicker + .trigger > .icon {
      margin-right: 2px;
      top: -1px; }

html[dir='rtl'] .datagrid td .datagrid-expand-btn {
  left: 2px; }

html[dir='rtl'] .datagrid.small-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn, html[dir='rtl'] .datagrid.extra-small-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn {
  left: auto;
  right: -10px; }
  html[dir='rtl'] .datagrid.small-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::before,
  html[dir='rtl'] .datagrid.small-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::after, html[dir='rtl'] .datagrid.extra-small-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::before,
  html[dir='rtl'] .datagrid.extra-small-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::after {
    left: auto;
    right: -4px; }

html[dir='rtl'] .datagrid.small-rowheight tbody td.datagrid-trigger-cell .icon-error, html[dir='rtl'] .datagrid.extra-small-rowheight tbody td.datagrid-trigger-cell .icon-error {
  margin-left: 6px; }

html[dir='rtl'] .datagrid.small-rowheight tbody td.datagrid-trigger-cell .icon-search-list, html[dir='rtl'] .datagrid.extra-small-rowheight tbody td.datagrid-trigger-cell .icon-search-list {
  left: 8px !important; }

html[dir='rtl'] .datagrid.small-rowheight tbody td.datagrid-trigger-cell:hover .icon-search-list ~ .icon-error, html[dir='rtl'] .datagrid.small-rowheight tbody td.datagrid-trigger-cell:focus .icon-search-list ~ .icon-error, html[dir='rtl'] .datagrid.extra-small-rowheight tbody td.datagrid-trigger-cell:hover .icon-search-list ~ .icon-error, html[dir='rtl'] .datagrid.extra-small-rowheight tbody td.datagrid-trigger-cell:focus .icon-search-list ~ .icon-error {
  margin-left: 26px !important; }

html[dir='rtl'] .datagrid.small-rowheight tbody td.is-editing .datepicker, html[dir='rtl'] .datagrid.extra-small-rowheight tbody td.is-editing .datepicker {
  padding: 0 10px 0 0; }

html[dir='rtl'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly):hover .icon.icon-error {
  margin-left: 23px !important; }

html[dir='rtl'] .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-calendar {
  left: auto;
  right: -4px; }

html[dir='rtl'] .datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .icon-clock {
  left: 8px;
  top: 3px; }

html[dir='rtl'] .datagrid.extra-small-rowheight td.is-editing .datepicker ~ .trigger {
  margin-right: 2px; }

html[dir='rtl'] .datagrid.extra-small-rowheight td.is-editing input.lookup + .trigger {
  margin-left: 3px;
  margin-top: 1px; }
  html[dir='rtl'] .datagrid.extra-small-rowheight td.is-editing input.lookup + .trigger > .icon {
    left: 0; }

html[dir='rtl'] .datagrid.extra-small-rowheight td.is-editing input.timepicker + .trigger {
  margin-left: 3px;
  margin-top: 2px; }

html[dir='rtl'] .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-calendar {
  left: auto;
  right: -1px; }

html[dir='rtl'] .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon-clock {
  left: 5px;
  top: 3px; }

html[dir='rtl'] .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon-error {
  top: 7px; }

html[dir='rtl'] .datagrid.small-rowheight td.is-editing .datepicker ~ .trigger {
  margin-right: 2px; }

html[dir='rtl'] .datagrid.small-rowheight td.is-editing input.lookup + .trigger {
  margin-left: 3px;
  margin-top: 4px; }
  html[dir='rtl'] .datagrid.small-rowheight td.is-editing input.lookup + .trigger > .icon {
    left: 0; }

html[dir='rtl'] .datagrid.small-rowheight td.is-editing input.timepicker + .trigger {
  margin-left: 3px;
  margin-top: 4px; }

html[dir='rtl'] .datagrid.medium-rowheight td.datagrid-trigger-cell .icon.icon-calendar {
  top: 2px; }

html[dir='rtl'] .datagrid.medium-rowheight td.datagrid-trigger-cell .icon-search-list {
  left: 2px; }

html[dir='rtl'] .datagrid.medium-rowheight td.datagrid-trigger-cell .icon-clock {
  left: -1px; }

html[dir='rtl'] .datagrid.medium-rowheight td.is-editing .datepicker ~ .trigger {
  margin-right: -3px; }

html[dir='rtl'] .datagrid.medium-rowheight td.is-editing input.lookup {
  padding: 2px 10px 0 0; }
  html[dir='rtl'] .datagrid.medium-rowheight td.is-editing input.lookup + .trigger {
    margin-left: 7px;
    margin-top: -1px; }
    html[dir='rtl'] .datagrid.medium-rowheight td.is-editing input.lookup + .trigger > .icon {
      left: 0; }

html[dir='rtl'] .datagrid.medium-rowheight td.is-editing input.timepicker + .trigger {
  margin-top: 8px; }

html[dir='rtl'] .datagrid-header th.text-ellipsis .datagrid-column-wrapper {
  padding: 0 16px 0 0; }

html[dir='rtl'] .datagrid-trigger-cell .icon-calendar,
html[dir='rtl'] .datagrid-trigger-cell .icon-fileupload {
  left: auto;
  right: 3px; }

html[dir='rtl'] .datagrid-trigger-cell .trigger {
  text-align: right; }

html[dir='rtl'] .datagrid-dropdown-list .icon {
  right: -8px; }

html[dir='rtl'] .datagrid-checkbox {
  left: auto;
  right: -10px; }
  html[dir='rtl'] .datagrid-checkbox::before {
    margin-left: inherit;
    margin-right: 0; }
  html[dir='rtl'] .datagrid-checkbox.is-checked::after {
    left: auto;
    right: 5px; }
  html[dir='rtl'] .datagrid-checkbox.is-partial::after {
    margin-left: inherit;
    margin-right: -3px;
    right: 6px; }

html[dir='rtl'] .datagrid-filter-wrapper .btn-filter {
  left: -4px; }
  html[dir='rtl'] .datagrid-filter-wrapper .btn-filter .icon-dropdown {
    margin-left: -3px;
    padding-right: 0;
    right: -7px; }

html[dir='rtl'] .datagrid-filter-wrapper input {
  right: 5px; }

html[dir='rtl'] .datagrid-filter-wrapper .dropdown {
  padding: 3px 5px 0 0; }
  html[dir='rtl'] .datagrid-filter-wrapper .dropdown + .icon {
    top: 0; }

html[dir='rtl'] .datagrid-filter-wrapper .dropdown-wrapper {
  left: 0; }

html[dir='rtl'] .datagrid-filter-wrapper .lookup-wrapper .trigger {
  margin-right: -17px; }
  html[dir='rtl'] .datagrid-filter-wrapper .lookup-wrapper .trigger .icon {
    right: -1px; }

html[dir='rtl'] .datagrid-filter-wrapper input.timepicker,
html[dir='rtl'] .datagrid-filter-wrapper input.datepicker {
  padding: 3px 5px 2px 24px; }

html[dir='rtl'] .datagrid-filter-wrapper .datepicker + .trigger,
html[dir='rtl'] .datagrid-filter-wrapper .timepicker + .trigger {
  margin-right: -18px;
  right: initial; }

html[dir='rtl'] .datagrid-filter-wrapper .datagrid-filter-wrapper input.datepicker {
  padding: 2px 10px 2px 23px; }

html[dir='rtl'] th.l-center-text .btn-filter {
  left: 0;
  right: 9px; }
  html[dir='rtl'] th.l-center-text .btn-filter.btn-filter-checkbox {
    right: -2px; }

html[dir='rtl'] th .datagrid-column-wrapper .datagrid-header-text {
  direction: rtl; }

html[dir='rtl'] th .datagrid-column-wrapper.l-right-text {
  float: left; }
  html[dir='rtl'] th .datagrid-column-wrapper.l-right-text .datagrid-header-text {
    float: left;
    position: relative;
    top: 8px; }

html[dir='rtl'] th.is-dragging-clone .handle {
  color: #ffffff;
  top: -1px; }

html[dir='rtl'] th.is-dragging-clone .datagrid-header-text {
  top: 13px; }

html[dir='rtl'] th.is-dragging-clone .l-right-text .datagrid-header-text {
  top: 7px; }

html[dir='rtl'] .has-draggable-columns th .handle,
html[dir='rtl'] .has-draggable-columns th .is-draggable-target {
  right: 0; }
  html[dir='rtl'] .has-draggable-columns th .handle .icon,
  html[dir='rtl'] .has-draggable-columns th .is-draggable-target .icon {
    left: 1px; }

html[dir='rtl'] .has-filterable-columns th.is-dragging-clone .handle .icon {
  top: 7px; }

html[dir='rtl'] .has-filterable-columns th.is-dragging-clone .datagrid-header-text {
  padding-top: 0; }

html[dir='rtl'] .has-draggable-columns.small-rowheight th .handle .icon,
html[dir='rtl'] .has-draggable-columns.extra-small-rowheight th .handle .icon {
  left: 5px !important; }

html[dir='rtl'] .has-draggable-columns.medium-rowheight th .handle .icon {
  left: 2px !important; }

html[dir='rtl'] tr .datagrid-alert-text {
  padding-left: 0;
  padding-right: 16px; }

html[dir='rtl'] .small-rowheight .l-right-text .datagrid-header-text,
html[dir='rtl'] .extra-small-rowheight .l-right-text .datagrid-header-text {
  margin-top: -4px !important; }

html[dir='rtl'] .small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .lookup-wrapper .trigger,
html[dir='rtl'] .extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .lookup-wrapper .trigger {
  margin-right: -25px; }

html[dir='rtl'] .small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter,
html[dir='rtl'] .extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter {
  left: -6px; }

html[dir='rtl'] .small-rowheight.has-filterable-columns .datagrid-filter-wrapper input,
html[dir='rtl'] .extra-small-rowheight.has-filterable-columns .datagrid-filter-wrapper input {
  right: 0; }

html[dir='rtl'] .small-rowheight.has-filterable-columns .datagrid-filter-wrapper .dropdown-wrapper,
html[dir='rtl'] .extra-small-rowheight.has-filterable-columns .datagrid-filter-wrapper .dropdown-wrapper {
  left: 0 !important; }

html[dir='rtl'] .small-rowheight.has-filterable-columns .datagrid-filter-wrapper .datepicker + .trigger,
html[dir='rtl'] .small-rowheight.has-filterable-columns .datagrid-filter-wrapper .timepicker + .trigger,
html[dir='rtl'] .extra-small-rowheight.has-filterable-columns .datagrid-filter-wrapper .datepicker + .trigger,
html[dir='rtl'] .extra-small-rowheight.has-filterable-columns .datagrid-filter-wrapper .timepicker + .trigger {
  margin-right: -22px;
  right: inherit !important; }

html[dir='rtl'] .medium-rowheight .l-right-text .datagrid-header-text {
  margin-top: -2px !important; }

html[dir='rtl'] .datagrid-header .datagrid-column-wrapper.l-right-text .sort-indicator {
  margin: auto 3px 0;
  position: absolute;
  right: -7px;
  top: 3px; }

html[dir='rtl'] .datagrid-header .datagrid-column-wrapper.l-center-text .sort-indicator {
  left: 0;
  position: absolute; }

html[dir='rtl'] .datagrid-header .datagrid-header-groups th.l-left-text .datagrid-column-wrapper {
  width: 100%; }

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

html[dir='rtl'] .datagrid-header .datagrid-header-groups th.l-cener-text .datagrid-column-wrapper {
  width: 100%; }

html[dir='rtl'] .datagrid-header .datagrid-header-groups th.l-cener-text .datagrid-header-text {
  text-align: center; }

html[dir='rtl'] .datagrid-header .datagrid-header-groups th.l-right-text .datagrid-column-wrapper {
  width: 100%; }

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

html[dir='rtl'] .datagrid-header .required::after {
  content: ''; }

html[dir='rtl'] .datagrid-header .required::after {
  content: '*';
  color: #da1217;
  display: inline-block;
  font-size: 2.8rem;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 3px;
  color: #161618;
  left: -2px;
  top: 0; }

html[dir='rtl'] .datagrid-header th .datagrid-header-text.required::after {
  font-size: 1.8rem; }

html[dir='rtl'] .datagrid-header.left th:last-child {
  border-right: 0; }

html[dir='rtl'] .datagrid-header.center th:last-child {
  border-left-color: transparent; }

html[dir='rtl'] .datagrid-contextual-toolbar.contextual-toolbar.toolbar {
  padding: 0 20px 0 5px; }

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

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

html[dir='rtl'] .datagrid-container .datagrid-wrapper td:first-child {
  border-left-color: #C5C5C9; }

html[dir='rtl'] .datagrid-container .datagrid-wrapper.right td:first-child {
  border-right: 1px solid #C5C5C9; }

html[dir='rtl'] .datagrid-container .datagrid-wrapper.right th:first-child {
  border-right: 1px solid #C5C5C9; }

html[dir='rtl'] .datagrid-container .datagrid-wrapper:not(.left) td:last-child {
  border-left-color: transparent; }

html[dir='rtl'] .datagrid-container .datagrid-wrapper:not(.left):not(.right) td:first-child {
  border-left: 1px solid #C5C5C9; }

html[dir='rtl'] .dropdown-list.datagrid-filter-dropdown > .trigger .icon {
  margin-right: -14px; }

html[dir='rtl'].is-mac.is-firefox .datagrid .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger {
  margin-top: 3px; }

html[dir='rtl'].is-safari .datagrid .datagrid-header .datagrid-filter-wrapper .lookup-wrapper {
  padding-left: 8px; }

.has-draggable-columns .drag-target-arrows {
  display: none;
  font-size: 2.8em;
  height: 39px;
  margin: 0;
  padding: 4px 0 0 7px;
  position: fixed;
  top: 0;
  z-index: 10; }
  .has-draggable-columns .drag-target-arrows.is-over {
    display: inline-block; }
  .has-draggable-columns .drag-target-arrows::before, .has-draggable-columns .drag-target-arrows::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
    display: inline-block;
    height: 0;
    left: -6px;
    position: absolute;
    width: 0; }
  .has-draggable-columns .drag-target-arrows::before {
    border-top: 5px solid #28282A;
    top: -9px; }
  .has-draggable-columns .drag-target-arrows::after {
    border-bottom: 5px solid #28282A;
    bottom: -10px; }

.has-draggable-columns th .handle,
.has-draggable-columns th .is-draggable-target {
  display: none;
  height: 39px;
  margin-top: 0;
  position: absolute; }
  .has-draggable-columns th .handle.is-draggable-target.last,
  .has-draggable-columns th .is-draggable-target.is-draggable-target.last {
    left: auto;
    right: -1px; }
  .has-draggable-columns th .handle.is-draggable-target.is-over,
  .has-draggable-columns th .is-draggable-target.is-draggable-target.is-over {
    display: inline-block; }
  .has-draggable-columns th .handle.handle,
  .has-draggable-columns th .is-draggable-target.handle {
    cursor: move;
    width: 18px;
    z-index: 1; }
    .has-draggable-columns th .handle.handle .icon,
    .has-draggable-columns th .is-draggable-target.handle .icon {
      color: #161618;
      height: 20px;
      left: -2px;
      top: 7px;
      width: 21px; }

.has-draggable-columns th.is-dragging {
  background-color: #ffffff; }

.has-draggable-columns th.is-dragging-clone {
  max-width: 125px;
  min-width: 100px !important;
  position: fixed;
  z-index: 3; }
  .has-draggable-columns th.is-dragging-clone .datagrid-header-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none; }
  .has-draggable-columns th.is-dragging-clone .sort-indicator {
    opacity: 0; }
  .has-draggable-columns th.is-dragging-clone .handle {
    top: 2px; }
  .has-draggable-columns th.is-dragging-clone .datagrid-header-text {
    padding-top: 5px; }

.has-draggable-columns th:hover .handle, .has-draggable-columns th.is-dragging .handle, .has-draggable-columns th.is-dragging-clone .handle {
  display: inline-block; }

.has-draggable-columns.has-filterable-columns .is-draggable-target,
.has-draggable-columns.has-filterable-columns .drag-target-arrows {
  height: 61px; }

.has-draggable-columns.has-filterable-columns.has-group-headers .drag-target-arrows::before {
  top: -6px; }

.has-draggable-columns.has-filterable-columns.has-group-headers .drag-target-arrows::after {
  bottom: -8px; }

.has-draggable-columns.has-filterable-columns.has-draggable-columns th .handle .icon,
.has-draggable-columns.has-filterable-columns.has-draggable-columns th .is-draggable-target.handle .icon {
  top: 6px; }

.has-draggable-columns.has-filterable-columns th.is-dragging-clone .datagrid-header-text {
  padding-top: 0; }

.has-draggable-columns.has-filterable-columns th.is-dragging-clone .handle .icon {
  top: 4px; }

.has-draggable-columns.small-rowheight th.is-dragging-clone .datagrid-header-text, .has-draggable-columns.extra-small-rowheight th.is-dragging-clone .datagrid-header-text {
  padding-top: 0; }

.has-draggable-columns.small-rowheight th.is-dragging-clone .handle, .has-draggable-columns.extra-small-rowheight th.is-dragging-clone .handle {
  top: 0; }

.has-draggable-columns.medium-rowheight th.is-dragging-clone .datagrid-header-text {
  padding-top: 1px; }

.has-draggable-columns.medium-rowheight th.is-dragging-clone .handle {
  top: 0; }

.is-mac.is-firefox .has-draggable-columns.small-rowheight th .handle, .is-mac.is-firefox .has-draggable-columns.extra-small-rowheight th .handle {
  padding: 3px 0 0 2px; }

.is-mac.is-firefox .has-draggable-columns.medium-rowheight th .handle {
  padding: 4px 0 0 3px; }

.is-mac.is-firefox .datagrid tr .tag {
  line-height: 24px; }

.datagrid-contextual-toolbar.contextual-toolbar.toolbar {
  padding: 0 7px 0 20px; }

.datagrid-contextual-toolbar.contextual-toolbar .title {
  left: -8px; }

.datagrid-contextual-toolbar.contextual-toolbar.do-resize .title {
  left: 13px; }

.datagrid-contextual-toolbar.contextual-toolbar.flex-toolbar .toolbar-section.title {
  padding-top: 5px; }

.datagrid-contextual-toolbar.contextual-toolbar.flex-toolbar .toolbar-section.buttonset [class^='btn']:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.3) !important; }
  .datagrid-contextual-toolbar.contextual-toolbar.flex-toolbar .toolbar-section.buttonset [class^='btn']:hover .icon {
    color: white !important; }

.datagrid-columns-dialog .label-text {
  font-size: 1.6rem; }

.datagrid-columns-dialog label.inline {
  line-height: 30px; }

.datagrid-columns-dialog .label {
  margin: 0; }

.datagrid-columns-dialog li {
  height: 30px;
  padding: 0 15px; }
  .datagrid-columns-dialog li:first-child {
    margin-top: 3px; }

.datagrid-columns-dialog .searchfield-wrapper {
  border-radius: 0;
  margin: 0 3px 0 -2px; }
  .datagrid-columns-dialog .searchfield-wrapper input {
    border-radius: 0; }
  .datagrid-columns-dialog .searchfield-wrapper.is-hovered:not(.has-focus) input:not([disabled='true']) {
    border-color: #C5C5C9; }

.datagrid-filter-dropdown .dropdown-search {
  height: 28px;
  padding: 4px 32px 1px 7px; }

.datagrid-filter-dropdown .trigger .icon {
  height: 16px;
  left: 6px;
  top: 6px;
  width: 16px; }

.datagrid-filter-dropdown .dropdown-list li {
  min-height: 28px; }

.datagrid-filter-dropdown .dropdown-list ul {
  line-height: 28px;
  text-indent: 7px; }

.datagrid-filter-dropdown .dropdown-list .icon.search {
  height: 14px;
  margin-top: 6px;
  width: 16px; }

.datagrid-summary-row td {
  background-color: #ffffff !important;
  border-top: 1px solid #C5C5C9;
  bottom: 0;
  position: sticky; }
  .datagrid-summary-row td .datagrid-checkbox-wrapper {
    display: none; }

.datagrid-summary-row .datagrid-summary-totals {
  margin-left: -10px;
  padding-right: 10px; }

.datagrid-container.has-summary-row tr:last-child td {
  border-bottom: 0; }

.datagrid-container.has-summary-row tr:nth-last-child(2) td {
  border-bottom: 0; }

.card .datagrid-container.small-rowheight.paginated,
.card .datagrid-container.extra-small-rowheight.paginated,
.widget .datagrid-container.small-rowheight.paginated,
.widget .datagrid-container.extra-small-rowheight.paginated {
  height: 100%; }

.card.has-datagrid .datagrid-container.paginated,
.widget.has-datagrid .datagrid-container.paginated {
  height: 100%; }

.card.has-datagrid .widget-content,
.card.has-datagrid .card-content,
.widget.has-datagrid .widget-content,
.widget.has-datagrid .card-content {
  height: 319px;
  min-height: 319px; }

.card.has-datagrid .widget-footer,
.widget.has-datagrid .widget-footer {
  padding: 3px; }

.card.has-datagrid .card-footer,
.widget.has-datagrid .card-footer {
  border-top: 0;
  padding-left: 0;
  padding-right: 0; }

.card.has-datagrid .pager-prev,
.card.has-datagrid .pager-next,
.widget.has-datagrid .pager-prev,
.widget.has-datagrid .pager-next {
  position: static; }

.modal.datagrid-columns-dialog .listview-search.alternate-bg .searchfield-wrapper {
  background-color: #ffffff; }

.modal.datagrid-columns-dialog .listview.alternate-bg {
  background-color: #ffffff; }

.modal.datagrid-columns-dialog .listview-search .icon.close {
  height: 18px;
  top: 50%;
  transform: translateY(-50%); }

.modal table {
  width: 300px;
  width: -webkit-fill-available;
  width: stretch; }

.modal .paginated table {
  width: 466px;
  width: -webkit-fill-available;
  width: stretch; }

.is-firefox .modal .paginated table {
  width: 471px;
  width: -webkit-fill-available;
  width: stretch; }

.editor-popup {
  border-radius: 2px;
  max-width: inherit;
  padding: 0;
  z-index: 1020; }
  .editor-popup .arrow {
    display: none; }
  .editor-popup .tooltip-content {
    padding: 0; }
    .editor-popup .tooltip-content .editor-toolbar {
      border-width: 0 0 1px;
      margin: 0; }
    .editor-popup .tooltip-content .editor {
      border: 0;
      height: inherit;
      margin: 0;
      min-height: inherit; }
      .editor-popup .tooltip-content .editor ul,
      .editor-popup .tooltip-content .editor ol {
        margin: 5px auto 5px 15px; }
      .editor-popup .tooltip-content .editor li {
        list-style: inherit; }
      .editor-popup .tooltip-content .editor p {
        text-align: inherit; }

.content-tooltip.popover.alternate {
  background-color: #ffffff;
  font-size: 1.6rem;
  padding-bottom: inherit; }
  .content-tooltip.popover.alternate.top .arrow::after {
    border-top-color: #ffffff; }
  .content-tooltip.popover.alternate.bottom .arrow::after {
    border-bottom-color: #ffffff; }
  .content-tooltip.popover.alternate.right .arrow::after {
    border-right-color: #ffffff; }
  .content-tooltip.popover.alternate.left .arrow::after {
    border-left-color: #ffffff; }
  .content-tooltip.popover.alternate .tooltip-content {
    padding: 15px; }

.tab-container .datagrid-container .datagrid-header th .datagrid-checkbox-wrapper {
  font-size: 0; }

.tab-container .datagrid-container .datagrid-header th .datagrid-checkbox {
  top: -8px; }

.android.is-firefox .mobile.dropdown-list .trigger {
  position: absolute; }
  .android.is-firefox .mobile.dropdown-list .trigger .icon.close {
    top: 6px; }

.android.is-firefox .datagrid-header .datagrid-filter-wrapper .dropdown + .icon:not(.close) {
  top: -1px; }

.table-errors {
  display: inline-block;
  height: 35px;
  margin-left: 4px;
  position: relative;
  top: -9px; }

.is-sticky.datagrid-container,
.is-sticky .datagrid-wrapper {
  overflow: visible !important; }

.is-sticky.datagrid-container th {
  position: sticky;
  top: 0; }

.is-sticky.toolbar + .is-sticky.datagrid-container th {
  top: 40px; }

.sticky-container {
  width: 100%; }

.is-sticky.toolbar {
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 1; }

.ios .datagrid-header .datagrid-filter-wrapper .dropdown.is-disabled {
  opacity: 0.4; }

.is-safari a.btn-icon.row-btn {
  top: -4px; }

.is-safari .datagrid-summary-row td {
  bottom: 35px; }

.is-safari .medium-rowheight .datagrid-summary-row td {
  bottom: 30px; }

.is-safari .small-rowheight .datagrid-summary-row td {
  bottom: 26px; }

.is-safari .extra-small-rowheight .datagrid-summary-row td {
  bottom: 25px; }

.is-safari .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .searchfield-wrapper.has-close-icon-button .icon {
  top: -2px; }

.is-safari .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger,
.is-safari .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
  margin-left: -16px; }

.is-safari .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
  top: -9px; }

.is-safari .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger .icon {
  height: 15px;
  width: 15px; }

.is-safari .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger .icon {
  height: 14px;
  width: 13px; }

.ie .datagrid-wrapper tbody tr.is-active-row td {
  border-bottom: 1px solid #0072ED;
  border-top: 1px solid #0072ED;
  outline: 0; }
  .ie .datagrid-wrapper tbody tr.is-active-row td .datagrid-cell-wrapper {
    margin-bottom: -1px;
    margin-top: -1px; }
  .ie .datagrid-wrapper tbody tr.is-active-row td:first-child {
    border-left: 1px solid #0072ED; }
    .ie .datagrid-wrapper tbody tr.is-active-row td:first-child .datagrid-cell-wrapper {
      margin-left: -1px; }
  .ie .datagrid-wrapper tbody tr.is-active-row td:last-child {
    border-right: 1px solid #0072ED; }

html[class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error {
  left: 96%;
  top: 12px; }

html[class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-fileupload {
  top: -2.5px; }

html[class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-close {
  top: 1.5px; }

html[class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-calendar + .icon:not(.datagrid-alert-icon).icon-error {
  left: 95%;
  top: 14px; }

html[class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-clock {
  left: -1px; }
  html[class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-clock + .icon:not(.datagrid-alert-icon).icon-error {
    left: 92%;
    top: 15px; }

html[class*='theme-classic-'] .datagrid .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-search-list + .icon:not(.datagrid-alert-icon).icon-error {
  left: 92%; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-expand-btn {
  margin-top: -5px; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error {
  top: 7px;
  left: 95%; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-close {
  top: -2px;
  left: 3px; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container + .icon:not(.datagrid-alert-icon).icon-error {
  left: 100%; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-calendar + .icon:not(.datagrid-alert-icon).icon-error {
  top: 8px; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-clock + .icon:not(.datagrid-alert-icon).icon-error {
  top: 10px; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-search-list + .icon:not(.datagrid-alert-icon).icon-error {
  top: 12px;
  left: 93%; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper input.datepicker {
  margin-top: -1px; }

html[class*='theme-classic-'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper input.timepicker {
  margin-top: 0; }

html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload:focus .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error, html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload:hover .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error {
  top: 3px; }

html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error {
  top: 5px; }

html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container {
  height: 22px; }
  html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container + .icon:not(.datagrid-alert-icon).icon-error {
    left: 102%;
    top: 7px; }
  html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container input.colorpicker.is-open {
    padding-top: 6px; }

html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger.dropdown-trigger + .icon {
  left: -5px;
  top: -1px; }
  html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger.dropdown-trigger + .icon + .icon:not(.datagrid-alert-icon).icon-error {
    left: 102%; }

html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-search-list {
  margin-top: -1px; }
  html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-search-list + .icon:not(.datagrid-alert-icon).icon-error {
    left: 96%;
    top: 7px; }

html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-calendar + .icon:not(.datagrid-alert-icon).icon-error {
  left: 98%;
  top: 5px; }

html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-clock {
  left: -5px; }
  html[class*='theme-classic-'] .datagrid.small-rowheight td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-clock + .icon:not(.datagrid-alert-icon).icon-error {
    left: 96%;
    top: 8px; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload:focus .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error, html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload:hover .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error {
  top: 2px;
  left: 95%; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload:focus .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-fileupload, html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload:hover .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-fileupload {
  left: -4px; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon:not(.datagrid-alert-icon).icon-error {
  top: 7px; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container + .icon:not(.datagrid-alert-icon).icon-error {
  left: 99%; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container span.trigger {
  left: calc(100% - 15px); }
  html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container span.trigger .icon {
    top: 0; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger.dropdown-trigger:not(.colorpicker-container) + .icon {
  top: -0.5px;
  margin-left: 0.5px; }
  html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger.dropdown-trigger:not(.colorpicker-container) + .icon + .icon:not(.datagrid-alert-icon).icon-error {
    left: 99%; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-calendar {
  left: -5px;
  top: -0.5px; }
  html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-calendar + .icon:not(.datagrid-alert-icon).icon-error {
    left: 96%;
    top: 5px; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-clock {
  left: -5px; }
  html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-clock + .icon:not(.datagrid-alert-icon).icon-error {
    left: 95%;
    top: 6px; }

html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-search-list + .icon:not(.datagrid-alert-icon).icon-error {
  top: 6px;
  left: 94%; }

html[class*='theme-classic-'] .datagrid.small-rowheight .datagrid-expand-btn .icon, html[class*='theme-classic-'] .datagrid.extra-small-rowheight .datagrid-expand-btn .icon {
  top: -8px; }

html[class*='theme-classic-'].is-firefox .datagrid .datagrid-expand-btn .icon {
  top: -7px; }

.datagrid-header.medium-rowheight .datagrid-column-wrapper .handle,
.datagrid-header.medium-rowheight .datagrid-column-wrapper .is-draggable-target,
.datagrid-header.medium-rowheight th .handle,
.datagrid-header.medium-rowheight th .is-draggable-target {
  font-size: 2.3rem; }

.datagrid-header .datagrid-filter-wrapper .dropdown + .trigger .icon {
  right: 5px;
  top: 1px; }

.datagrid-header .datagrid-filter-wrapper .datepicker + .trigger .icon,
.datagrid-header .datagrid-filter-wrapper .timepicker + .trigger .icon {
  right: 2px;
  top: 4px; }

.datagrid-header .datagrid-filter-wrapper .datepicker + .trigger:hover,
.datagrid-header .datagrid-filter-wrapper .timepicker + .trigger:hover {
  background-color: transparent; }

.datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger .icon {
  height: 16px;
  right: 0;
  top: -2px;
  width: 16px; }

.datagrid-header .datagrid-filter-wrapper .searchfield-wrapper.has-close-icon-button .icon {
  right: 14px;
  top: 6px; }

.datagrid-header th .datagrid-header-text.required::after {
  font-size: 1.8rem; }

.datagrid-header-text {
  font-size: 1.4rem !important; }

.datagrid-checkbox-wrapper {
  margin-top: -15px; }

.datagrid-header .datagrid-filter-wrapper .dropdown {
  padding: 1px 0 0 5px; }

.datagrid-trigger-cell .icon-calendar {
  top: -3px; }

.datagrid-trigger-cell .btn-icon > .icon {
  top: 0; }

.datagrid-trigger-cell .datepicker + .trigger {
  margin-top: 11px; }

.datagrid-drilldown {
  top: -2px; }

.datagrid > tbody > tr .icon.plus-minus::before,
.datagrid > tbody > tr .icon.plus-minus::after {
  color: #28282A; }

.datagrid td .chart-completion-target {
  height: 28px; }
  .datagrid td .chart-completion-target .target {
    margin-top: 6px; }
  .datagrid td .chart-completion-target .chart-targeted-text {
    margin-top: -41px; }

.datagrid td.is-editing .lookup-wrapper {
  padding-top: 0; }

.datagrid td.is-editing input.lookup + .trigger {
  margin-left: -16px;
  margin-top: 10.5px; }
  .datagrid td.is-editing input.lookup + .trigger:hover > .icon {
    background-color: transparent;
    box-shadow: none; }

.datagrid td.is-editing .datepicker {
  margin-top: 0;
  padding: unset; }
  .datagrid td.is-editing .datepicker ~ .icon {
    top: calc(50% - 18px); }
  .datagrid td.is-editing .datepicker + .trigger {
    margin-top: 12px; }

.datagrid td.is-editing input.timepicker {
  margin-top: 3px; }
  .datagrid td.is-editing input.timepicker ~ .trigger {
    margin-left: -7px;
    margin-top: 14px; }
  .datagrid td.is-editing input.timepicker + .btn-icon.trigger {
    margin-left: -2px;
    margin-top: 10px; }

.datagrid.extra-small-rowheight tbody tr td .row-btn {
  top: 0; }

.datagrid.extra-small-rowheight .datagrid-trigger-cell .icon.icon-calendar {
  left: -5px !important;
  top: -1px !important; }

.datagrid.extra-small-rowheight td.is-editing input.timepicker + .trigger {
  margin-left: -1px;
  margin-top: 2px; }
  .datagrid.extra-small-rowheight td.is-editing input.timepicker + .trigger > .icon {
    top: 0; }

.datagrid.extra-small-rowheight td.is-editing .datepicker {
  padding: unset !important; }
  .datagrid.extra-small-rowheight td.is-editing .datepicker + .btn-icon.trigger {
    margin-left: 5px;
    margin-top: 1px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger + .icon {
  top: -3px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-calendar {
  left: -1px;
  top: -2px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon.icon-error:not(.datagrid-alert-icon) {
  left: 99%;
  margin-top: 1px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 100%;
  margin-top: 2px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-search-list + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 100%; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-calendar + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 101%;
  margin-top: 1px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-clock + .icon.icon-error:not(.datagrid-alert-icon) {
  margin-top: 1px;
  left: 98%; }

.datagrid.small-rowheight tbody tr td.is-editing .datepicker + .trigger > .icon {
  top: -1px;
  left: -1px; }

.datagrid.small-rowheight tbody tr td span {
  line-height: 25px; }

.datagrid.small-rowheight tbody tr td .row-btn {
  min-height: 25px; }

.datagrid.small-rowheight td.is-editing .datepicker {
  padding: unset !important; }
  .datagrid.small-rowheight td.is-editing .datepicker + .trigger {
    margin-left: 1px;
    margin-top: 0; }

.datagrid.small-rowheight td.is-editing input.timepicker + .trigger {
  margin-left: -2px;
  margin-top: -1px; }
  .datagrid.small-rowheight td.is-editing input.timepicker + .trigger > .icon {
    top: 0; }

.datagrid.small-rowheight tbody tr td .datagrid-cell-wrapper .row-btn, .datagrid.extra-small-rowheight tbody tr td .datagrid-cell-wrapper .row-btn {
  top: -1px; }
  .datagrid.small-rowheight tbody tr td .datagrid-cell-wrapper .row-btn.btn-icon, .datagrid.extra-small-rowheight tbody tr td .datagrid-cell-wrapper .row-btn.btn-icon {
    height: 22px; }
  .datagrid.small-rowheight tbody tr td .datagrid-cell-wrapper .row-btn .icon, .datagrid.extra-small-rowheight tbody tr td .datagrid-cell-wrapper .row-btn .icon {
    margin-top: 0; }

.datagrid.medium-rowheight .datagrid-cell-wrapper .icon-clock.icon {
  top: 0; }

.datagrid.medium-rowheight .datagrid-cell-wrapper .row-btn {
  min-height: 32px; }

.datagrid.medium-rowheight .datagrid-cell-wrapper .dropdown-trigger:not(.colorpicker-container) + .icon {
  top: 1px !important;
  left: 4px !important; }

.datagrid.medium-rowheight .datagrid-trigger-cell .icon.icon-calendar {
  left: 4px;
  top: 0; }

.datagrid.medium-rowheight td.is-editing:not(.datagrid-trigger-cell) .datepicker + .trigger {
  margin-top: 7px; }

.datagrid.medium-rowheight td.is-editing:not(.datagrid-trigger-cell) .datepicker + .trigger.btn-icon {
  margin-top: 3px; }

.datagrid.medium-rowheight td.is-editing .datepicker + .trigger {
  margin-left: -2px; }

.datagrid.medium-rowheight td.is-editing .datepicker + .trigger.btn-icon:hover {
  background-color: transparent; }

.datagrid.medium-rowheight td.is-editing input.timepicker + .btn-icon.trigger {
  margin-left: -3px !important;
  margin-top: 3px !important; }

.datagrid.medium-rowheight .datagrid-rowgroup-header .datagrid-expand-btn {
  margin-bottom: 2px;
  margin-top: 2px; }

.datagrid.medium-rowheight tbody tr {
  line-height: 26px; }

.datagrid.medium-rowheight > tbody > tr .datagrid-cell-wrapper .datagrid-checkbox-wrapper {
  margin-top: -14px; }

.datagrid.medium-rowheight tbody tr td.is-editing.datagrid-trigger-cell input.lookup {
  margin-top: 0; }

.datagrid.medium-rowheight tbody tr td.is-editing input {
  margin-top: 0;
  margin-left: 0; }
  .datagrid.medium-rowheight tbody tr td.is-editing input :not(.colorpicker) {
    height: 22px !important; }
  .datagrid.medium-rowheight tbody tr td.is-editing input.lookup {
    margin-left: -1px; }

.datagrid.medium-rowheight tbody tr td.is-editing input.lookup + .trigger {
  margin-left: -15px;
  margin-top: 3.5px; }

.datagrid.medium-rowheight tbody tr td.is-editing .lookup-wrapper {
  padding: 0; }

.datagrid.medium-rowheight tbody tr td.is-editing .datepicker {
  padding-left: 0;
  padding-top: 0; }

.datagrid.medium-rowheight tbody tr td.is-editing .datepicker ~ .icon {
  margin-left: 11px;
  top: calc(50% - 19px) !important; }

.datagrid.medium-rowheight tbody tr td.is-editing:not(.datagrid-trigger-cell) input.datepicker {
  margin-top: 4px !important; }

.datagrid.medium-rowheight tbody tr td .datagrid-drilldown {
  top: 2px; }

.datagrid.medium-rowheight .datagrid-trigger-cell.has-editor .icon.icon-search-list {
  top: 1px; }

.datagrid.medium-rowheight .datagrid-trigger-cell .icon.icon-search-list {
  top: 4px; }

.datagrid.small-rowheight .icon-search-list {
  left: -1px !important;
  top: 4px !important; }

.datagrid.small-rowheight .datagrid-cell-wrapper {
  padding: 4px 8px 0; }

.datagrid.small-rowheight tbody tr td.is-editing .lookup-wrapper {
  padding-left: 0;
  padding-top: 0; }

.datagrid.small-rowheight tbody tr td.is-editing input.lookup {
  margin-left: -1px;
  margin-top: -1px;
  padding-right: 15px; }

.datagrid.small-rowheight tbody tr td.is-editing input {
  height: 26px; }

.datagrid.small-rowheight tbody tr td.is-editing input.lookup + .trigger {
  margin-left: -16px;
  margin-top: 0;
  top: 4px; }
  .datagrid.small-rowheight tbody tr td.is-editing input.lookup + .trigger > .icon {
    top: -2px; }

.datagrid.small-rowheight tbody tr td.is-editing .datepicker + .icon {
  top: -4px; }

.datagrid.small-rowheight tbody tr td .datagrid-drilldown {
  top: 0; }

.datagrid.extra-small-rowheight tbody tr td .icon-search-list {
  left: -3px;
  top: 4px; }

.datagrid.extra-small-rowheight tbody tr td.is-editing input.lookup + .trigger {
  margin-left: -23px;
  margin-top: 2px; }

.datagrid-container th.text-ellipsis .datagrid-header-text {
  margin: 9px 0 0 !important; }

.datagrid-container.small-rowheight th.text-ellipsis .datagrid-header-text {
  margin: 4px 0 0 !important; }

.datagrid-container.medium-rowheight th.text-ellipsis .datagrid-header-text {
  margin: 6px 0 0 !important; }

.datagrid-container:not(.extra-small-rowheight) .datagrid-header .datagrid-filter-wrapper .dropdown + .icon {
  top: 1px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell .trigger.colorpicker-container {
  height: 22px; }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell span.trigger.is-clearable {
  width: calc(100% - 32px); }

.datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper {
  padding: 2px 8px !important; }
  .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .icon-close {
    margin-left: -21px !important;
    left: -7px; }
  .datagrid.small-rowheight tbody tr td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .icon-fileupload {
    left: -2px; }

.datagrid.small-rowheight tbody tr td .hyperlink {
  margin-top: -4px; }

.datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger,
.datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
  right: 2px; }

.datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger {
  margin-left: -22px;
  margin-top: 2px; }

.is-gridlist.has-draggable-columns th .handle {
  font-size: 23px;
  top: -3px; }

.is-firefox .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
  top: -2px; }

.is-firefox .datagrid .datagrid-trigger-cell .icon.icon-clock {
  top: -2px; }

.is-firefox .datagrid td.is-editing .datepicker ~ .icon {
  top: calc(50% - 17px); }

.is-firefox .datagrid td.is-editing .lookup-wrapper {
  padding-top: 5px; }
  .is-firefox .datagrid td.is-editing .lookup-wrapper .lookup + .trigger {
    margin-top: 4px; }

.is-firefox .datagrid.medium-rowheight tbody tr td.is-editing .datepicker {
  margin-top: 0; }
  .is-firefox .datagrid.medium-rowheight tbody tr td.is-editing .datepicker ~ .icon {
    top: calc(50% - 17px); }

.is-firefox .datagrid.medium-rowheight tbody tr td.is-editing.datagrid-trigger-cell input.datepicker {
  margin-top: -6px; }

.is-firefox .datagrid.medium-rowheight tbody tr td.is-editing.datagrid-trigger-cell .datepicker + .trigger.btn-icon {
  margin-top: 1px; }

.is-firefox .datagrid.medium-rowheight tbody tr td.is-editing.datagrid-trigger-cell input.timepicker + .btn-icon.trigger {
  top: 4px; }

.is-firefox .datagrid.medium-rowheight tbody tr td.is-editing .lookup-wrapper {
  padding-top: 1px; }
  .is-firefox .datagrid.medium-rowheight tbody tr td.is-editing .lookup-wrapper .lookup ~ .trigger {
    top: -2px; }
    .is-firefox .datagrid.medium-rowheight tbody tr td.is-editing .lookup-wrapper .lookup ~ .trigger .icon {
      top: calc(50% - 10px); }

.is-firefox .datagrid.small-rowheight tbody tr td.is-editing .lookup + .trigger {
  top: 1px; }

.is-firefox .modal.datagrid-columns-dialog .searchfield-wrapper {
  height: auto; }

.datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell.has-editor .icon.icon-search-list {
  top: -1px; }

.datagrid.extra-small-rowheight tbody tr td.is-editing input {
  height: 24px; }
  .datagrid.extra-small-rowheight tbody tr td.is-editing input.lookup {
    height: 27px;
    margin-top: -1px; }

.datagrid.extra-small-rowheight tbody tr td.is-editing .dropdown {
  padding: 4px 22px 0 3px !important; }

.datagrid.extra-small-rowheight tbody tr td.is-editing .dropdown-wrapper .dropdown + .icon {
  height: 16px;
  right: 1px;
  top: 5px !important;
  width: 16px; }

.datagrid.extra-small-rowheight .datagrid-cell-wrapper {
  min-height: 30px; }

.datagrid.extra-small-rowheight tbody tr td.is-editing .datepicker {
  height: 26px; }

.datagrid.extra-small-rowheight div.dropdown + .icon,
.datagrid.extra-small-rowheight div.multiselect + .icon {
  height: 16px;
  right: 4px;
  top: 7px !important;
  width: 14px; }

.datagrid.extra-small-rowheight tbody tr td.is-editing .datepicker + .icon {
  top: -4px !important; }

.datagrid.extra-small-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger :not(.colorpicker-container) + .icon {
  top: 1px !important;
  left: -5px !important; }

.datagrid.extra-small-rowheight tbody tr td .datagrid-checkbox-wrapper {
  margin-top: -13px; }

.datagrid-cell-wrapper .custom-card svg.icon {
  top: 5px; }

.datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .btn-filter {
  left: 6px;
  padding-top: 4px; }

.datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .dropdown + .icon {
  top: -2px !important; }

.datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .timepicker + .icon {
  right: 4px;
  top: -5px; }

.datagrid-container.medium-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper.l-right-text {
  top: -3px; }

.datagrid-dropdown-list.extra-small-rowheight .trigger .icon {
  left: 4px !important;
  top: 8px; }
  .datagrid-dropdown-list.extra-small-rowheight .trigger .icon.search {
    top: 3px; }

.datagrid-dropdown-list.small-rowheight .trigger .icon {
  top: 8px; }

.datagrid.medium-rowheight td.is-editing:not(.datagrid-trigger-cell) input.timepicker {
  margin-top: 3px !important; }
  .datagrid.medium-rowheight td.is-editing:not(.datagrid-trigger-cell) input.timepicker ~ .icon {
    margin-left: 16px !important;
    top: calc(50% - 18px) !important; }

.datagrid.extra-small-rowheight tbody tr td.is-editing .datepicker + .btn-icon.trigger {
  margin-top: 1px;
  background-color: transparent; }

.datagrid.extra-small-rowheight td.is-editing .timepicker {
  margin: 0 !important;
  padding: unset !important; }

.datagrid.extra-small-rowheight .datagrid-header th.text-ellipsis .datagrid-column-wrapper .datagrid-header-text {
  margin: 4px 0 0 !important; }

.datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon.icon-error:not(.datagrid-alert-icon) {
  left: 99%;
  margin-top: 1px; }

.datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 101%;
  margin-top: 1px; }

.datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-search-list + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 96%; }

.datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-calendar + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 99%;
  margin-top: 1px; }

.datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-clock + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 97%;
  margin-top: 0; }

.datagrid.small-rowheight tbody tr td.is-editing .datepicker {
  height: 26px; }

.datagrid.small-rowheight td.is-editing .timepicker {
  margin-left: 0 !important;
  padding: unset !important;
  width: calc(100% - 25px); }

.datagrid.medium-rowheight td.is-editing .timepicker {
  margin-top: 4px; }

.datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly).is-fileupload .datagrid-cell-wrapper .icon.icon-error:not(.datagrid-alert-icon) {
  left: 97%;
  margin-top: 1px; }

.datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .colorpicker-container + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 100%;
  top: 9px; }

.datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger.dropdown-trigger:not(.colorpicker-container) + .icon + .icon.icon-error:not(.datagrid-alert-icon) {
  left: 100%; }

.datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-calendar + .icon.icon-error:not(.datagrid-alert-icon) {
  margin-top: -2px;
  left: 98%; }

.datagrid.medium-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon-clock + .icon.icon-error:not(.datagrid-alert-icon) {
  margin-top: -2px;
  left: 97%; }

.datagrid-container.has-empty-message.is-empty .empty-title {
  font-size: 1.8rem !important; }

.datagrid-container.has-empty-message.is-empty.empty-message-height-small .empty-message {
  top: calc(50% + 33px) !important; }

.datagrid-container.has-empty-message.is-empty.empty-message-height-small.medium-rowheight .empty-message {
  top: calc(50% + 31px) !important; }

.datagrid-container.has-empty-message.is-empty.empty-message-height-small.small-rowheight .empty-message {
  top: calc(50% + 28px) !important; }

.datagrid-container.has-empty-message.is-empty.empty-message-height-small.extra-small-rowheight .empty-message {
  top: calc(50% + 26px) !important; }

.datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .lookup-wrapper .trigger {
  margin-top: 2px; }

.datagrid-container.extra-small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .has-close-icon-button .icon {
  right: 21px;
  top: calc(50% + 2px); }

.datagrid-header .datagrid-filter-wrapper .lookup-wrapper .searchfield-wrapper.has-close-icon-button .icon {
  top: calc(50% + 3px);
  height: 15px; }

.datagrid-container.small-rowheight.has-filterable-columns .is-filterable .datagrid-filter-wrapper .has-close-icon-button .icon {
  right: 23px;
  top: calc(50% + 2px); }

.datagrid > tbody > tr .process-indicator {
  top: 8px; }
  .datagrid > tbody > tr .process-indicator.responsive .lines .indicator.current {
    left: -1px;
    top: 0; }

.datagrid.extra-small-rowheight .process-indicator {
  top: 0 !important; }

.datagrid.small-rowheight .process-indicator {
  top: 1px !important; }

.datagrid.medium-rowheight .process-indicator {
  top: 1px !important; }

.is-safari .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .searchfield-wrapper.has-close-icon-button .icon {
  top: 1px; }

.is-safari .datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger, .is-safari .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
  top: -9px;
  margin-left: -22px; }

.datagrid tbody tr.datagrid-row.is-selected.is-hover-row td .datagrid-cell-wrapper .btn-icon:hover {
  background-color: #E6F1FD !important; }
  .datagrid tbody tr.datagrid-row.is-selected.is-hover-row td .datagrid-cell-wrapper .btn-icon:hover svg {
    color: #0072ED !important;
    background-color: unset !important;
    box-shadow: none !important; }

.datagrid tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper span {
  vertical-align: middle;
  position: relative;
  top: -1px; }

.datagrid tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-clock {
  top: -1.5px;
  left: -1px; }

.datagrid tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper span {
  vertical-align: middle; }

.datagrid tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-top: 9px;
  margin-left: 13px; }
  .datagrid tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger > svg.icon {
    top: -1px;
    left: -2px; }

.datagrid tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger > svg.icon {
  left: -2px; }

.datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper span {
  vertical-align: middle; }

.datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-clock {
  top: -0.5px;
  left: -5px; }

.datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper span {
  vertical-align: middle; }

.datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper input {
  position: relative; }

.datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-top: 1px;
  margin-left: 5px; }

.datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger > svg.icon {
  top: -1px;
  left: -1px; }

.datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper span {
  vertical-align: middle;
  position: relative;
  top: -2.5px; }

.datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-calendar {
  top: -2px;
  left: -5px; }

.datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-clock {
  top: -2.5px;
  left: -5px; }

.datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper span {
  vertical-align: middle; }

.datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper input {
  position: relative; }
  .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper input.datepicker {
    top: 0; }
  .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper input.timepicker {
    top: -1px;
    left: -1px; }

.datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-left: 6px;
  margin-top: 1.5px; }
  .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger > svg.icon {
    top: 0;
    background-color: transparent; }

.datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger {
  top: 4px;
  right: 4.5px;
  margin-top: unset;
  margin-left: unset; }
  .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger > svg.icon {
    top: -0.5px;
    left: -1.5px; }

.datagrid.medium-rowheight tbody tr.datagrid-row td:not(.datagrid-trigger-cell) .datagrid-cell-wrapper {
  line-height: 2; }

.datagrid.medium-rowheight tbody tr.datagrid-row td:not(.datagrid-trigger-cell).is-editing .datagrid-cell-wrapper input {
  position: relative;
  top: -3px; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper span {
  margin-top: 2px;
  vertical-align: middle; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-calendar {
  top: 2px; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-clock {
  top: 2px; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper span {
  vertical-align: middle; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper input.datepicker {
  margin-top: -3px; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper input.timepicker {
  margin-top: -3px; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-top: 5px;
  margin-left: 12.5px; }

.datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger {
  top: 4px;
  right: 8.5px; }
  .datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger > svg.icon {
    top: 0; }

.is-mac .datagrid tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper span {
  vertical-align: middle; }

.is-mac .datagrid tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-top: 10px;
  margin-left: 13.5px; }

.is-mac .datagrid tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger {
  margin-left: -1.5px;
  margin-top: 10.5px; }

.is-mac .datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-clock {
  left: -5px; }

.is-mac .datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-top: 2px;
  margin-left: 5px; }

.is-mac .datagrid.extra-small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger {
  margin-left: 3px;
  margin-top: 2.5px; }

.is-mac .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-calendar {
  top: -3px;
  left: -5px; }

.is-mac .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-clock {
  top: -2.5px;
  left: -4px; }

.is-mac .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper span {
  vertical-align: middle; }

.is-mac .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-top: 1px;
  margin-left: 6.5px; }

.is-mac .datagrid.small-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger {
  top: -6.5px; }

.is-mac .datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper span {
  margin-top: 5px; }

.is-mac .datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-calendar {
  top: 1px;
  left: 1px; }

.is-mac .datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell .datagrid-cell-wrapper svg.icon:not(.datagrid-alert-icon).icon-clock {
  top: 0.5px;
  left: -1.5px; }

.is-mac .datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper span {
  vertical-align: middle; }

.is-mac .datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .datepicker + button.trigger {
  margin-top: 5.5px;
  margin-left: 12.5px; }

.is-mac .datagrid.medium-rowheight tbody tr.datagrid-row td.datagrid-trigger-cell.is-editing .datagrid-cell-wrapper .timepicker + button.trigger {
  top: 4px;
  right: 9px; }

html[dir='rtl'] .datagrid-container.extra-small-rowheight .sort-indicator {
  left: 8px;
  position: relative; }

html[dir='rtl'] .datagrid-container.extra-small-rowheight th .handle .icon {
  top: 4px !important; }

html[dir='rtl'] .datagrid.extra-small-rowheight .datagrid-header .datagrid-column-wrapper.l-center-text .sort-indicator {
  left: 12px;
  top: 6px;
  position: absolute; }

html[dir='rtl'] .datagrid.extra-small-rowheight th .datagrid-column-wrapper .datagrid-header-text {
  padding: 0 5px; }

html[dir='rtl'] .datagrid.extra-small-rowheight .datagrid-header .datagrid-column-wrapper.l-right-text .sort-indicator {
  position: relative;
  right: 8px;
  top: 1px; }

html[dir='rtl'] .datagrid td.is-editing input.lookup + .trigger {
  margin-left: 6px;
  margin-top: 7px; }
  html[dir='rtl'] .datagrid td.is-editing input.lookup + .trigger > .icon {
    left: -1px; }

html[dir='rtl'] .datagrid td.is-editing input.timepicker + .trigger {
  margin-left: 7px;
  margin-top: 13px; }
  html[dir='rtl'] .datagrid td.is-editing input.timepicker + .trigger > .icon {
    top: 0; }

html[dir='rtl'] .datagrid.medium-rowheight .is-editing .datepicker + .trigger.btn-icon {
  margin-top: 5px; }

html[dir='rtl'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor .datepicker ~ .trigger {
  left: 1px;
  top: 1px; }

html[dir='rtl'] .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor .icon-error {
  left: 0 !important;
  margin-top: 0 !important;
  top: 11px; }

html[dir='rtl'] .datagrid.medium-rowheight .datagrid-cell-wrapper .dropdown-trigger:not(.colorpicker-container) + .icon {
  top: 2px !important;
  left: -4px !important; }

html[dir='rtl'] .datagrid.small-rowheight .is-editing .datepicker + .trigger.btn-icon {
  left: -9px;
  margin-top: 0;
  top: 5px; }

html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor .icon-calendar {
  top: 0 !important; }

html[dir='rtl'] .datagrid.small-rowheight .datagrid-trigger-cell.has-editor .icon-error {
  top: 6px; }

html[dir='rtl'] .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor.is-editing .trigger {
  top: 2px; }

html[dir='rtl'] .datagrid td.error .datagrid-cell-wrapper .trigger + .icon-calendar + .icon-error {
  left: 0;
  margin-top: 0; }

html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-error:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-info:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):hover svg.icon + .icon-alert:not(.datagrid-alert-icon), html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-error:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-info:not(.datagrid-alert-icon),
html[dir='rtl'] .datagrid-trigger-cell.has-editor:not(.is-readonly):focus svg.icon + .icon-alert:not(.datagrid-alert-icon) {
  margin-left: 27px !important; }

html[dir='rtl'] .datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .datepicker + .trigger,
html[dir='rtl'] .datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .timepicker + .trigger {
  left: 16px;
  right: auto; }

html[dir='rtl'] .datagrid-container.small-rowheight td.is-editing input.lookup + .trigger {
  margin-left: 6px;
  margin-top: -1px; }
  html[dir='rtl'] .datagrid-container.small-rowheight td.is-editing input.lookup + .trigger > .icon {
    left: -1px;
    top: 0; }

html[dir='rtl'] .datagrid-container.small-rowheight td.is-editing input.timepicker + .trigger {
  margin-left: 5px;
  margin-top: -2px; }

html[dir='rtl'] .datagrid-container.extra-small-rowheight td.is-editing .datepicker + .trigger {
  margin-top: 3px; }

html[dir='rtl'] .datagrid-container.extra-small-rowheight td.is-editing input.timepicker + .trigger {
  margin-left: 5px; }

html[dir='rtl'] .datagrid-container.small-rowheight .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger, html[dir='rtl'] .datagrid-container.extra-small-rowheight .datagrid-header .datagrid-filter-wrapper .lookup-wrapper .trigger {
  left: 0;
  margin-left: 2px;
  margin-right: auto;
  margin-top: 2px; }

html[dir='rtl'] .datagrid-container.medium-rowheight .datagrid-trigger-cell .icon.icon-calendar {
  left: auto;
  right: 7px; }

html[dir='rtl'] .datagrid-container.medium-rowheight td.is-editing .datepicker ~ .trigger {
  margin-left: auto;
  margin-right: 17px; }

html[dir='rtl'] .datagrid-container.medium-rowheight td.is-editing input.lookup {
  padding: 0; }
  html[dir='rtl'] .datagrid-container.medium-rowheight td.is-editing input.lookup + .trigger {
    margin-left: -6px;
    margin-top: 0; }
    html[dir='rtl'] .datagrid-container.medium-rowheight td.is-editing input.lookup + .trigger > .icon {
      left: -1px; }

html[dir='rtl'] .datagrid-container.medium-rowheight td.is-editing input.timepicker + .trigger {
  margin-top: 0; }

html[dir='rtl'].is-firefox .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor.is-editing .datepicker + .trigger.btn-icon {
  margin-top: 5px; }

html[dir='rtl'].is-firefox .datagrid.medium-rowheight .datagrid-trigger-cell.has-editor.is-editing .datepicker + .trigger.btn-icon {
  margin-top: 2px; }

html[dir='rtl'].is-firefox .datagrid.extra-small-rowheight .datagrid-trigger-cell.has-editor:not(.is-readonly) .datagrid-cell-wrapper .trigger + .icon.icon-calendar {
  top: -2.5px; }

.android.is-firefox .datagrid-header .datagrid-filter-wrapper .dropdown + .icon:not(.close) {
  top: 1px; }

.android.is-firefox .dropdown-list > .trigger .icon.close {
  top: 6px; }

.editor-container .label {
  cursor: default; }

.editor-container.is-hover:not(.is-readonly):not(.is-disabled) .editor,
.editor-container.is-hover:not(.is-readonly):not(.is-disabled) .editor-source,
.editor-container.is-hover:not(.is-readonly):not(.is-disabled) .toolbar,
.editor-container.is-hover:not(.is-readonly):not(.is-disabled) .flex-toolbar {
  border-color: #28282A; }

.editor-container.is-readonly .editor > * {
  color: #000000 !important; }

.editor-container.is-readonly .editor, .editor-container.is-disabled .editor {
  background-color: transparent;
  border-top: 1px solid #BBBBBF; }
  .editor-container.is-readonly .editor[disabled], .editor-container.is-disabled .editor[disabled] {
    border-color: #C5C5C9; }
  .editor-container.is-readonly .editor > *, .editor-container.is-disabled .editor > * {
    color: #C5C5C9; }

.editor-container.is-readonly .editor-toolbar, .editor-container.is-disabled .editor-toolbar {
  display: none; }

.editor-container.is-readonly a, .editor-container.is-disabled a {
  cursor: pointer; }

.editor-container.is-disabled .editor {
  cursor: default;
  pointer-events: none; }

.editor-container.is-readonly .editor {
  background-color: #E0E0E1;
  border-color: #BBBBBF;
  color: #000000;
  cursor: text; }
  .editor-container.is-readonly .editor a {
    color: #0072ED !important; }

.editor-container .error-message {
  margin-top: 0; }

.editor-container .editor-source.hidden + .editor + .error-message {
  margin-top: -20px; }

.editor-container .formatter-toolbar {
  margin-bottom: 0;
  z-index: 20; }
  .editor-container .formatter-toolbar [class^='btn'] {
    border-radius: 2px; }

.editor-container.is-active .toolbar.formatter-toolbar,
.editor-container.is-active .flex-toolbar.formatter-toolbar, .editor-container.is-active:hover:not(.error) .toolbar.formatter-toolbar,
.editor-container.is-active:hover:not(.error) .flex-toolbar.formatter-toolbar {
  border-color: #0072ED;
  box-shadow: -1px -1px 3px 0 rgba(54, 138, 192, 0.3); }
  .editor-container.is-active .toolbar.formatter-toolbar.error,
  .editor-container.is-active .flex-toolbar.formatter-toolbar.error, .editor-container.is-active:hover:not(.error) .toolbar.formatter-toolbar.error,
  .editor-container.is-active:hover:not(.error) .flex-toolbar.formatter-toolbar.error {
    border-color: #da1217; }

.editor-container.is-active .editor,
.editor-container.is-active .editor-source, .editor-container.is-active:hover:not(.error) .editor,
.editor-container.is-active:hover:not(.error) .editor-source {
  border-color: #0072ED #0072ED;
  box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1); }
  .editor-container.is-active .editor.error,
  .editor-container.is-active .editor-source.error, .editor-container.is-active:hover:not(.error) .editor.error,
  .editor-container.is-active:hover:not(.error) .editor-source.error {
    border-color: transparent #da1217 #da1217; }

.editor-container .editor[data-error-type='tooltip'] + .audible + .icon-error {
  left: 100%;
  margin-left: -33px;
  position: absolute;
  top: 54px; }

.editor-container.is-preview .editor-toolbar {
  display: none; }

.editor-container.is-preview a {
  cursor: pointer; }

.editor-container.is-preview .editor {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: auto;
  min-height: auto;
  padding: 0; }

.editor-container.is-preview.is-active .editor, .editor-container.is-preview.is-active:hover .editor {
  box-shadow: none; }

.editor-container .icon-dirty {
  top: 55px; }

.editor {
  line-height: 35.2px;
  line-height: 2.2rem;
  background-color: transparent;
  border: 1px solid;
  border-color: #BBBBBF;
  border-radius: 0 0 2px 2px;
  color: #000000;
  display: block;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  height: 320px;
  margin-bottom: 20px;
  min-height: 128px;
  outline: none;
  overflow: auto;
  padding: 12px;
  width: 100%; }
  .editor:empty::before {
    color: #6F6F76;
    content: attr(placeholder);
    font-size: 1.6rem;
    margin-top: 0;
    position: absolute;
    white-space: pre; }
  .editor.is-disabled {
    background-color: #ffffff;
    border: 1px solid #C5C5C9;
    padding: 10px; }
    .editor.is-disabled > * {
      color: #C5C5C9; }
  .editor p,
  .editor h1,
  .editor h2,
  .editor h3,
  .editor h4,
  .editor h5,
  .editor h6 {
    margin-bottom: 16px; }
  .editor ul,
  .editor ol {
    margin-bottom: 10px; }
  .editor.type-l-alpha ol[type='a'] {
    list-style: lower-alpha; }
  .editor.type-u-alpha ol[type='A'] {
    list-style: upper-alpha; }
  .editor.type-l-roman ol[type='i'] {
    list-style: lower-roman; }
  .editor.type-u-roman ol[type='I'] {
    list-style: upper-roman; }
  .editor blockquote {
    margin-bottom: 16px; }

.editor p,
.fontpicker-menu p {
  line-height: 35.2px;
  line-height: 2.2rem;
  color: #000000;
  font-size: 1.6rem; }
  .editor p a,
  .fontpicker-menu p a {
    color: #0072ED;
    font-size: 1.6rem !important;
    margin-left: -1px;
    margin-right: -1px;
    padding: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: 1px solid transparent; }
    .editor p a:hover:not([disabled]),
    .fontpicker-menu p a:hover:not([disabled]) {
      color: #0066D4; }

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6,
.fontpicker-menu h1,
.fontpicker-menu h2,
.fontpicker-menu h3,
.fontpicker-menu h4,
.fontpicker-menu h5,
.fontpicker-menu h6 {
  color: #000000;
  line-height: normal; }
  .editor h1 a,
  .editor h2 a,
  .editor h3 a,
  .editor h4 a,
  .editor h5 a,
  .editor h6 a,
  .fontpicker-menu h1 a,
  .fontpicker-menu h2 a,
  .fontpicker-menu h3 a,
  .fontpicker-menu h4 a,
  .fontpicker-menu h5 a,
  .fontpicker-menu h6 a {
    font-size: inherit; }

.editor h1,
.fontpicker-menu h1 {
  font-size: 4rem; }

.editor h2,
.fontpicker-menu h2 {
  font-size: 3.2rem; }

.editor h3,
.fontpicker-menu h3 {
  font-size: 2.8rem; }

.editor h4,
.fontpicker-menu h4 {
  font-size: 2.4rem; }

.editor h5,
.fontpicker-menu h5 {
  font-size: 2rem; }

.editor h6,
.fontpicker-menu h6 {
  font-size: 1.6rem; }

.editor ul,
.editor ol,
.fontpicker-menu ul,
.fontpicker-menu ol {
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.2rem;
  list-style: disc;
  margin-left: 2rem; }
  .editor ul li,
  .editor ol li,
  .fontpicker-menu ul li,
  .fontpicker-menu ol li {
    line-height: inherit; }
    .editor ul li p,
    .editor ol li p,
    .fontpicker-menu ul li p,
    .fontpicker-menu ol li p {
      line-height: inherit;
      margin-bottom: 0; }

.editor ol,
.fontpicker-menu ol {
  list-style: decimal; }

.editor b,
.editor strong,
.fontpicker-menu b,
.fontpicker-menu strong {
  font-weight: 800; }

.editor blockquote,
.fontpicker-menu blockquote {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  border-left: 3px solid #BBBBBF;
  line-height: 22px;
  margin-left: 7px;
  padding-left: 16px; }

.editor img,
.fontpicker-menu img {
  margin: 0 auto;
  max-width: 80%; }

.editor span,
.fontpicker-menu span {
  font-weight: inherit; }

.editor a,
.fontpicker-menu a {
  cursor: pointer;
  font-size: 1.6rem;
  position: static;
  text-decoration: none; }
  .editor a[contenteditable='false'],
  .fontpicker-menu a[contenteditable='false'] {
    cursor: pointer;
    text-decoration: underline; }
  .editor a::after,
  .fontpicker-menu a::after {
    content: none; }

.toolbar.formatter-toolbar,
.flex-toolbar.formatter-toolbar {
  overflow-x: visible; }
  .toolbar.formatter-toolbar .buttonset,
  .flex-toolbar.formatter-toolbar .buttonset {
    height: 32px;
    white-space: nowrap;
    width: 100%; }
  .toolbar.formatter-toolbar [class^='btn'],
  .flex-toolbar.formatter-toolbar [class^='btn'] {
    margin-top: 5px; }
  .toolbar.formatter-toolbar.has-more-button .buttonset,
  .flex-toolbar.formatter-toolbar.has-more-button .buttonset {
    width: calc(100% - 44px); }

.flex-toolbar.formatter-toolbar {
  height: 34px; }
  .flex-toolbar.formatter-toolbar .buttonset {
    height: auto;
    width: auto; }

.toolbar.formatter-toolbar,
.flex-toolbar.formatter-toolbar {
  background-color: #F5F5F5;
  border: 1px solid #BBBBBF;
  border-bottom-color: #C5C5C9 !important;
  border-radius: 2px 2px 0 0;
  margin-bottom: -1px;
  padding: 0;
  text-align: left; }
  .toolbar.formatter-toolbar .buttonset [class^='btn']:first-child,
  .flex-toolbar.formatter-toolbar .buttonset [class^='btn']:first-child {
    margin-left: 16px; }
    .toolbar.formatter-toolbar .buttonset [class^='btn']:first-child.fontpicker,
    .flex-toolbar.formatter-toolbar .buttonset [class^='btn']:first-child.fontpicker {
      margin-left: 5px;
      width: 130px; }
  .toolbar.formatter-toolbar .toolbar-section.buttonset,
  .flex-toolbar.formatter-toolbar .toolbar-section.buttonset {
    padding: 0; }
  .toolbar.formatter-toolbar.has-more-button .buttonset,
  .flex-toolbar.formatter-toolbar.has-more-button .buttonset {
    width: calc(100% - 44px); }
  .toolbar.formatter-toolbar.has-more-button .more,
  .flex-toolbar.formatter-toolbar.has-more-button .more {
    margin-top: 0; }
    .toolbar.formatter-toolbar.has-more-button .more .btn-actions,
    .flex-toolbar.formatter-toolbar.has-more-button .more .btn-actions {
      height: 22px;
      margin-top: -1px;
      min-height: 22px;
      width: 25px; }
  .toolbar.formatter-toolbar [class^='btn'],
  .flex-toolbar.formatter-toolbar [class^='btn'] {
    background-color: #F5F5F5;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #161618;
    height: 20px;
    line-height: normal;
    min-width: 22px;
    padding: 0;
    text-align: left; }
    .toolbar.formatter-toolbar [class^='btn'] span:not(.audible),
    .flex-toolbar.formatter-toolbar [class^='btn'] span:not(.audible) {
      color: #161618;
      display: inline-block; }
      .toolbar.formatter-toolbar [class^='btn'] span:not(.audible):not(:last-child),
      .flex-toolbar.formatter-toolbar [class^='btn'] span:not(.audible):not(:last-child) {
        padding: 0; }
      .toolbar.formatter-toolbar [class^='btn'] span:not(.audible) + .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'] span:not(.audible) + .icon {
        padding-left: 0; }
    .toolbar.formatter-toolbar [class^='btn'] .icon,
    .flex-toolbar.formatter-toolbar [class^='btn'] .icon {
      color: #161618;
      height: 18px;
      margin: 0 2px;
      padding: 0;
      pointer-events: none;
      width: 18px; }
    .toolbar.formatter-toolbar [class^='btn']:disabled .icon,
    .flex-toolbar.formatter-toolbar [class^='btn']:disabled .icon {
      color: #8E8E95; }
    .toolbar.formatter-toolbar [class^='btn']:disabled span:not(.audible),
    .flex-toolbar.formatter-toolbar [class^='btn']:disabled span:not(.audible) {
      color: #8E8E95; }
    .toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative), .toolbar.formatter-toolbar [class^='btn'].is-active:not(.error), .toolbar.formatter-toolbar [class^='btn'].is-open, .toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled),
    .flex-toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative),
    .flex-toolbar.formatter-toolbar [class^='btn'].is-active:not(.error),
    .flex-toolbar.formatter-toolbar [class^='btn'].is-open,
    .flex-toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled) {
      color: #0066D4; }
      .toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative) span, .toolbar.formatter-toolbar [class^='btn'].is-active:not(.error) span, .toolbar.formatter-toolbar [class^='btn'].is-open span, .toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled) span,
      .flex-toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative) span,
      .flex-toolbar.formatter-toolbar [class^='btn'].is-active:not(.error) span,
      .flex-toolbar.formatter-toolbar [class^='btn'].is-open span,
      .flex-toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled) span {
        color: #0066D4; }
      .toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative) .icon, .toolbar.formatter-toolbar [class^='btn'].is-active:not(.error) .icon, .toolbar.formatter-toolbar [class^='btn'].is-open .icon, .toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled) .icon,
      .flex-toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative) .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'].is-active:not(.error) .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'].is-open .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled) .icon {
        color: #0066D4; }
      .toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative):not(.hide-focus), .toolbar.formatter-toolbar [class^='btn'].is-active:not(.error):not(.hide-focus), .toolbar.formatter-toolbar [class^='btn'].is-open:not(.hide-focus), .toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled):not(.hide-focus),
      .flex-toolbar.formatter-toolbar [class^='btn']:focus:not(.hide-focus):not(.btn-generative):not(.hide-focus),
      .flex-toolbar.formatter-toolbar [class^='btn'].is-active:not(.error):not(.hide-focus),
      .flex-toolbar.formatter-toolbar [class^='btn'].is-open:not(.hide-focus),
      .flex-toolbar.formatter-toolbar [class^='btn'].is-open:hover:not(:disabled):not(.hide-focus) {
        box-shadow: 0 0 0 2px transparent, 0 0 0 1px #55A3F3, 0 0 4px 3px rgba(54, 138, 192, 0.1); }
    .toolbar.formatter-toolbar [class^='btn'].is-active,
    .flex-toolbar.formatter-toolbar [class^='btn'].is-active {
      box-shadow: none; }
    .toolbar.formatter-toolbar [class^='btn']:hover:not(:disabled),
    .flex-toolbar.formatter-toolbar [class^='btn']:hover:not(:disabled) {
      background-color: transparent;
      border: 1px solid transparent;
      color: #161618; }
      .toolbar.formatter-toolbar [class^='btn']:hover:not(:disabled) .icon,
      .flex-toolbar.formatter-toolbar [class^='btn']:hover:not(:disabled) .icon {
        color: #161618; }
      .toolbar.formatter-toolbar [class^='btn']:hover:not(:disabled) span,
      .flex-toolbar.formatter-toolbar [class^='btn']:hover:not(:disabled) span {
        color: #161618; }
    .toolbar.formatter-toolbar [class^='btn'].btn-actions > .icon,
    .flex-toolbar.formatter-toolbar [class^='btn'].btn-actions > .icon {
      left: 2px;
      position: relative;
      top: 1px; }
    .toolbar.formatter-toolbar [class^='btn'] .html-icon,
    .flex-toolbar.formatter-toolbar [class^='btn'] .html-icon {
      margin-left: 1px;
      width: 55px; }
    .toolbar.formatter-toolbar [class^='btn'] .visual-icon,
    .flex-toolbar.formatter-toolbar [class^='btn'] .visual-icon {
      margin-left: -12px;
      margin-right: -11px;
      width: 85px; }
    .toolbar.formatter-toolbar [class^='btn'][data-action='visual'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-action='visual'] {
      margin-right: 24px; }
      .toolbar.formatter-toolbar [class^='btn'][data-action='visual'] span,
      .flex-toolbar.formatter-toolbar [class^='btn'][data-action='visual'] span {
        font-size: 16px;
        font-size: 1.6rem;
        margin-left: -1px;
        margin-top: 2px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='h3'], .toolbar.formatter-toolbar [class^='btn'][data-element='h4'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='h3'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='h4'] {
      margin-right: 14px; }
      .toolbar.formatter-toolbar [class^='btn'][data-element='h3'] .icon, .toolbar.formatter-toolbar [class^='btn'][data-element='h4'] .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'][data-element='h3'] .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'][data-element='h4'] .icon {
        margin-left: -5px;
        margin-right: -5px;
        width: 32px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='b'], .toolbar.formatter-toolbar [class^='btn'][data-element='i'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='b'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='i'] {
      margin-right: 8px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='strike'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='strike'] {
      margin-right: 8px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] .icon,
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] .icon {
      margin-top: -1px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] .trigger,
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] .trigger {
      padding-left: 2px;
      padding-right: 8px; }
      .toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] .trigger .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] .trigger .icon {
        height: 16px;
        margin-left: -5px;
        width: 12px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] + .separator,
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='foreColor'] + .separator {
      margin-left: -1px;
      margin-right: 7px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='backColor'] .icon,
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='backColor'] .icon {
      height: 17px;
      margin-top: 1px;
      width: 16px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='backColor'] .trigger,
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='backColor'] .trigger {
      padding-left: 0;
      padding-right: 0; }
      .toolbar.formatter-toolbar [class^='btn'][data-element='backColor'] .trigger .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'][data-element='backColor'] .trigger .icon {
        height: 16px;
        width: 12px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='u'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='u'] {
      margin-right: 10px; }
      .toolbar.formatter-toolbar [class^='btn'][data-element='u'] .icon,
      .flex-toolbar.formatter-toolbar [class^='btn'][data-element='u'] .icon {
        height: 17px;
        margin-top: 2px; }
    .toolbar.formatter-toolbar [class^='btn'][data-action='justifyLeft'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-action='justifyLeft'] {
      margin-left: 4px;
      margin-right: 18px; }
    .toolbar.formatter-toolbar [class^='btn'][data-action='justifyCenter'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-action='justifyCenter'] {
      margin-right: 18px; }
    .toolbar.formatter-toolbar [class^='btn'][data-action='justifyRight'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-action='justifyRight'] {
      margin-right: 16px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='blockquote'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='blockquote'] {
      margin-left: 1px;
      margin-right: 14px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='ol'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='ol'] {
      margin-right: 18px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='ul'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='ul'] {
      margin-right: 16px; }
    .toolbar.formatter-toolbar [class^='btn'][data-element='a'], .toolbar.formatter-toolbar [class^='btn'][data-element='img'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='a'],
    .flex-toolbar.formatter-toolbar [class^='btn'][data-element='img'] {
      margin-left: 4px;
      margin-right: 16px; }
    .toolbar.formatter-toolbar [class^='btn'].fontpicker,
    .flex-toolbar.formatter-toolbar [class^='btn'].fontpicker {
      padding: 0 10px; }
      .toolbar.formatter-toolbar [class^='btn'].fontpicker span,
      .flex-toolbar.formatter-toolbar [class^='btn'].fontpicker span {
        display: inline-block;
        max-width: 90px;
        width: 90px; }
  .toolbar.formatter-toolbar .btn-generative,
  .flex-toolbar.formatter-toolbar .btn-generative {
    background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
    border: none;
    padding-left: 1px;
    width: 24px; }
    .toolbar.formatter-toolbar .btn-generative:hover:not(.destructive):not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable),
    .flex-toolbar.formatter-toolbar .btn-generative:hover:not(.destructive):not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) {
      background: linear-gradient(107deg, #1A3362 17.32%, #0B9789 95.32%);
      border: none; }
      .toolbar.formatter-toolbar .btn-generative:hover:not(.destructive):not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon,
      .flex-toolbar.formatter-toolbar .btn-generative:hover:not(.destructive):not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable) svg.icon {
        color: #ffffff; }
    .toolbar.formatter-toolbar .btn-generative:active,
    .flex-toolbar.formatter-toolbar .btn-generative:active {
      background: linear-gradient(107deg, #0B9789 5.97%, #1A3362 102.35%); }
    .toolbar.formatter-toolbar .btn-generative:disabled,
    .flex-toolbar.formatter-toolbar .btn-generative:disabled {
      background: linear-gradient(107deg, rgba(37, 74, 146, 0.5) 17.32%, rgba(16, 183, 166, 0.5) 95.32%); }
    .toolbar.formatter-toolbar .btn-generative svg.icon,
    .flex-toolbar.formatter-toolbar .btn-generative svg.icon {
      color: #ffffff; }

.toolbar.formatter-toolbar .separator,
.flex-toolbar.formatter-toolbar .separator {
  height: 18px;
  margin: 0 10px 0 6px; }

.flex-toolbar.formatter-toolbar .toolbar-section.more .btn-actions {
  height: 25px;
  margin-right: 12px;
  min-height: 22px;
  top: -2px;
  width: 23px; }
  .flex-toolbar.formatter-toolbar .toolbar-section.more .btn-actions > .icon {
    left: 2px; }

.is-disabled .editor-toolbar {
  display: none; }

.editor-modal-image .modal-body.no-scroll {
  padding: 10px; }

.editor-source {
  background-color: transparent;
  border: 1px solid;
  border-color: transparent #BBBBBF #BBBBBF;
  border-radius: 0 0 2px 2px;
  font-size: 1.6rem;
  height: 320px;
  margin: 0 0 20px;
  min-height: 88px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%; }
  .editor-source textarea {
    background-color: transparent;
    border: 0;
    color: #000000;
    font-size: 1.6rem;
    font-weight: 400;
    height: 100%;
    line-height: 2.4rem;
    outline: none;
    overflow: hidden;
    padding: 14px 10px 10px;
    width: 100%; }
    .editor-source textarea:focus, .editor-source textarea.is-focused {
      box-shadow: none; }
  .editor-source > * {
    vertical-align: top; }
  .editor-source > .text-container {
    display: inline-block;
    min-height: 100%;
    overflow: visible;
    width: 100%; }
  .editor-source > .line-numbers {
    background-color: transparent;
    display: inline-block;
    min-height: 100%;
    padding: 14px 10px 10px; }
    .editor-source > .line-numbers > li {
      font-size: 1.6rem;
      line-height: 2.41rem;
      text-align: center; }
    .editor-source > .line-numbers span {
      color: #525257; }

.editor-toolbar.error {
  border-color: #da1217 #da1217 #BBBBBF; }
  .editor-toolbar.error + .editor-source {
    border-color: transparent #da1217 #da1217; }

.field-short .editor,
.form-layout-compact .field .editor {
  height: 220px; }

html.is-firefox .formatter-toolbar .fontpicker span {
  display: inline-block;
  padding-top: 2px;
  vertical-align: baseline; }

html.is-firefox .toolbar.formatter-toolbar .fontpicker span,
html.is-firefox .flex-toolbar.formatter-toolbar .fontpicker span {
  padding-top: 3px !important; }
  html.is-firefox .toolbar.formatter-toolbar .fontpicker span.audible + span:not([class]),
  html.is-firefox .flex-toolbar.formatter-toolbar .fontpicker span.audible + span:not([class]) {
    padding-top: unset !important; }

.modal-body .editor-container .icon-dirty {
  top: 33px; }

.editor table,
.editor thead,
.editor tbody,
.editor th,
.editor tr,
.editor td {
  border: inherit;
  border-color: #C5C5C9; }

.editor th {
  font-weight: 700; }

html[dir='rtl'] .editor-container .editor[data-error-type='tooltip'] ~ .icon-error {
  left: 40px; }

html[dir='rtl'] .editor ul,
html[dir='rtl'] .editor ol {
  margin-left: 0;
  margin-right: 2rem; }

html[dir='rtl'] .toolbar.formatter-toolbar .buttonset [class^='btn']:first-child,
html[dir='rtl'] .flex-toolbar.formatter-toolbar .buttonset [class^='btn']:first-child {
  margin-left: auto;
  margin-right: 16px; }
  html[dir='rtl'] .toolbar.formatter-toolbar .buttonset [class^='btn']:first-child.fontpicker,
  html[dir='rtl'] .flex-toolbar.formatter-toolbar .buttonset [class^='btn']:first-child.fontpicker {
    margin-right: 5px; }

html[dir='rtl'] .flex-toolbar.formatter-toolbar .toolbar-section.more .btn-actions {
  margin-left: 8px;
  margin-right: auto; }

.toolbar.formatter-toolbar .separator,
.flex-toolbar.formatter-toolbar .separator {
  height: 18px;
  margin: 1px 11px 0 7px; }

.toolbar.formatter-toolbar [class^='btn'],
.flex-toolbar.formatter-toolbar [class^='btn'] {
  margin-top: 3px;
  min-height: 24px; }
  .toolbar.formatter-toolbar [class^='btn']:first-child,
  .flex-toolbar.formatter-toolbar [class^='btn']:first-child {
    margin-left: 8px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor .icon:not(.icon-dropdown),
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor .icon:not(.icon-dropdown) {
    height: 18px;
    margin: -4px 1px 0;
    width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h3'], .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h4'],
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h3'],
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h4'] {
    margin-right: 8px;
    min-width: 32px; }
    .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h3'] .icon, .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h4'] .icon,
    .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h3'] .icon,
    .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='h4'] .icon {
      margin-left: auto;
      width: 30px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .icon,
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .icon {
    margin-right: 4px;
    margin-top: auto; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor.colorpicker-editor-button,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor.colorpicker-editor-button {
    right: 7px; }
    .toolbar.formatter-toolbar [class^='btn'].btn-editor.colorpicker-editor-button.is-open > span.swatch,
    .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor.colorpicker-editor-button.is-open > span.swatch {
      background-color: #0066D4; }
    .toolbar.formatter-toolbar [class^='btn'].btn-editor.colorpicker-editor-button > span.swatch,
    .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor.colorpicker-editor-button > span.swatch {
      background-color: #161618;
      display: flex;
      height: 0.25rem;
      position: relative;
      top: 16px;
      left: 2.8px;
      width: 1.5rem; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='b'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='b'] .icon {
    height: 18px;
    margin: -4px 0 0 2px;
    width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='i'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='i'] .icon {
    height: 18px;
    margin: -4px 0 0 1px;
    width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='u'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='u'] .icon {
    height: 18px;
    margin: -5px 0 0 1px;
    width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='strike'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='strike'] .icon {
    height: 18px;
    margin: -4px 0 0 1px;
    width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .icon {
    height: 18px;
    margin: -8px 0 0 1px;
    width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .trigger .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='foreColor'] .trigger .icon {
    margin: -6px 0 0 1px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='ul'],
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='ul'] {
    margin-right: 10px; }
    .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='ul'] .icon,
    .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='ul'] .icon {
      height: 18px;
      left: 0 !important;
      margin: -3px 0 1px;
      width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='a'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-element='a'] .icon {
    height: 18px;
    margin: -4px 1px 0;
    width: 18px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor[data-action='insertunorderedlist'] .icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor[data-action='insertunorderedlist'] .icon {
    left: 8px;
    position: relative; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor .icon.html-icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor .icon.html-icon {
    height: 30px;
    margin: -4px 2px 0;
    width: 40px; }
  .toolbar.formatter-toolbar [class^='btn'].btn-editor .icon.visual-icon,
  .flex-toolbar.formatter-toolbar [class^='btn'].btn-editor .icon.visual-icon {
    height: 30px;
    margin: -3px 2px 0;
    width: 52px; }

.toolbar.formatter-toolbar .more [class^='btn'].btn-editor .icon:not(.icon-dropdown),
.flex-toolbar.formatter-toolbar .more [class^='btn'].btn-editor .icon:not(.icon-dropdown) {
  height: 18px;
  margin: -6px -1px 0;
  width: 19px; }

.editor-container .icon-dirty {
  top: 61px; }

.editor p {
  line-height: 2.4rem; }

.is-safari .flex-toolbar.formatter-toolbar > * {
  display: unset; }

.form-compact-container .row {
  max-width: 100%; }

.form-compact-container .banner {
  display: flex; }
  .form-compact-container .banner .thumbnail {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 15px; }
  .form-compact-container .banner .summary-form {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 10px; }

.form-compact {
  margin: 0 auto; }
  .form-compact .row {
    min-height: 50px; }
    .form-compact .row:last-child {
      margin-bottom: 0; }
  .form-compact .column,
  .form-compact .columns {
    float: none;
    padding: 0; }
    .form-compact .column.form-section-header,
    .form-compact .columns.form-section-header {
      background-color: #ffffff;
      padding: 16px 8px 15px; }
    .form-compact .column fieldset,
    .form-compact .columns fieldset {
      height: 100%; }
    .form-compact .column label,
    .form-compact .column .checkbox-group legend,
    .form-compact .column .radio-group legend,
    .form-compact .columns label,
    .form-compact .columns .checkbox-group legend,
    .form-compact .columns .radio-group legend {
      -webkit-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      margin-bottom: 0;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .form-compact .column label:not(.radio-label):not(.checkbox-label),
      .form-compact .column .checkbox-group legend:not(.radio-label):not(.checkbox-label),
      .form-compact .column .radio-group legend:not(.radio-label):not(.checkbox-label),
      .form-compact .columns label:not(.radio-label):not(.checkbox-label),
      .form-compact .columns .checkbox-group legend:not(.radio-label):not(.checkbox-label),
      .form-compact .columns .radio-group legend:not(.radio-label):not(.checkbox-label) {
        overflow: hidden;
        padding: 8px 9px 0; }
      .form-compact .column label.required:not(.inline)::after,
      .form-compact .column .checkbox-group legend.required:not(.inline)::after,
      .form-compact .column .radio-group legend.required:not(.inline)::after,
      .form-compact .columns label.required:not(.inline)::after,
      .form-compact .columns .checkbox-group legend.required:not(.inline)::after,
      .form-compact .columns .radio-group legend.required:not(.inline)::after {
        color: #0072ED;
        content: '●';
        top: 0; }
    .form-compact .column label,
    .form-compact .columns label {
      background-color: #ffffff; }
      .form-compact .column label.radio-label, .form-compact .column label.checkbox-label,
      .form-compact .columns label.radio-label,
      .form-compact .columns label.checkbox-label {
        background-color: transparent; }
    .form-compact .column input,
    .form-compact .columns input {
      -webkit-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      background-color: #ffffff;
      border-bottom: 1px solid #000000;
      border-left: 0;
      border-radius: 0;
      border-right: 1px solid #000000;
      border-top: 0;
      padding: 8px;
      text-overflow: ellipsis;
      width: 100%; }
      .form-compact .column input:focus,
      .form-compact .columns input:focus {
        box-shadow: none; }
      .form-compact .column input.radio, .form-compact .column input.checkbox,
      .form-compact .columns input.radio,
      .form-compact .columns input.checkbox {
        background-color: transparent; }
    .form-compact .column.is-focused input,
    .form-compact .columns.is-focused input {
      background-color: #E6F1FD;
      border-bottom-color: #0072ED;
      border-left-color: #0072ED;
      border-right-color: #0072ED;
      border-top-color: transparent; }
      .form-compact .column.is-focused input.radio,
      .form-compact .columns.is-focused input.radio {
        background-color: transparent; }
    .form-compact .column.is-focused label,
    .form-compact .columns.is-focused label {
      background-color: #E6F1FD; }
      .form-compact .column.is-focused label.radio-label,
      .form-compact .columns.is-focused label.radio-label {
        background-color: transparent; }
    .form-compact .column.is-focused .radio-group,
    .form-compact .column.is-focused .checkbox-group,
    .form-compact .columns.is-focused .radio-group,
    .form-compact .columns.is-focused .checkbox-group {
      background-color: #E6F1FD;
      border-bottom-color: #0072ED; }
      .form-compact .column.is-focused .radio-group::after,
      .form-compact .column.is-focused .checkbox-group::after,
      .form-compact .columns.is-focused .radio-group::after,
      .form-compact .columns.is-focused .checkbox-group::after {
        border-left-color: #0072ED;
        border-right-color: #0072ED; }
      .form-compact .column.is-focused .radio-group label,
      .form-compact .column.is-focused .checkbox-group label,
      .form-compact .columns.is-focused .radio-group label,
      .form-compact .columns.is-focused .checkbox-group label {
        background-color: transparent; }
    .form-compact .column.is-readonly input,
    .form-compact .columns.is-readonly input {
      background-color: #E0E0E1;
      border-bottom-color: #BBBBBF;
      border-left-color: #BBBBBF;
      border-right-color: #BBBBBF;
      color: #000000; }
    .form-compact .column.is-readonly label,
    .form-compact .columns.is-readonly label {
      background-color: #E0E0E1;
      color: #000000; }
    .form-compact .column.is-readonly .radio-group,
    .form-compact .column.is-readonly .checkbox-group,
    .form-compact .columns.is-readonly .radio-group,
    .form-compact .columns.is-readonly .checkbox-group {
      background-color: #E0E0E1;
      border-bottom-color: #BBBBBF; }
      .form-compact .column.is-readonly .radio-group::after,
      .form-compact .column.is-readonly .checkbox-group::after,
      .form-compact .columns.is-readonly .radio-group::after,
      .form-compact .columns.is-readonly .checkbox-group::after {
        border-left-color: #BBBBBF;
        border-right-color: #BBBBBF; }
      .form-compact .column.is-readonly .radio-group label,
      .form-compact .column.is-readonly .checkbox-group label,
      .form-compact .columns.is-readonly .radio-group label,
      .form-compact .columns.is-readonly .checkbox-group label {
        background-color: transparent; }
    .form-compact .column.is-disabled input,
    .form-compact .columns.is-disabled input {
      border-bottom-color: #C5C5C9;
      border-left-color: #C5C5C9;
      border-right-color: #C5C5C9;
      color: #C5C5C9; }
    .form-compact .column.is-disabled .radio-group,
    .form-compact .column.is-disabled .checkbox-group,
    .form-compact .columns.is-disabled .radio-group,
    .form-compact .columns.is-disabled .checkbox-group {
      border-bottom-color: #C5C5C9; }
      .form-compact .column.is-disabled .radio-group::after,
      .form-compact .column.is-disabled .checkbox-group::after,
      .form-compact .columns.is-disabled .radio-group::after,
      .form-compact .columns.is-disabled .checkbox-group::after {
        border-left-color: #C5C5C9;
        border-right-color: #C5C5C9; }
  .form-compact .datepicker + .icon,
  .form-compact .timepicker + .icon {
    margin-top: auto; }
  .form-compact .datepicker + .icon {
    margin-left: -28px; }
  .form-compact .timepicker + .icon {
    margin-left: -31px; }
  .form-compact .lookup-wrapper {
    cursor: pointer;
    display: block;
    margin-bottom: auto; }
  .form-compact .lookup + .trigger .icon {
    top: 0; }
  .form-compact .field.field-checkbox {
    margin-bottom: 5px; }
    .form-compact .field.field-checkbox:first-of-type {
      margin-top: 26px; }
  .form-compact .checkbox-label {
    padding-left: 33px; }
  .form-compact input.checkbox:checked + label::after,
  .form-compact input.checkbox:checked + input[type='hidden'] + label::after,
  .form-compact span.checkbox > input:checked + label::after {
    left: 10px; }
  .form-compact label.inline .checkbox:checked ~ .label-text::after {
    left: 10px; }
  .form-compact .row .column fieldset,
  .form-compact .row .columns fieldset {
    margin-top: auto; }
  .form-compact .checkbox-group,
  .form-compact .radio-group {
    -webkit-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: background-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94), color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
    margin-bottom: 0;
    position: relative; }
    .form-compact .checkbox-group::after,
    .form-compact .radio-group::after {
      border-left-color: #000000;
      border-right-color: #000000;
      border-right-style: solid;
      border-right-width: 1px;
      bottom: 0;
      content: ' ';
      display: block;
      height: calc(100% - 26px);
      position: absolute;
      right: 0;
      width: 1px; }
    .form-compact .checkbox-group legend,
    .form-compact .radio-group legend {
      font-size: 12px;
      font-size: 1.2rem;
      background-color: transparent;
      color: #3B3B3F;
      float: left;
      margin-bottom: 8px;
      padding: 4px 9px 0;
      width: 100%; }
      .form-compact .checkbox-group legend + .radio-label,
      .form-compact .checkbox-group legend + input[type='radio'],
      .form-compact .checkbox-group legend + .field-checkbox,
      .form-compact .radio-group legend + .radio-label,
      .form-compact .radio-group legend + input[type='radio'],
      .form-compact .radio-group legend + .field-checkbox {
        clear: both; }
    .form-compact .checkbox-group input[type='radio'],
    .form-compact .radio-group input[type='radio'] {
      font-size: 18px;
      font-size: 1.8rem;
      background-color: transparent;
      color: #161618;
      padding: 0 9px 4px; }
  .form-compact .radio-label {
    padding-left: 33px; }
    .form-compact .radio-label:first-of-type {
      margin-top: 0; }
    .form-compact .radio-label::after {
      left: 12px; }

.form-section-header {
  font-size: 16px;
  font-size: 1.6rem;
  align-items: center;
  border-bottom: 1px solid #BBBBBF;
  display: flex;
  font-weight: 700; }

.is-firefox .form-compact input,
.is-firefox .form-compact textarea {
  line-height: normal; }

.ie .form-compact .column.form-section-header,
.ie .form-compact .columns.form-section-header {
  padding: 16px 8px 15px; }

html[dir='rtl'] .form-compact .row {
  padding-left: 0;
  padding-right: inherit; }

html[dir='rtl'] .form-compact .one.column,
html[dir='rtl'] .form-compact .one.columns,
html[dir='rtl'] .form-compact .one-one-half.column,
html[dir='rtl'] .form-compact .one-one-half.columns,
html[dir='rtl'] .form-compact .two.columns,
html[dir='rtl'] .form-compact .three.columns,
html[dir='rtl'] .form-compact .four.columns,
html[dir='rtl'] .form-compact .five.columns,
html[dir='rtl'] .form-compact .six.columns,
html[dir='rtl'] .form-compact .seven.columns,
html[dir='rtl'] .form-compact .eight.columns,
html[dir='rtl'] .form-compact .nine.columns,
html[dir='rtl'] .form-compact .ten.columns,
html[dir='rtl'] .form-compact .eleven.columns,
html[dir='rtl'] .form-compact .twelve.columns,
html[dir='rtl'] .form-compact .full.column,
html[dir='rtl'] .form-compact .one-third.column,
html[dir='rtl'] .form-compact .two-thirds.column,
html[dir='rtl'] .form-compact .one-half.column {
  margin-left: 0;
  margin-right: 0; }

html[dir='rtl'] .form-compact .column,
html[dir='rtl'] .form-compact .columns {
  float: none; }
  html[dir='rtl'] .form-compact .column input,
  html[dir='rtl'] .form-compact .columns input {
    border-left-style: solid;
    border-left-width: 1px;
    border-right-width: 0; }
  html[dir='rtl'] .form-compact .column .checkbox-group::after,
  html[dir='rtl'] .form-compact .column .radio-group::after,
  html[dir='rtl'] .form-compact .columns .checkbox-group::after,
  html[dir='rtl'] .form-compact .columns .radio-group::after {
    border-left-style: solid;
    border-left-width: 1px;
    border-right: 0;
    left: 0;
    right: auto; }

html[dir='rtl'] .form-compact .radio-label {
  padding-left: 0;
  padding-right: 33px; }
  html[dir='rtl'] .form-compact .radio-label::before {
    margin-right: -24px; }
  html[dir='rtl'] .form-compact .radio-label::after {
    left: auto;
    right: 13px; }

html[dir='rtl'] .form-compact .checkbox-label {
  padding-right: 41px !important; }

html[dir='rtl'] .form-compact input.checkbox:checked + label::after,
html[dir='rtl'] .form-compact input.checkbox:checked + input[type='hidden'] + label::after,
html[dir='rtl'] .form-compact span.checkbox > input:checked + label::after {
  left: auto;
  right: 22px; }

html[dir='rtl'] .form-compact label.inline .checkbox:checked ~ .label-text::after {
  left: auto;
  right: 22px; }

@media (max-width: 768px) {
  .form-compact-container .banner {
    flex-direction: column; }
    .form-compact-container .banner > * {
      align-items: center; }
  .form-compact-container .thumbnail {
    text-align: center; }
  .form-compact .row .column,
  .form-compact .row .columns {
    min-height: 50px; } }

@media (min-width: 767px) {
  .form-compact-container .summary-form .column,
  .form-compact-container .summary-form .columns {
    margin-left: 0; }
    .form-compact-container .summary-form .column .field:first-child,
    .form-compact-container .summary-form .columns .field:first-child {
      margin-top: 10px; }
  .form-compact {
    padding-bottom: 20px; }
    .form-compact .row {
      display: flex;
      padding-right: 0; }
      .form-compact .row .row {
        padding-right: 20px; }
    .form-compact .column,
    .form-compact .columns {
      padding: 0; }
      .form-compact .column:first-child .row,
      .form-compact .columns:first-child .row {
        padding-left: 20px; }
    .form-compact .one.column,
    .form-compact .one.columns {
      margin-left: 0;
      width: 8.33333333333%; }
    .form-compact .one-one-half.column,
    .form-compact .one-one-half.columns {
      margin-left: 0;
      width: 12.499999999965%; }
    .form-compact .two.columns {
      margin-left: 0;
      width: 16.6666666666%; }
    .form-compact .three.columns {
      margin-left: 0;
      width: 25%; }
    .form-compact .four.columns {
      margin-left: 0;
      width: 33.3333333333%; }
    .form-compact .five.columns {
      margin-left: 0;
      width: 41.6666666666%; }
    .form-compact .six.columns {
      margin-left: 0;
      width: 50%; }
    .form-compact .seven.columns {
      margin-left: 0;
      width: 58.3333333333%; }
    .form-compact .eight.columns {
      margin-left: 0;
      width: 66.6666666666%; }
    .form-compact .nine.columns {
      margin-left: 0;
      width: 75%; }
    .form-compact .ten.columns {
      margin-left: 0;
      width: 83.3333333333%; }
    .form-compact .eleven.columns {
      margin-left: 0;
      width: 91.6666666666%; }
    .form-compact .twelve.columns,
    .form-compact .full.column {
      margin-left: 0;
      width: 100%; }
      .form-compact .twelve.columns.center,
      .form-compact .full.column.center {
        display: block;
        min-width: 300px;
        text-align: center; }
    .form-compact .one-fifth.column {
      margin-left: 0;
      width: 20%; }
    .form-compact .one-fourth.column {
      margin-left: 0;
      width: 25%; }
    .form-compact .one-third.column {
      margin-left: 0;
      width: 33.3333333%; }
    .form-compact .two-thirds.column {
      margin-left: 0;
      width: 66.6666666666%; }
    .form-compact .one-half.column {
      margin-left: 0;
      width: 50%; }
  html[dir='rtl'] .form-compact .row .row {
    padding-left: 20px; }
  html[dir='rtl'] .form-compact .column:first-child .row,
  html[dir='rtl'] .form-compact .columns:first-child .row {
    padding-right: 20px; } }

.form-compact .column.form-section-header,
.form-compact .columns.form-section-header {
  padding: 0 10px; }

.form-compact .column label:not(.radio-label):not(.checkbox-label),
.form-compact .columns label:not(.radio-label):not(.checkbox-label) {
  padding: 4px 9px 0; }

.form-compact .column input,
.form-compact .columns input {
  padding: 5px 8px 4px; }

html[dir='rtl'] .form-compact .column label:not(.radio-label),
html[dir='rtl'] .form-compact .columns label:not(.radio-label) {
  padding: 7px 9px 0; }

html[dir='rtl'] .form-compact .column input:not(.radio),
html[dir='rtl'] .form-compact .columns input:not(.radio) {
  padding: 0 8px 7px; }

html[dir='rtl'] .form-compact input.checkbox:checked + label::after,
html[dir='rtl'] .form-compact input.checkbox:checked + input[type='hidden'] + label::after,
html[dir='rtl'] .form-compact span.checkbox > input:checked + label::after {
  top: 15px; }

html[dir='rtl'].is-firefox .form-compact .column label:not(.radio-label),
html[dir='rtl'].is-firefox .form-compact .columns label:not(.radio-label) {
  padding: 8px 9px 1px; }

html[dir='rtl'].is-firefox .form-compact .column input:not(.radio),
html[dir='rtl'].is-firefox .form-compact .columns input:not(.radio) {
  padding: 3px 8px 8px; }

html[dir='rtl'].is-firefox .form-compact input.checkbox:checked + label::after,
html[dir='rtl'].is-firefox .form-compact input.checkbox:checked + input[type='hidden'] + label::after,
html[dir='rtl'].is-firefox .form-compact span.checkbox > input:checked + label::after {
  top: 16px; }

.monthview {
  background-color: #ffffff;
  display: inline-block;
  min-height: 235px;
  min-width: 297px;
  text-align: center;
  transform: scaleY(1);
  transition: all 0.01s ease-out;
  vertical-align: middle;
  width: inherit;
  height: fit-content; }
  .monthview.is-monthyear {
    height: 370px; }
    .monthview.is-monthyear .calendar-toolbar {
      display: none; }
    .monthview.is-monthyear.is-monthonly {
      min-width: 225px; }
      .monthview.is-monthyear.is-monthonly .picklist-section {
        float: none !important; }
        .monthview.is-monthyear.is-monthonly .picklist-section.is-month::after, .monthview.is-monthyear.is-monthonly .picklist-section.is-year {
          display: none; }
    .monthview.is-monthyear.is-yearonly {
      min-width: 225px; }
      .monthview.is-monthyear.is-yearonly .picklist-section.is-month {
        display: none; }
    .monthview.is-monthyear .monthview-monthyear-pane {
      padding: 10px 0;
      position: static; }
      .monthview.is-monthyear .monthview-monthyear-pane .content {
        height: 302px; }
      .monthview.is-monthyear .monthview-monthyear-pane .picklist-section.is-month::after {
        height: calc(100% - 80px);
        left: 50%; }
    .monthview.is-monthyear .popup-footer {
      margin-top: 5px; }
      .monthview.is-monthyear .popup-footer button {
        margin-right: 0;
        width: 50%; }
        .monthview.is-monthyear .popup-footer button:nth-child(1) {
          margin-right: 0;
          position: relative; }
        .monthview.is-monthyear .popup-footer button:nth-child(2) {
          margin-right: 0;
          position: static; }
  .monthview .btn-monthyear-pane {
    border-radius: 2px;
    color: #161618;
    font-size: 2.8rem;
    font-weight: 400;
    margin-left: -5px;
    padding: 4px 0 5px; }
    .monthview .btn-monthyear-pane .year,
    .monthview .btn-monthyear-pane .month {
      top: 0; }
    .monthview .btn-monthyear-pane.active span,
    .monthview .btn-monthyear-pane.active .icon {
      color: #0072ED; }
    .monthview .btn-monthyear-pane.active .icon {
      transform: rotateX(180deg); }
    .monthview .btn-monthyear-pane .icon-opened,
    .monthview .btn-monthyear-pane .icon-closed {
      margin-left: 0 !important; }
  .monthview .monthview-monthyear-pane {
    background-color: #ffffff;
    max-height: calc(100% - 50px);
    overflow: hidden;
    position: absolute;
    top: 47px;
    width: 100%;
    z-index: 3011; }
    @media only screen and (max-device-width: 320px) {
      .monthview .monthview-monthyear-pane {
        min-width: 324px; } }
    .monthview .monthview-monthyear-pane .content {
      height: 312px;
      padding: 0 !important; }
    .monthview .monthview-monthyear-pane.is-yearfirst .picklist-section {
      float: right; }
    .monthview .monthview-monthyear-pane .picklist-section {
      display: inline-block;
      height: 100%;
      vertical-align: top;
      width: 50%; }
      .monthview .monthview-monthyear-pane .picklist-section.is-month::after {
        border-left: 1px solid #C5C5C9;
        content: ' ';
        height: calc(100% - 20px);
        left: calc(50% + 1px);
        position: absolute;
        top: 15px; }
    .monthview .monthview-monthyear-pane .picklist {
      align-items: center;
      display: flex;
      flex-direction: column;
      height: inherit;
      justify-content: space-around;
      padding: 5px 0; }
      .monthview .monthview-monthyear-pane .picklist.is-year {
        padding-left: 3px; }
      .monthview .monthview-monthyear-pane .picklist .picklist-item {
        width: 100%; }
        .monthview .monthview-monthyear-pane .picklist .picklist-item a {
          box-shadow: none;
          color: #3B3B3F;
          font-size: 1.6rem;
          text-decoration: none;
          user-select: none;
          border: 1px solid transparent;
          border-radius: 0;
          display: block;
          padding: 5px; }
          .monthview .monthview-monthyear-pane .picklist .picklist-item a:focus {
            border-color: #0072ED;
            box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
            outline: none;
            outline-style: none;
            -moz-outline-style: none; }
        .monthview .monthview-monthyear-pane .picklist .picklist-item.is-selected a {
          color: #ffffff;
          font-weight: 600;
          background-color: #0072ED;
          width: 100%; }
          .monthview .monthview-monthyear-pane .picklist .picklist-item.is-selected a .icon {
            color: #ffffff; }
        .monthview .monthview-monthyear-pane .picklist .picklist-item .icon {
          color: #6F6F76;
          position: relative;
          top: 3px; }
          .monthview .monthview-monthyear-pane .picklist .picklist-item .icon:hover {
            color: #161618; }
          .monthview .monthview-monthyear-pane .picklist .picklist-item .icon:active {
            color: #0072ED; }
        .monthview .monthview-monthyear-pane .picklist .picklist-item.up .icon {
          top: 3px; }
  .monthview.has-monthview-week-table .monthview-monthyear-pane .picklist-section.is-month::after {
    left: 189px; }
  .monthview tr {
    text-align: center; }
  .monthview thead th {
    font-size: 22.4px;
    font-size: 1.4rem;
    color: #3B3B3F;
    margin: 20px;
    text-transform: uppercase;
    width: 35px; }
  .monthview td {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 41px;
    width: 41px; }
    @media only screen and (max-width: 766px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
      .monthview td {
        height: 36px;
        width: 36px; } }
    @media only screen and (max-width: 766px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .monthview td {
        height: 36px;
        width: 36px; } }
    .monthview td .day-text {
      font-size: 22.4px;
      font-size: 1.4rem;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      border-radius: 50%;
      color: #3B3B3F;
      cursor: pointer;
      display: block;
      height: 36px;
      line-height: 36px;
      margin: 2px;
      transition: 0.2s background-color ease;
      width: 36px; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        .monthview td .day-text {
          height: 36px;
          line-height: 36px;
          width: 36px; } }
    .monthview td.is-selected.range {
      position: relative;
      z-index: 5; }
    .monthview td.range-prev.include-disabled .day-text, .monthview td.range-next.include-disabled .day-text, .monthview td.range-prev .day-text, .monthview td.range-next .day-text {
      background-color: #E0E0E1;
      position: relative;
      transition: none;
      z-index: 1; }
      .monthview td.range-prev.include-disabled .day-text::before, .monthview td.range-next.include-disabled .day-text::before, .monthview td.range-prev .day-text::before, .monthview td.range-next .day-text::before {
        content: '';
        display: inline-block;
        height: 36px;
        position: absolute;
        width: 43px;
        z-index: -1; }
    .monthview td.range-prev.include-disabled.is-disabled, .monthview td.range-next.include-disabled.is-disabled, .monthview td.range-prev.is-disabled, .monthview td.range-next.is-disabled {
      position: relative;
      z-index: 2; }
    .monthview td.range-prev.include-disabled:not(.is-disabled):focus, .monthview td.range-prev.include-disabled:focus, .monthview td.range-next.include-disabled:not(.is-disabled):focus, .monthview td.range-next.include-disabled:focus, .monthview td.range-prev:not(.is-disabled):focus, .monthview td.range-prev:focus, .monthview td.range-next:not(.is-disabled):focus, .monthview td.range-next:focus {
      border-color: transparent;
      box-shadow: none; }
    .monthview td.range-prev.include-disabled .day-text, .monthview td.range-prev .day-text {
      border-radius: 50% 0 0 50%; }
      .monthview td.range-prev.include-disabled .day-text::before, .monthview td.range-prev .day-text::before {
        background: radial-gradient(circle at 35px 50%, transparent 50%, #E0E0E1 50%);
        left: 100%; }
    .monthview td.range-prev.include-disabled:active, .monthview td.range-prev.include-disabled.is-selected, .monthview td.range-prev:active, .monthview td.range-prev.is-selected {
      z-index: 0; }
      .monthview td.range-prev.include-disabled:active .day-text, .monthview td.range-prev.include-disabled.is-selected .day-text, .monthview td.range-prev:active .day-text, .monthview td.range-prev.is-selected .day-text {
        border-radius: 50%; }
        .monthview td.range-prev.include-disabled:active .day-text::before, .monthview td.range-prev.include-disabled.is-selected .day-text::before, .monthview td.range-prev:active .day-text::before, .monthview td.range-prev.is-selected .day-text::before {
          background: radial-gradient(circle at 5px 50%, transparent 50%, #E0E0E1 50%);
          left: 35%; }
    .monthview td.range-prev.include-disabled:last-of-type .day-text, .monthview td.range-prev:last-of-type .day-text {
      border-radius: 50%; }
      .monthview td.range-prev.include-disabled:last-of-type .day-text::before, .monthview td.range-prev:last-of-type .day-text::before {
        background: none; }
    .monthview td.range-next.include-disabled .day-text, .monthview td.range-next .day-text {
      border-radius: 0 50% 50% 0; }
      .monthview td.range-next.include-disabled .day-text::before, .monthview td.range-next .day-text::before {
        background: radial-gradient(circle at -10px 50%, transparent 50%, #E0E0E1 50%);
        left: -100%; }
    .monthview td.range-next.include-disabled:active, .monthview td.range-next.include-disabled.is-selected, .monthview td.range-next:active, .monthview td.range-next.is-selected {
      z-index: 0; }
      .monthview td.range-next.include-disabled:active .day-text, .monthview td.range-next.include-disabled.is-selected .day-text, .monthview td.range-next:active .day-text, .monthview td.range-next.is-selected .day-text {
        border-radius: 50%; }
        .monthview td.range-next.include-disabled:active .day-text::before, .monthview td.range-next.include-disabled.is-selected .day-text::before, .monthview td.range-next:active .day-text::before, .monthview td.range-next.is-selected .day-text::before {
          background: radial-gradient(circle at 45px 50%, transparent 45%, #E0E0E1 50%);
          left: -65%; }
    .monthview td.range-next.include-disabled:first-of-type .day-text, .monthview td.range-next:first-of-type .day-text {
      border-radius: 50%; }
      .monthview td.range-next.include-disabled:first-of-type .day-text::before, .monthview td.range-next:first-of-type .day-text::before {
        background: none; }
    .monthview td.range-selection.include-disabled .day-text, .monthview td.range-selection .day-text {
      background-color: #0072ED;
      border-radius: 50% 0 0 50%;
      color: #ffffff;
      position: relative;
      transition: none;
      z-index: 1; }
      .monthview td.range-selection.include-disabled .day-text::before, .monthview td.range-selection .day-text::before {
        background: radial-gradient(circle at 35px 50%, transparent 50%, #0072ED 50%);
        content: '';
        display: inline-block;
        height: 36px;
        left: 100%;
        position: absolute;
        width: 37px;
        z-index: -1;
        margin-left: -1px; }
    .monthview td.range-selection.include-disabled.end-date .day-text::before, .monthview td.range-selection.end-date .day-text::before {
      width: 0; }
    .monthview td.range-selection.include-disabled:hover .day-text, .monthview td.range-selection:hover .day-text {
      background-color: #0072ED;
      color: #ffffff; }
    .monthview td.range-selection.include-disabled.is-today .day-text, .monthview td.range-selection.is-today .day-text {
      background-color: #0072ED;
      color: #ffffff; }
    .monthview td.range-selection.include-disabled:focus, .monthview td.range-selection.include-disabled.is-selected:focus, .monthview td.range-selection:focus, .monthview td.range-selection.is-selected:focus {
      border-color: transparent;
      box-shadow: none; }
      .monthview td.range-selection.include-disabled:focus .day-text::after, .monthview td.range-selection.include-disabled.is-selected:focus .day-text::after, .monthview td.range-selection:focus .day-text::after, .monthview td.range-selection.is-selected:focus .day-text::after {
        border: 1px solid #ffffff;
        border-radius: 50%;
        box-shadow: 0 0 3px 3px rgba(54, 138, 192, 0.1);
        content: '';
        height: 35px;
        left: 0;
        position: absolute;
        width: 35px; }
        @media only screen and (max-width: 766px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
          .monthview td.range-selection.include-disabled:focus .day-text::after, .monthview td.range-selection.include-disabled.is-selected:focus .day-text::after, .monthview td.range-selection:focus .day-text::after, .monthview td.range-selection.is-selected:focus .day-text::after {
            height: 34px;
            width: 34px; } }
        @media only screen and (max-width: 766px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
          .monthview td.range-selection.include-disabled:focus .day-text::after, .monthview td.range-selection.include-disabled.is-selected:focus .day-text::after, .monthview td.range-selection:focus .day-text::after, .monthview td.range-selection.is-selected:focus .day-text::after {
            height: 34px;
            width: 34px; } }
    .monthview td.range-selection.include-disabled + .range-selection.is-selected .day-text, .monthview td.range-selection.include-disabled.end-date .day-text, .monthview td.range-selection.include-disabled:last-of-type .day-text, .monthview td.range-selection + .range-selection.is-selected .day-text, .monthview td.range-selection.end-date .day-text, .monthview td.range-selection:last-of-type .day-text {
      border-radius: 50%; }
      .monthview td.range-selection.include-disabled + .range-selection.is-selected .day-text::before, .monthview td.range-selection.include-disabled.end-date .day-text::before, .monthview td.range-selection.include-disabled:last-of-type .day-text::before, .monthview td.range-selection + .range-selection.is-selected .day-text::before, .monthview td.range-selection.end-date .day-text::before, .monthview td.range-selection:last-of-type .day-text::before {
        background: none; }
    .monthview td.alternate .day-text {
      color: #BBBBBF !important; }
    .monthview td.is-today .day-text, .monthview td.is-today:focus .day-text {
      color: #161618;
      font-weight: 600; }
    .monthview td.is-today.is-selected,
    .monthview td.is-today.is-selected .day-text, .monthview td.is-today:focus.is-selected,
    .monthview td.is-today:focus.is-selected .day-text {
      color: #ffffff; }
    .monthview td:hover .day-text {
      background-color: #E0E0E1;
      color: #000000; }
    .monthview td.is-colored.is-selected .day-text {
      height: 34px;
      line-height: 34px;
      margin: 3px;
      width: 34px; }
    .monthview td.is-disabled, .monthview td.is-disabled:active {
      outline-style: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none; }
      .monthview td.is-disabled .day-text, .monthview td.is-disabled:active .day-text {
        background-color: #F5F5F5;
        border-radius: 50%;
        color: #C5C5C9;
        cursor: default;
        position: relative;
        z-index: 1; }
        .monthview td.is-disabled .day-text::before, .monthview td.is-disabled:active .day-text::before {
          background: none; }
    .monthview td.is-selected .day-text, .monthview td.is-selected:hover .day-text {
      background-color: #0072ED;
      color: #ffffff;
      font-weight: 600; }
    .monthview td:not(.is-disabled):focus {
      border-color: #0072ED;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
      outline: none;
      outline-style: none;
      -moz-outline-style: none; }
    .monthview td:active .day-text {
      background-color: #0072ED;
      color: #ffffff; }
  .monthview.is-timepicker td:focus {
    border-color: #0072ED; }
  .monthview .datepicker-timepicker {
    border: 0;
    box-shadow: none;
    left: 0;
    margin-bottom: -40px;
    position: relative;
    top: -108px;
    width: 300px; }
  .monthview .monthview-table {
    margin: 20px auto 0;
    padding: 0 10px; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .monthview .monthview-table {
        padding: 0; } }
    .monthview .monthview-table thead {
      height: 20px;
      vertical-align: top; }
  .monthview.is-fullsize.monthview {
    border: 1px solid #E0E0E1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 20px; }
    .monthview.is-fullsize.monthview tr td {
      border-bottom: 0; }
    .monthview.is-fullsize.monthview td {
      border: 1px solid #E0E0E1;
      border-radius: 0;
      height: 100px;
      width: 14.3%;
      overflow: hidden; }
      .monthview.is-fullsize.monthview td:first-child {
        border-left: 0; }
      .monthview.is-fullsize.monthview td:last-child {
        border-right: 0; }
      .monthview.is-fullsize.monthview td .day-container {
        display: block;
        height: 100%;
        width: 100%; }
      .monthview.is-fullsize.monthview td .day-text {
        border-radius: inherit;
        left: calc(100% - 25px);
        margin-bottom: -5px;
        position: relative;
        top: 0;
        width: 10px; }
        .monthview.is-fullsize.monthview td .day-text.current-day {
          left: calc(100% - 35px);
          background-color: #0072ED;
          color: #ffffff;
          width: 30px;
          height: 30px;
          line-height: 2.1;
          border-radius: 15px; }
        .monthview.is-fullsize.monthview td .day-text.month-label {
          font-weight: 600;
          left: auto;
          width: 100%;
          text-align: right;
          padding-right: 10px; }
      .monthview.is-fullsize.monthview td.is-disabled {
        background-color: #E0E0E1;
        opacity: 0.5; }
        .monthview.is-fullsize.monthview td.is-disabled .day-text {
          background-color: transparent;
          color: #28282A; }
      .monthview.is-fullsize.monthview td:hover:not(.is-disabled):not(.is-selected) {
        background-color: #E0E0E1;
        color: #3B3B3F; }
        .monthview.is-fullsize.monthview td:hover:not(.is-disabled):not(.is-selected) .day-text:not(.current-day) {
          background-color: transparent;
          color: #3B3B3F; }
      .monthview.is-fullsize.monthview td:active {
        background-color: #E0E0E1;
        color: #3B3B3F; }
        .monthview.is-fullsize.monthview td:active .day-text:not(.current-day) {
          background-color: transparent;
          color: #3B3B3F; }
      .monthview.is-fullsize.monthview td.is-selected {
        background-color: #E6F1FD; }
        .monthview.is-fullsize.monthview td.is-selected .day-text:not(.current-day) {
          background-color: inherit;
          color: #3B3B3F; }
      .monthview.is-fullsize.monthview td:focus {
        -webkit-box-shadow: inset 0 0 0 1px #0072ED;
        -moz-box-shadow: inset 0 0 0 1px #0072ED;
        box-shadow: inset 0 0 0 1px #0072ED; }
    .monthview.is-fullsize.monthview thead th {
      padding-bottom: 5px;
      text-transform: none; }
  .monthview.is-fullsize .monthview-table {
    border-collapse: collapse;
    margin: 7px auto 0;
    width: 100%; }
  .monthview.hide-buttons .prev,
  .monthview.hide-buttons .next {
    display: none; }
  .monthview.is-inpage {
    margin-bottom: 20px;
    min-height: 0; }
    .monthview.is-inpage.not-toggleable {
      min-height: 380px; }
    .monthview.is-inpage .monthview-monthyear-pane .content {
      height: auto; }
    .monthview.is-inpage .monthview-monthyear-pane .picklist-section.is-month {
      position: relative; }
      .monthview.is-inpage .monthview-monthyear-pane .picklist-section.is-month::after {
        left: unset;
        right: 0; }
    .monthview.is-inpage .monthview-monthyear-pane .picklist.is-month, .monthview.is-inpage .monthview-monthyear-pane .picklist.is-year {
      padding: 5px 0 0; }
    .monthview.is-inpage .monthview-monthyear-pane .picklist .picklist-item {
      width: 100%; }
      .monthview.is-inpage .monthview-monthyear-pane .picklist .picklist-item.up a, .monthview.is-inpage .monthview-monthyear-pane .picklist .picklist-item.down a {
        border-radius: 50%;
        display: inline-block;
        padding: 8px 10px; }
      .monthview.is-inpage .monthview-monthyear-pane .picklist .picklist-item.up:not(.is-selected) a, .monthview.is-inpage .monthview-monthyear-pane .picklist .picklist-item.down:not(.is-selected) a {
        --ripple-background: #0072ED; }
    .monthview.is-inpage .monthview-monthyear-pane.is-expanded {
      min-height: calc(100% - 50px); }
      .monthview.is-inpage .monthview-monthyear-pane.is-expanded .content {
        position: relative; }
    .monthview.is-inpage .monthview-inpage-calendar.is-expanded {
      min-height: 340px; }
    .monthview.is-inpage .monthview-table {
      border-spacing: 0;
      margin-top: 10px;
      padding: 0; }
      .monthview.is-inpage .monthview-table th {
        height: 30px; }
      .monthview.is-inpage .monthview-table td {
        border: none;
        height: auto;
        width: auto; }
        .monthview.is-inpage .monthview-table td:not(.is-selected):hover .day-text {
          background-color: inherit;
          color: #3B3B3F; }
          .monthview.is-inpage .monthview-table td:not(.is-selected):hover .day-text:hover {
            background-color: #E0E0E1;
            color: #000000; }
        .monthview.is-inpage .monthview-table td .day-container {
          border: 1px solid transparent;
          border-radius: 50%;
          display: inline-block;
          margin: 3px 0; }
          .monthview.is-inpage .monthview-table td .day-container .day-text {
            align-items: center;
            display: flex;
            height: 38px;
            justify-content: center;
            line-height: normal;
            width: 38px; }
        .monthview.is-inpage .monthview-table td.is-colored .day-text::before {
          background-color: var(--legendcolor);
          border-radius: 50%;
          content: '';
          display: inline-block;
          height: 38px;
          left: 2px;
          overflow: hidden;
          position: absolute;
          top: 2px;
          width: 38px;
          z-index: -1; }
        .monthview.is-inpage .monthview-table td.is-colored.is-selected .day-text {
          margin: 2px; }
          .monthview.is-inpage .monthview-table td.is-colored.is-selected .day-text::before {
            height: 44px;
            left: 0;
            top: 0;
            width: 44px; }
        .monthview.is-inpage .monthview-table td:not(.is-disabled):focus {
          border: none;
          box-shadow: none; }
          .monthview.is-inpage .monthview-table td:not(.is-disabled):focus .day-container {
            border-color: #0072ED;
            box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.1);
            outline: none;
            -moz-outline-style: none;
            outline-style: none; }
    .monthview.is-inpage .monthview-legend {
      max-width: 100%;
      text-align: start; }
      .monthview.is-inpage .monthview-legend.is-wrapped {
        line-height: 30px;
        text-align: center; }
      .monthview.is-inpage .monthview-legend .monthview-legend-swatch {
        height: 16px;
        width: 16px; }
      .monthview.is-inpage .monthview-legend .monthview-legend-text {
        color: #3B3B3F;
        font-size: inherit; }
    .monthview.is-inpage .is-ripple {
      overflow: hidden;
      position: relative; }
      .monthview.is-inpage .is-ripple::before {
        background: var(--ripple-background, #ffffff);
        border-radius: 50%;
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        height: calc(var(--d) * 1px);
        left: calc(var(--x) * 1px);
        top: calc(var(--y) * 1px);
        width: calc(var(--d) * 1px);
        opacity: calc(var(--o, 1) * 0.3);
        transform: translate(-50%, -50%) scale(var(--s, 1));
        transform-origin: center;
        transition: calc(var(--t, 0) * 600ms) linear; }
  .monthview .monthview-week-container {
    display: flex; }
    .monthview .monthview-week-container .monthview-week-table {
      min-width: 45px;
      margin-top: 20px;
      border-right: 1px solid #C5C5C9; }
      .monthview .monthview-week-container .monthview-week-table thead tr {
        height: 20px; }
        .monthview .monthview-week-container .monthview-week-table thead tr th {
          width: 42px; }
          .monthview .monthview-week-container .monthview-week-table thead tr th span {
            position: relative;
            top: -1px;
            color: #BBBBBF; }
      .monthview .monthview-week-container .monthview-week-table tbody tr td span {
        font-size: 14px;
        position: relative;
        top: -1px;
        color: #BBBBBF; }

.monthview-legend {
  margin: 0 auto;
  max-width: 300px;
  padding: 10px 5px 0; }
  .monthview-legend .monthview-legend-item {
    display: inline-block; }
  .monthview-legend .monthview-legend-text {
    font-size: 11px;
    font-size: 1.1rem;
    color: #6F6F76;
    padding: 0 17px 0 8px;
    position: relative;
    top: -2px; }
  .monthview-legend .monthview-legend-swatch {
    display: inline-block;
    height: 12px;
    width: 12px; }
    .monthview-legend .monthview-legend-swatch.default {
      background-color: #E0E0E1; }

html[dir='rtl'] .monthview td.range-prev.include-disabled .day-text, html[dir='rtl'] .monthview td.range-prev .day-text {
  border-radius: 0 50% 50% 0; }
  html[dir='rtl'] .monthview td.range-prev.include-disabled .day-text::before, html[dir='rtl'] .monthview td.range-prev .day-text::before {
    background: radial-gradient(circle at -10px 50%, transparent 50%, #E0E0E1 50%);
    left: -100%; }

html[dir='rtl'] .monthview td.range-prev.include-disabled:active .day-text, html[dir='rtl'] .monthview td.range-prev:active .day-text {
  border-radius: 50%; }
  html[dir='rtl'] .monthview td.range-prev.include-disabled:active .day-text::before, html[dir='rtl'] .monthview td.range-prev:active .day-text::before {
    background: radial-gradient(circle at 43px 50%, transparent 50%, #d8d8d8 50%);
    left: -60%; }

html[dir='rtl'] .monthview td.range-prev.include-disabled.is-selected .day-text, html[dir='rtl'] .monthview td.range-prev.is-selected .day-text {
  border-radius: 50%; }
  html[dir='rtl'] .monthview td.range-prev.include-disabled.is-selected .day-text::before, html[dir='rtl'] .monthview td.range-prev.is-selected .day-text::before {
    background: radial-gradient(circle at 35px 50%, transparent 50%, #E0E0E1 50%);
    left: 35%; }

html[dir='rtl'] .monthview td.range-prev.include-disabled:last-of-type .day-text, html[dir='rtl'] .monthview td.range-prev:last-of-type .day-text {
  border-radius: 50%; }
  html[dir='rtl'] .monthview td.range-prev.include-disabled:last-of-type .day-text::before, html[dir='rtl'] .monthview td.range-prev:last-of-type .day-text::before {
    background: none; }

html[dir='rtl'] .monthview td.range-next.include-disabled .day-text, html[dir='rtl'] .monthview td.range-next .day-text {
  border-radius: 50% 0 0 50%; }
  html[dir='rtl'] .monthview td.range-next.include-disabled .day-text::before, html[dir='rtl'] .monthview td.range-next .day-text::before {
    background: radial-gradient(circle at 35px 50%, transparent 50%, #E0E0E1 50%);
    left: 100%; }

html[dir='rtl'] .monthview td.range-next.include-disabled.is-selected .day-text, html[dir='rtl'] .monthview td.range-next.is-selected .day-text {
  border-radius: 50%; }
  html[dir='rtl'] .monthview td.range-next.include-disabled.is-selected .day-text::before, html[dir='rtl'] .monthview td.range-next.is-selected .day-text::before {
    background: radial-gradient(circle at 5px 50%, transparent 50%, #E0E0E1 50%);
    left: -50%; }

html[dir='rtl'] .monthview td.range-next.include-disabled:first-of-type .day-text, html[dir='rtl'] .monthview td.range-next:first-of-type .day-text {
  border-radius: 50%; }
  html[dir='rtl'] .monthview td.range-next.include-disabled:first-of-type .day-text::before, html[dir='rtl'] .monthview td.range-next:first-of-type .day-text::before {
    background: none; }

html[dir='rtl'] .monthview td.range-selection.include-disabled .day-text, html[dir='rtl'] .monthview td.range-selection .day-text {
  border-radius: 0 50% 50% 0; }
  html[dir='rtl'] .monthview td.range-selection.include-disabled .day-text::before, html[dir='rtl'] .monthview td.range-selection .day-text::before {
    background: radial-gradient(circle at -10px 50%, transparent 50%, #0072ED 50%);
    left: -100%; }

html[dir='rtl'] .monthview td.range-selection.include-disabled + .range-selection.is-selected .day-text, html[dir='rtl'] .monthview td.range-selection.include-disabled.end-date .day-text, html[dir='rtl'] .monthview td.range-selection.include-disabled:last-of-type .day-text, html[dir='rtl'] .monthview td.range-selection + .range-selection.is-selected .day-text, html[dir='rtl'] .monthview td.range-selection.end-date .day-text, html[dir='rtl'] .monthview td.range-selection:last-of-type .day-text {
  border-radius: 50%; }
  html[dir='rtl'] .monthview td.range-selection.include-disabled + .range-selection.is-selected .day-text::before, html[dir='rtl'] .monthview td.range-selection.include-disabled.end-date .day-text::before, html[dir='rtl'] .monthview td.range-selection.include-disabled:last-of-type .day-text::before, html[dir='rtl'] .monthview td.range-selection + .range-selection.is-selected .day-text::before, html[dir='rtl'] .monthview td.range-selection.end-date .day-text::before, html[dir='rtl'] .monthview td.range-selection:last-of-type .day-text::before {
    background: none; }

html[dir='rtl'] .monthview td.is-disabled:not(.include-disabled) .day-text, html[dir='rtl'] .monthview td.is-disabled:not(.include-disabled):active .day-text {
  border-radius: 50%; }
  html[dir='rtl'] .monthview td.is-disabled:not(.include-disabled) .day-text::before, html[dir='rtl'] .monthview td.is-disabled:not(.include-disabled):active .day-text::before {
    background: none !important; }

html[dir='rtl'] .monthview.is-fullsize td .day-text {
  left: unset;
  right: calc(100% - 25px); }

html[dir='rtl'] .monthview .expandable-area-trigger .icon {
  margin-right: 0 !important; }

html[dir='rtl'] .monthview .monthview-monthyear-pane.is-yearfirst .picklist-section {
  float: left; }

html[dir='rtl'] .monthview-footer button {
  border-left: 1px solid transparent;
  border-right: 1px solid #C5C5C9;
  float: right;
  margin: 0; }
  html[dir='rtl'] .monthview-footer button:nth-child(1) {
    border-left: 1px solid #C5C5C9;
    border-right: 1px solid transparent; }

.ie11 .monthview.is-fullsize.monthview,
.ie .monthview.is-fullsize.monthview {
  overflow-y: hidden; }

.monthview-popup.popover .hyperlink.today {
  top: -1px; }

.monthview.is-fullsize .toolbar-section {
  margin-top: -6px; }

.week-view {
  background-color: #ffffff;
  border: 1px solid #E0E0E1;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: auto; }
  .week-view.is-borderless {
    border: none; }
  .week-view .week-view-header {
    background-color: #ffffff;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3; }
    .week-view .week-view-header .calendar-toolbar {
      background-color: #ffffff; }
  .week-view th.week-view-header-cell {
    background-clip: padding-box;
    border-top: 0;
    font-size: 2.2rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: left;
    z-index: 3; }
  .week-view .week-view-header-wrapper.is-today {
    color: #0072ED;
    font-weight: 600; }
  .week-view .week-view-header-wrapper {
    padding: 4px 5px 0 4px;
    border-bottom: 4px solid transparent; }
    .week-view .week-view-header-wrapper .week-view-header-day-of-week {
      display: block;
      line-height: 2.5rem;
      text-align: center; }
      .week-view .week-view-header-wrapper .week-view-header-day-of-week.is-emphasis {
        font-size: 2rem; }
  .week-view .week-view-all-day-wrapper {
    border-top: 1px solid #E0E0E1;
    height: 44px;
    position: relative; }
    .week-view .week-view-all-day-wrapper.is-disabled {
      background-color: #E0E0E1;
      opacity: 0.5; }
    .week-view .week-view-all-day-wrapper .calendar-event {
      height: 20px;
      top: 1px; }
      .week-view .week-view-all-day-wrapper .calendar-event .calendar-event-content {
        line-height: normal;
        white-space: nowrap; }
      .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-start {
        border-radius: 3px 0 0 3px; }
      .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-continue {
        border-left: 0;
        border-radius: 0;
        left: -1px;
        width: calc(100% + 1px); }
        .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-continue .calendar-event-icon {
          display: none; }
        .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-continue .calendar-event-title {
          color: transparent; }
      .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-ends {
        border-left: 0;
        border-radius: 0 3px 3px 0;
        color: transparent;
        left: -1px;
        width: calc(100% + 1px); }
        .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-ends .calendar-event-icon {
          display: none; }
        .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-ends .calendar-event-title {
          color: transparent; }
  .week-view th:nth-child(1) .week-view-all-day-wrapper {
    border-top-color: transparent;
    padding: 5px; }
  .week-view .week-view-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%; }
    .week-view .week-view-table .week-view-allday-row {
      height: 4rem; }
    .week-view .week-view-table .week-view-hour-row,
    .week-view .week-view-table .week-view-half-hour-row {
      height: 2.5rem; }
    .week-view .week-view-table th,
    .week-view .week-view-table td {
      border-bottom: 1px solid #E0E0E1;
      border-right: 1px solid #E0E0E1;
      height: 25px; }
    .week-view .week-view-table th.week-view-header-cell .week-view-header-wrapper.is-today {
      height: calc(100% - 49px);
      min-height: 58px; }
      .week-view .week-view-table th.week-view-header-cell .week-view-header-wrapper.is-today span.week-view-header-day-of-week.is-emphasis {
        background-color: #0072ED;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        line-height: 1.5;
        color: #ffffff;
        margin: 0 auto; }
    .week-view .week-view-table td.is-selected {
      background-color: #E6F1FD; }
    .week-view .week-view-table td:focus {
      -webkit-box-shadow: inset 0 0 0 1px #0072ED;
      -moz-box-shadow: inset 0 0 0 1px #0072ED;
      box-shadow: inset 0 0 0 1px #0072ED;
      outline: 0; }
    .week-view .week-view-table td:hover {
      background-color: #E0E0E1; }
    .week-view .week-view-table th:nth-child(1) {
      font-size: 1.4rem;
      width: 60px; }
    .week-view .week-view-table tr td:nth-child(1) {
      font-size: 1.4rem; }
      .week-view .week-view-table tr td:nth-child(1) .week-view-cell-wrapper {
        padding: 0 5px; }
    .week-view .week-view-table tr:nth-child(odd) td:not(.is-focused) {
      border-bottom: 1px solid #F5F5F5; }
  .week-view .week-view-container {
    background-color: #ffffff;
    flex-shrink: 0; }
    .week-view .week-view-container th {
      background-color: #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 50px; }
    .week-view .week-view-container .week-view-allday-row th {
      top: 25px; }
  .week-view.toolbar-hidden .week-view-container .week-view-header-cell {
    top: 0; }
  .week-view.toolbar-hidden.is-borderless .week-view-container .week-view-header-cell {
    border-top: 1px solid #E0E0E1; }
  .week-view .week-view-cell-wrapper {
    height: 25px;
    min-width: 50px;
    padding: 0;
    position: relative; }
    .week-view .week-view-cell-wrapper.is-disabled {
      background-color: #E0E0E1;
      opacity: 0.5; }
  .week-view .week-view-time-marker {
    border: 1px solid #0072ED;
    display: block;
    height: 1px;
    margin-top: -2px;
    position: relative;
    top: -5px;
    width: 100%;
    z-index: 2; }
  .week-view .calendar-event {
    bottom: 0;
    height: 26px;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 1; }
    .week-view .calendar-event.reduced-padding .calendar-event-content {
      padding: 0 5px; }
    .week-view .calendar-event.is-cutoff {
      border-radius: 3px 3px 0 0; }
    .week-view .calendar-event .calendar-event-content {
      white-space: initial; }
    .week-view .calendar-event.is-ellipsis .calendar-event-content {
      white-space: nowrap; }
  .week-view.is-day-view th.week-view-header-cell .week-view-header-wrapper.is-today span.week-view-header-day-of-week.is-emphasis {
    width: 25px;
    height: 25px;
    border-radius: 15px;
    line-height: 1.5;
    color: #ffffff;
    margin: 0 auto;
    margin-bottom: 2px;
    font-size: 1.6rem;
    text-indent: 1px; }
  .week-view.is-day-view th.week-view-header-cell .week-view-header-wrapper.is-today span.week-view-header-day-of-week {
    color: #0072ED; }

.week-view.stacked-view {
  overflow: hidden; }
  .week-view.stacked-view .week-view-container {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    overflow: auto;
    height: 100%; }
  .week-view.stacked-view .week-view-stacked-header,
  .week-view.stacked-view .week-view-stacked-body,
  .week-view.stacked-view .week-view-stacked-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: #ffffff; }
  .week-view.stacked-view .week-view-header-cell,
  .week-view.stacked-view .week-view-body-cell {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden; }
    .week-view.stacked-view .week-view-header-cell:not(:last-child),
    .week-view.stacked-view .week-view-body-cell:not(:last-child) {
      border-inline-end: 1px solid #E0E0E1; }
  .week-view.stacked-view .week-view-stacked-header {
    position: sticky;
    align-self: flex-start;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #E0E0E1;
    z-index: 2; }
  .week-view.stacked-view .week-view-stacked-body {
    flex-grow: 1; }
    .week-view.stacked-view .week-view-stacked-body .week-view-body-cell {
      padding: 0 2px; }
    .week-view.stacked-view .week-view-stacked-body .calendar-event {
      display: block;
      position: relative;
      margin-block: 4px;
      min-height: 52px;
      height: unset; }
  .week-view.stacked-view .week-view-stacked-footer {
    position: sticky;
    bottom: 0;
    min-height: 24px;
    border-top: 1px solid #E0E0E1;
    z-index: 2; }
    .week-view.stacked-view .week-view-stacked-footer .week-view-footer-cell {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-flex;
      align-items: center;
      justify-content: center; }

html[dir='rtl'] .week-view .week-view-table-header th {
  text-align: right; }

html[dir='rtl'] .week-view .calendar-event .calendar-event-content {
  text-align: right; }

html[dir='rtl'] .week-view .week-view-all-day-wrapper .calendar-event.calendar-event-start {
  border-radius: 3px; }

.week-view .week-view-table-header th {
  font-size: 16px;
  font-size: 1.6rem; }

.week-view .week-view-table th:nth-child(1),
.week-view .week-view-table tr td:nth-child(1) {
  font-size: 12px;
  font-size: 1.2rem; }

.week-view .calendar-event.reduced-padding .calendar-event-content .calendar-event-title {
  position: relative;
  top: -1.5px; }

.notification {
  align-items: center;
  display: flex;
  height: 0;
  padding: 10px 15px;
  position: relative;
  z-index: 1; }
  .notification .notification-link {
    font-weight: 300;
    padding-left: 5px;
    text-decoration: underline; }
  .notification .notification-icon {
    flex-shrink: 0;
    margin-right: 10px;
    top: 0; }
  .notification .notification-close {
    margin-left: auto; }
  .notification.error {
    background-color: #FBE7E8;
    color: #3B3B3F; }
    .notification.error .notification-text {
      color: #3B3B3F;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .notification.error .notification-text::after {
        content: '';
        display: block; }
    .notification.error .notification-link,
    .notification.error .notification-close .icon {
      color: #3B3B3F; }
      .notification.error .notification-link:hover,
      .notification.error .notification-close .icon:hover {
        color: #161618; }
  .notification.alert {
    background-color: #FEF2E5;
    color: #3B3B3F; }
    .notification.alert .notification-text {
      color: #3B3B3F;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .notification.alert .notification-text::after {
        content: '';
        display: block; }
    .notification.alert .notification-link,
    .notification.alert .notification-close .icon {
      color: #3B3B3F; }
      .notification.alert .notification-link:hover,
      .notification.alert .notification-close .icon:hover {
        color: #161618; }
  .notification.success {
    background-color: #EBF9F1;
    color: #3B3B3F; }
    .notification.success .notification-text {
      color: #3B3B3F;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .notification.success .notification-text::after {
        content: '';
        display: block; }
    .notification.success .notification-link,
    .notification.success .notification-close .icon {
      color: #3B3B3F; }
      .notification.success .notification-link:hover,
      .notification.success .notification-close .icon:hover {
        color: #161618; }
  .notification.info {
    background-color: #E6F1FD;
    color: #3B3B3F; }
    .notification.info .notification-text {
      color: #3B3B3F;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .notification.info .notification-text::after {
        content: '';
        display: block; }
    .notification.info .notification-link,
    .notification.info .notification-close .icon {
      color: #3B3B3F; }
      .notification.info .notification-link:hover,
      .notification.info .notification-close .icon:hover {
        color: #161618; }

html[dir='rtl'] .notification .notification-link {
  padding-right: 5px; }

html[dir='rtl'] .notification .notification-icon {
  margin-left: 10px; }

html[dir='rtl'] .notification .notification-close {
  margin-right: auto; }

html[dir='rtl'] .notification button.notification-close {
  margin-left: 0; }

.notification-close .icon {
  height: 14px;
  top: 2px;
  width: 14px; }

.notification-badge-container {
  display: inline-flex;
  position: relative;
  vertical-align: middle; }
  .notification-badge-container .icon {
    width: 18px; }
  .notification-badge-container .notification-dot {
    border-radius: 4px;
    flex-wrap: wrap;
    height: 6px;
    position: absolute;
    width: 6px; }
    .notification-badge-container .notification-dot.notification-dot-alert {
      background-color: #DA1217; }
    .notification-badge-container .notification-dot.notification-dot-warning {
      background-color: #F98300; }
    .notification-badge-container .notification-dot.notification-dot-yield {
      background-color: #FFD100; }
    .notification-badge-container .notification-dot.notification-dot-complete {
      background-color: #2AC371; }
    .notification-badge-container .notification-dot.notification-dot-progress {
      background-color: #0066D4; }
    .notification-badge-container .notification-dot.notification-dot-caution {
      background-color: #7928E1; }
    .notification-badge-container .notification-dot.notification-dot-upper-right {
      right: 6px;
      top: -12px;
      transform: scale(1) translate(50%, -50%);
      transform-origin: 100% 0%; }
    .notification-badge-container .notification-dot.notification-dot-upper-left {
      top: -12px;
      left: -19px;
      transform: scale(1) translate(-50%, -50%);
      transform-origin: 0% 0%; }
    .notification-badge-container .notification-dot.notification-dot-lower-right {
      top: -5px;
      left: -12px;
      transform: scale(1) translate(50%, 50%);
      transform-origin: 100% 100%; }
    .notification-badge-container .notification-dot.notification-dot-lower-left {
      top: -5px;
      left: -19px;
      transform: scale(1) translate(-50%, 50%);
      transform-origin: 0% 100%; }
    .notification-badge-container .notification-dot.is-disabled {
      display: none; }

.widget:not(.auto-height) .chart-container.has-bottom-legend.auto-height .chart-legend.is-bottom {
  margin-top: unset; }

.widget:not(.auto-height) .chart-container .chart-legend.is-bottom .chart-legend-item.is-one-line {
  margin: 0 auto !important;
  padding: 0 2px 1px; }
  .widget:not(.auto-height) .chart-container .chart-legend.is-bottom .chart-legend-item.is-one-line + .list-button {
    margin-top: 3px; }

.axis-labels {
  font-size: 1.5rem; }

.chart-message {
  background-color: #FBE7E8;
  color: #28282A;
  padding: 20px;
  text-align: center; }

.chart-container {
  overflow: hidden; }
  .chart-container.has-bottom-legend.auto-height .chart-legend.is-bottom {
    padding: unset;
    margin-top: 20px; }
  .chart-container .chart-legend.is-bottom {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    .chart-container .chart-legend.is-bottom .chart-legend-item.is-two-column {
      display: flex; }
      .chart-container .chart-legend.is-bottom .chart-legend-item.is-two-column .chart-legend-color {
        min-height: 20px;
        min-width: 20px; }
      .chart-container .chart-legend.is-bottom .chart-legend-item.is-two-column .chart-legend-item-text {
        top: 0; }
    .chart-container .chart-legend.is-bottom .chart-legend-item.is-one-line {
      margin: 22px auto !important; }
  .chart-container .chart-legend .chart-legend-title {
    color: #161618;
    display: block;
    font-weight: 600;
    margin-bottom: 2px; }
  .chart-container svg {
    display: block;
    margin: 0 auto; }
  .chart-container .axis path,
  .chart-container .axis line {
    fill: none;
    shape-rendering: crispEdges;
    stroke: #E0E0E1; }
  .chart-container .axis .tick0 line {
    stroke: #525257; }
  .chart-container .axis.x .domain,
  .chart-container .axis.y .domain {
    stroke: transparent; }
  .chart-container .text,
  .chart-container text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #161618;
    fill: #161618;
    font-size: 1.6rem; }
    .chart-container .text::selection,
    .chart-container text::selection {
      color: #ffffff;
      fill: #ffffff; }
    .chart-container .text::-moz-selection,
    .chart-container text::-moz-selection {
      color: #ffffff;
      fill: #ffffff; }
  .chart-container .inverse {
    fill: #28282A; }
  .chart-container .chart-donut-text {
    font-size: 2.8rem; }
  .chart-container .label-line {
    stroke: #E0E0E1; }
  .chart-container .label-circle {
    fill: #E0E0E1; }
  .chart-container .is-hidden {
    filter: alpha(opacity=0);
    opacity: 0; }
  .chart-container .list-button {
    float: right;
    margin-right: 17px;
    margin-top: -4px;
    margin-bottom: 1px; }
  .chart-container.has-right-legend {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center; }
    .chart-container.has-right-legend svg {
      width: 75%; }
    .chart-container.has-right-legend .chart-legend {
      border-top: 0;
      margin: 30px;
      width: 30%; }
      .chart-container.has-right-legend .chart-legend .is-two-column {
        display: inline-flex;
        float: none;
        margin: 1px -5px;
        min-width: 58%;
        padding: 4px 5px;
        width: auto; }
      .chart-container.has-right-legend .chart-legend .chart-legend-color {
        height: 14px;
        margin: 0;
        min-width: 14px;
        max-width: 14px; }
      .chart-container.has-right-legend .chart-legend .chart-legend-item-text {
        color: #161618;
        font-weight: 400;
        padding-left: 7px;
        position: relative;
        white-space: pre-line; }
  .chart-container.empty-message {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top;
    margin-top: -20px; }
  .chart-container .ellipsis {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }

.chart-swatch {
  display: table; }
  .chart-swatch .swatch-caption {
    display: table-caption;
    margin-bottom: 0.7em;
    text-align: center; }
    .chart-swatch .swatch-caption .indicator-box {
      display: inline-block;
      height: 14px;
      margin-right: 10px;
      width: 14px; }
    .chart-swatch .swatch-caption b {
      position: relative;
      top: -2px; }
  .chart-swatch .swatch-row {
    display: table-row;
    height: 20px; }
    .chart-swatch .swatch-row div {
      border-bottom: 9px solid #3B3B3F;
      display: table-cell;
      height: 14px;
      width: 14px; }
    .chart-swatch .swatch-row span,
    .chart-swatch .swatch-row b {
      color: #ffffff;
      display: table-cell;
      line-height: 12px;
      padding: 0 5px; }
    .chart-swatch .swatch-row b {
      padding: 0; }
    .chart-swatch .swatch-row br {
      display: block;
      margin: 5px 0; }
  .chart-swatch.line .swatch-caption b {
    display: inline-block; }

.chart-tooltip-total {
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
  text-align: center; }

.chart-tooltip-value {
  color: #ffffff;
  display: block;
  text-align: center; }

.chart-legend {
  margin-left: 50px;
  margin-top: -9px; }
  .chart-legend.is-bottom {
    border-top: 1px solid #E0E0E1;
    margin: 0 auto;
    padding-bottom: 1em;
    padding-top: 0.5em; }
    .chart-legend.is-bottom.adjusted-height .chart-legend-item {
      align-items: center;
      display: flex !important;
      font-size: 0;
      padding: 0 4px 2px; }
      .chart-legend.is-bottom.adjusted-height .chart-legend-item.is-two-column {
        padding: 2px 5px 4px 2px; }
    .chart-legend.is-bottom.adjusted-height .chart-legend-item-text {
      position: relative; }
  .chart-legend.is-right {
    border-top: 1px solid #C5C5C9;
    margin: 0 auto;
    padding-bottom: 1em;
    padding-top: 1em; }
  .chart-legend .chart-legend-item {
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    cursor: pointer;
    float: left;
    margin: 7px 10px 7px 0;
    outline: none;
    padding: 3px 4px 0 !important; }
    .chart-legend .chart-legend-item[tabindex='-1'] {
      cursor: inherit; }
    .chart-legend .chart-legend-item[tabindex='0']:focus {
      border-color: #0072ED;
      border-radius: 4px;
      box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.1);
      outline: none; }
    .chart-legend .chart-legend-item.is-two-column {
      align-items: center;
      display: inline-block;
      float: none;
      margin: 0;
      padding: 0;
      width: 160px; }
    .chart-legend .chart-legend-item.is-one-line {
      height: inherit;
      padding: 0;
      min-height: 28px; }
  .chart-legend .chart-legend-color {
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    position: relative;
    width: 12px; }
  .chart-legend .chart-legend-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6F6F76;
    font-size: 1.6rem;
    line-height: 1.4rem;
    width: auto; }
  .chart-legend .lg .chart-legend-color {
    height: 20px;
    width: 20px; }
  .chart-legend .lg .chart-legend-item-text {
    vertical-align: super;
    white-space: normal; }

.chart-popup-menu {
  display: flex;
  height: 40px; }
  .chart-popup-menu .chart-popup-menu-color {
    height: 15px;
    width: 15px;
    margin: 12px 8px 0 0; }
  .chart-popup-menu .chart-popup-menu-text {
    font-family: "source sans pro", helvetica, arial, sans-serif;
    font-size: 1.4rem;
    line-height: 38px; }

.sparkline path {
  fill: none;
  stroke-width: 2px; }

.sparkline .bar-rect {
  fill: transparent;
  stroke-width: 0; }

.sparkline .point {
  stroke-width: 2; }

.sparkline .is-not-selected {
  opacity: 0.35; }

.chart-vertical-bar text {
  text-align: left; }

.chart-targeted-achievement {
  color: #3B3B3F;
  display: block;
  font-size: 1.6rem; }
  .chart-targeted-achievement .bar {
    background-color: #C5C5C9;
    border-radius: 2px;
    cursor: default;
    height: 2.8rem !important;
    margin-top: -2px; }
    .chart-targeted-achievement .bar.completed {
      margin-bottom: 5px;
      margin-top: -2.8rem;
      max-width: 100%; }
  .chart-targeted-achievement .target::after,
  .chart-targeted-achievement .completed::after {
    content: none !important; }
  .chart-targeted-achievement .remaining {
    background: repeating-linear-gradient(150deg, #55A3F3, #55A3F3 1px, #BEDCFA 1px, #BEDCFA 10px); }
  .chart-targeted-achievement .completed .value {
    display: none; }
  .chart-targeted-achievement .completed span {
    color: #6F6F76 !important;
    font-size: 1.6rem;
    font-weight: 400;
    right: auto;
    top: 20px; }
  .chart-targeted-achievement .target .value {
    display: none; }
  .chart-targeted-achievement .icon-error {
    display: inline-block;
    height: 16px;
    margin-bottom: 1px;
    margin-right: 0;
    width: 16px; }

.colored.label {
  color: #40BDBE; }
  .colored.label.amethyst07 {
    background-color: transparent;
    color: #6C23C9; }
    .colored.label.amethyst07 .value {
      color: #6C23C9; }
  .colored.label span {
    background: transparent;
    color: #6F6F76; }
  .colored.label .value {
    color: #40BDBE; }
    .colored.label .value.error-color, .colored.label .value.error {
      color: #da1217; }
    .colored.label .value.alert {
      color: #F98300; }
    .colored.label .value.alert-yellow {
      color: #FFD100; }
    .colored.label .value.alert-neutral {
      color: #C5C5C9; }
    .colored.label .value.dark {
      color: #6F6F76; }
    .colored.label .value.good {
      color: #2AC371; }
    .colored.label .value.primary {
      color: #0072ED; }

.svg-patterns {
  position: fixed;
  top: -9999999px; }

#svg-tooltip.tooltip.top .arrow, #svg-tooltip.tooltip.bottom .arrow {
  left: calc(50% - 6px); }

#svg-tooltip.tooltip.left .arrow, #svg-tooltip.tooltip.right .arrow {
  top: calc(50% - 6px); }

html[dir='rtl'] .chart-legend:not(.is-bottom) {
  margin-left: inherit;
  margin-right: 55px; }
  html[dir='rtl'] .chart-legend:not(.is-bottom) .chart-legend-color {
    margin-left: 10px;
    margin-right: inherit; }
  html[dir='rtl'] .chart-legend:not(.is-bottom) .chart-legend-item {
    float: right;
    margin-left: 10px;
    margin-right: 0; }

html[dir='rtl'] .chart-legend.is-bottom .chart-legend-color {
  margin-left: 10px;
  margin-right: 0; }

html[dir='rtl'] .completion-chart .icon-error {
  left: -20px; }

html[dir='rtl'] .completion-chart.chart-targeted-achievement .icon-error {
  left: -20px;
  right: auto; }

html[dir='rtl'] .chart-completion-target span:not(.audible),
html[dir='rtl'] .chart-completion span:not(.audible) {
  left: 2px;
  right: auto;
  text-align: left; }

html[dir='rtl'] .chart-completion-target .completed,
html[dir='rtl'] .chart-completion .completed {
  border-left: 1px solid #C5C5C9;
  border-right: 0 solid #C5C5C9; }
  html[dir='rtl'] .chart-completion-target .completed::after,
  html[dir='rtl'] .chart-completion .completed::after {
    left: auto;
    right: 100%; }

html[dir='rtl'] .chart-completion-target .target span:not(.audible),
html[dir='rtl'] .chart-completion .target span:not(.audible) {
  left: -2px;
  right: auto;
  text-align: right; }

html[dir='rtl'] .chart-completion-target .target::after,
html[dir='rtl'] .chart-completion .target::after {
  left: auto;
  right: 100%; }

html[dir='rtl'] .chart-completion-target .target-line,
html[dir='rtl'] .chart-completion .target-line {
  left: auto;
  right: 45px; }

html[dir='rtl'] .sparkline svg,
html[dir='rtl'] .chart-container.line-chart svg,
html[dir='rtl'] .chart-container.bullet-chart svg,
html[dir='rtl'] .chart-container.column-chart svg,
html[dir='rtl'] .chart-container.chart-vertical-bar svg {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }
  html[dir='rtl'] .sparkline svg text,
  html[dir='rtl'] .chart-container.line-chart svg text,
  html[dir='rtl'] .chart-container.bullet-chart svg text,
  html[dir='rtl'] .chart-container.column-chart svg text,
  html[dir='rtl'] .chart-container.chart-vertical-bar svg text {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
    html[dir='rtl'] .sparkline svg text.dir-ltr, html[dir='rtl'] .sparkline svg text.negative, html[dir='rtl'] .sparkline svg text.negative-value,
    html[dir='rtl'] .chart-container.line-chart svg text.dir-ltr,
    html[dir='rtl'] .chart-container.line-chart svg text.negative,
    html[dir='rtl'] .chart-container.line-chart svg text.negative-value,
    html[dir='rtl'] .chart-container.bullet-chart svg text.dir-ltr,
    html[dir='rtl'] .chart-container.bullet-chart svg text.negative,
    html[dir='rtl'] .chart-container.bullet-chart svg text.negative-value,
    html[dir='rtl'] .chart-container.column-chart svg text.dir-ltr,
    html[dir='rtl'] .chart-container.column-chart svg text.negative,
    html[dir='rtl'] .chart-container.column-chart svg text.negative-value,
    html[dir='rtl'] .chart-container.chart-vertical-bar svg text.dir-ltr,
    html[dir='rtl'] .chart-container.chart-vertical-bar svg text.negative,
    html[dir='rtl'] .chart-container.chart-vertical-bar svg text.negative-value {
      direction: ltr; }
  html[dir='rtl'] .sparkline svg tspan,
  html[dir='rtl'] .chart-container.line-chart svg tspan,
  html[dir='rtl'] .chart-container.bullet-chart svg tspan,
  html[dir='rtl'] .chart-container.column-chart svg tspan,
  html[dir='rtl'] .chart-container.chart-vertical-bar svg tspan {
    unicode-bidi: embed; }
  html[dir='rtl'] .sparkline svg .axis.y text,
  html[dir='rtl'] .chart-container.line-chart svg .axis.y text,
  html[dir='rtl'] .chart-container.bullet-chart svg .axis.y text,
  html[dir='rtl'] .chart-container.column-chart svg .axis.y text,
  html[dir='rtl'] .chart-container.chart-vertical-bar svg .axis.y text {
    text-anchor: start; }
  html[dir='rtl'] .sparkline svg .axis-labels text,
  html[dir='rtl'] .chart-container.line-chart svg .axis-labels text,
  html[dir='rtl'] .chart-container.bullet-chart svg .axis-labels text,
  html[dir='rtl'] .chart-container.column-chart svg .axis-labels text,
  html[dir='rtl'] .chart-container.chart-vertical-bar svg .axis-labels text {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
    -ms-transform: inherit;
    transform: inherit; }

.sparkline-tooltip {
  line-height: 5px !important; }
  .sparkline-tooltip b {
    line-height: 22px; }

.chart-container .chart-legend.is-bottom {
  padding-bottom: 0;
  padding-top: 5px; }
  .chart-container .chart-legend.is-bottom .chart-legend-item-text {
    color: #161618;
    font-weight: 400;
    top: 1px;
    position: relative; }

.chart-container.has-bottom-legend.auto-height .chart-legend.is-bottom {
  padding-left: 0; }

.chart-container .chart-legend .chart-legend-item-text,
.chart-container .text,
.chart-container text {
  font-family: "source sans pro", helvetica, arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.8rem; }

.chart-container .chart-donut-text {
  font-size: 1.8rem; }
  .chart-container .chart-donut-text ::selection {
    color: #ffffff;
    fill: #ffffff; }
  .chart-container .chart-donut-text ::-moz-selection {
    color: #ffffff;
    fill: #ffffff; }

.chart-container .chart-legend-title {
  font-size: 1.6rem; }

.chart-container .bar,
.chart-container .arc {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.chart-container .arc {
  stroke: #ffffff; }

.chart-container .bar {
  cursor: pointer;
  stroke: transparent;
  stroke-width: 1px; }

.chart-container.bar-chart-grouped .chart-legend {
  margin-top: 5px; }

.chart-container.bar-chart .series-group {
  outline: none; }

.chart-container.bar-chart svg .series-group g text.audible {
  opacity: 0; }

.bar-chart .chart-legend {
  margin-top: 0; }
  .bar-chart .chart-legend .chart-legend-color {
    margin-bottom: 0; }

html[dir='rtl'] .chart-container.bar-chart svg {
  transform: scale(-1, 1); }
  html[dir='rtl'] .chart-container.bar-chart svg text {
    transform: scale(-1, 1); }

.bullet-chart {
  font-size: 1.6rem; }
  .bullet-chart .range {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
  .bullet-chart .marker {
    stroke: #0072ED;
    stroke-width: 2px; }
  .bullet-chart .tick line {
    stroke: #6F6F76;
    stroke-width: 0.5px; }
  .bullet-chart .title {
    font-size: 1.6rem;
    font-weight: 600; }
  .bullet-chart .subtitle {
    font-weight: 400;
    text-transform: none; }

.bullet .range.s0 {
  color: #F5F5F5; }

.bullet .range.s1 {
  color: #E0E0E1; }

.bullet .range.s2 {
  color: #C5C5C9; }

.bullet .measure.s0 {
  color: #BEDCFA; }

.bullet .measure.s1 {
  color: #55A3F3; }

.bullet .measure.s2 {
  color: #0072ED; }

.bullet .measure.s3 {
  color: #0054B1; }

.bullet .measure.s4 {
  color: #003876; }

.chart-container.column-chart .domain {
  stroke: transparent; }

.chart-container.column-chart .tick line {
  stroke: #E0E0E1; }

.chart-container.column-chart .tick.tick0 line {
  stroke: #525257; }

.chart-container.column-chart .tick.is-selected {
  font-weight: 600; }

.chart-container.column-chart rect {
  cursor: pointer; }
  .chart-container.column-chart rect.is-not-selected {
    opacity: 0.35; }

.chart-container.input-size .chart-completion-target,
.chart-container.input-size .chart-completion,
.chart-container.input-size .label {
  width: 300px; }

.completion-chart {
  color: #3B3B3F;
  font-size: 1.6rem;
  margin: 0 0 8px 0; }
  .completion-chart .bar {
    cursor: initial; }

.field-short .completion-chart,
.form-layout-compact .field .completion-chart {
  font-size: 1.4rem; }
  .field-short .completion-chart .chart-targeted-achievement .bar, .field-short .completion-chart .chart-targeted-achievement.bar,
  .form-layout-compact .field .completion-chart .chart-targeted-achievement .bar,
  .form-layout-compact .field .completion-chart .chart-targeted-achievement.bar {
    height: 1.4rem !important; }
    .field-short .completion-chart .chart-targeted-achievement .bar.completed, .field-short .completion-chart .chart-targeted-achievement.bar.completed,
    .form-layout-compact .field .completion-chart .chart-targeted-achievement .bar.completed,
    .form-layout-compact .field .completion-chart .chart-targeted-achievement.bar.completed {
      margin-top: -1.4rem !important; }

.chart-completion-target,
.chart-completion {
  background-color: #C5C5C9;
  height: 10px;
  width: 100%; }
  .chart-completion-target.chart-completion,
  .chart-completion.chart-completion {
    margin-bottom: 25px;
    margin-top: 5px; }
    .chart-completion-target.chart-completion .completed,
    .chart-completion.chart-completion .completed {
      background-color: #40BDBE; }
      .chart-completion-target.chart-completion .completed.error-color, .chart-completion-target.chart-completion .completed.error,
      .chart-completion.chart-completion .completed.error-color,
      .chart-completion.chart-completion .completed.error {
        background-color: #da1217; }
      .chart-completion-target.chart-completion .completed::after,
      .chart-completion.chart-completion .completed::after {
        width: 0; }
  .chart-completion-target span:not(.audible),
  .chart-completion span:not(.audible) {
    font-size: 1.6rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 30px; }
    .chart-completion-target span:not(.audible).completed-label,
    .chart-completion-target span:not(.audible).completed-label span,
    .chart-completion span:not(.audible).completed-label,
    .chart-completion span:not(.audible).completed-label span {
      position: static;
      text-align: left;
      width: 100%; }
  .chart-completion-target .chart-percent-text,
  .chart-completion .chart-percent-text {
    cursor: default;
    font-size: 1.6rem;
    height: 25px;
    margin-top: -25px;
    position: relative;
    text-align: center; }
    .chart-completion-target .chart-percent-text.error-color, .chart-completion-target .chart-percent-text.error,
    .chart-completion .chart-percent-text.error-color,
    .chart-completion .chart-percent-text.error {
      color: #da1217; }
    .chart-completion-target .chart-percent-text.alert,
    .chart-completion .chart-percent-text.alert {
      color: #F98300; }
    .chart-completion-target .chart-percent-text.alert-yellow,
    .chart-completion .chart-percent-text.alert-yellow {
      color: #FFD100; }
    .chart-completion-target .chart-percent-text.alert-neutral,
    .chart-completion .chart-percent-text.alert-neutral {
      color: #C5C5C9; }
    .chart-completion-target .chart-percent-text.dark,
    .chart-completion .chart-percent-text.dark {
      color: #6F6F76; }
    .chart-completion-target .chart-percent-text.good,
    .chart-completion .chart-percent-text.good {
      color: #2AC371; }
    .chart-completion-target .chart-percent-text.primary,
    .chart-completion .chart-percent-text.primary {
      color: #0072ED; }
    .chart-completion-target .chart-percent-text.inverse,
    .chart-completion .chart-percent-text.inverse {
      color: #ffffff; }
  .chart-completion-target .chart-targeted-text,
  .chart-completion .chart-targeted-text {
    left: 50%;
    margin-top: -38px;
    position: relative; }
    .chart-completion-target .chart-targeted-text.l-center,
    .chart-completion .chart-targeted-text.l-center {
      left: 0;
      text-align: center; }
  .chart-completion-target .completed,
  .chart-completion .completed {
    background-color: #25AF65;
    height: 10px;
    margin-top: -10px;
    position: relative;
    transition: width 0.2s ease 0s;
    width: 50%; }
    .chart-completion-target .completed.is-empty::after,
    .chart-completion .completed.is-empty::after {
      content: none; }
    .chart-completion-target .completed span,
    .chart-completion .completed span {
      color: #25AF65; }
      .chart-completion-target .completed span.value, .chart-completion-target .completed span.text,
      .chart-completion .completed span.value,
      .chart-completion .completed span.text {
        position: static; }
    .chart-completion-target .completed.error-color, .chart-completion-target .completed.error,
    .chart-completion .completed.error-color,
    .chart-completion .completed.error {
      background-color: #da1217; }
      .chart-completion-target .completed.error-color span, .chart-completion-target .completed.error span,
      .chart-completion .completed.error-color span,
      .chart-completion .completed.error span {
        color: #da1217; }
    .chart-completion-target .completed.alert,
    .chart-completion .completed.alert {
      background-color: #F98300; }
      .chart-completion-target .completed.alert span,
      .chart-completion .completed.alert span {
        color: #F98300; }
    .chart-completion-target .completed.alert-yellow,
    .chart-completion .completed.alert-yellow {
      background-color: #FFD100; }
      .chart-completion-target .completed.alert-yellow span,
      .chart-completion .completed.alert-yellow span {
        color: #FFD100; }
    .chart-completion-target .completed.alert-neutral,
    .chart-completion .completed.alert-neutral {
      background-color: #C5C5C9; }
      .chart-completion-target .completed.alert-neutral span,
      .chart-completion .completed.alert-neutral span {
        color: #C5C5C9; }
    .chart-completion-target .completed.good,
    .chart-completion .completed.good {
      background-color: #2AC371; }
      .chart-completion-target .completed.good span,
      .chart-completion .completed.good span {
        color: #2AC371; }
    .chart-completion-target .completed.primary,
    .chart-completion .completed.primary {
      background-color: #0072ED; }
      .chart-completion-target .completed.primary span,
      .chart-completion .completed.primary span {
        color: #0072ED; }
    .chart-completion-target .completed.dark,
    .chart-completion .completed.dark {
      background-color: #6F6F76; }
      .chart-completion-target .completed.dark span,
      .chart-completion .completed.dark span {
        color: #6F6F76; }
    .chart-completion-target .completed::after,
    .chart-completion .completed::after {
      background-color: inherit;
      content: '';
      height: 30px;
      left: 100%;
      position: absolute;
      width: 2px; }
  .chart-completion-target .target,
  .chart-completion .target {
    background-color: #525257;
    height: 10px;
    margin-top: 8px;
    position: relative;
    transition: width 0.5s ease 0s;
    width: 60%; }
    .chart-completion-target .target span,
    .chart-completion .target span {
      color: #3B3B3F;
      font-size: 1.6rem;
      position: absolute;
      text-align: right;
      top: 34px; }
      .chart-completion-target .target span.value, .chart-completion-target .target span.text,
      .chart-completion .target span.value,
      .chart-completion .target span.text {
        position: static; }
    .chart-completion-target .target::after,
    .chart-completion .target::after {
      background-color: inherit;
      content: '';
      height: 30px;
      left: 100%;
      position: absolute;
      width: 2px; }
    .chart-completion-target .target.overlap span,
    .chart-completion .target.overlap span {
      color: #3B3B3F;
      top: 70px;
      transition: top 0.5s ease 0s; }
    .chart-completion-target .target.overlap::after,
    .chart-completion .target.overlap::after {
      height: 65px;
      transition: height 0.5s ease 0s; }
  .chart-completion-target .target-line,
  .chart-completion .target-line {
    background-color: #6C23C9;
    border-radius: 1px;
    color: transparent;
    height: 20px;
    left: 45px;
    margin-top: -15px;
    position: relative;
    width: 5px;
    z-index: 1; }
  .chart-completion-target.overlap,
  .chart-completion.overlap {
    margin-bottom: 100px !important;
    transition: margin 0.5s ease 0s; }
  .chart-completion-target .total.bar.error-color, .chart-completion-target .total.bar.error,
  .chart-completion-target .remaining.bar.error-color,
  .chart-completion-target .remaining.bar.error,
  .chart-completion-target .completed.bar.error-color,
  .chart-completion-target .completed.bar.error,
  .chart-completion-target .completed-label.bar.error-color,
  .chart-completion-target .completed-label.bar.error,
  .chart-completion-target .target-line.bar.error-color,
  .chart-completion-target .target-line.bar.error,
  .chart-completion .total.bar.error-color,
  .chart-completion .total.bar.error,
  .chart-completion .remaining.bar.error-color,
  .chart-completion .remaining.bar.error,
  .chart-completion .completed.bar.error-color,
  .chart-completion .completed.bar.error,
  .chart-completion .completed-label.bar.error-color,
  .chart-completion .completed-label.bar.error,
  .chart-completion .target-line.bar.error-color,
  .chart-completion .target-line.bar.error {
    background-color: #da1217; }
  .chart-completion-target .total.bar.alert,
  .chart-completion-target .remaining.bar.alert,
  .chart-completion-target .completed.bar.alert,
  .chart-completion-target .completed-label.bar.alert,
  .chart-completion-target .target-line.bar.alert,
  .chart-completion .total.bar.alert,
  .chart-completion .remaining.bar.alert,
  .chart-completion .completed.bar.alert,
  .chart-completion .completed-label.bar.alert,
  .chart-completion .target-line.bar.alert {
    background-color: #F98300; }
  .chart-completion-target .total.bar.warning,
  .chart-completion-target .remaining.bar.warning,
  .chart-completion-target .completed.bar.warning,
  .chart-completion-target .completed-label.bar.warning,
  .chart-completion-target .target-line.bar.warning,
  .chart-completion .total.bar.warning,
  .chart-completion .remaining.bar.warning,
  .chart-completion .completed.bar.warning,
  .chart-completion .completed-label.bar.warning,
  .chart-completion .target-line.bar.warning {
    background-color: #FFD100; }
  .chart-completion-target .total.bar.alert-yellow,
  .chart-completion-target .remaining.bar.alert-yellow,
  .chart-completion-target .completed.bar.alert-yellow,
  .chart-completion-target .completed-label.bar.alert-yellow,
  .chart-completion-target .target-line.bar.alert-yellow,
  .chart-completion .total.bar.alert-yellow,
  .chart-completion .remaining.bar.alert-yellow,
  .chart-completion .completed.bar.alert-yellow,
  .chart-completion .completed-label.bar.alert-yellow,
  .chart-completion .target-line.bar.alert-yellow {
    background-color: #FFD100; }
  .chart-completion-target .total.bar.alert-neutral,
  .chart-completion-target .remaining.bar.alert-neutral,
  .chart-completion-target .completed.bar.alert-neutral,
  .chart-completion-target .completed-label.bar.alert-neutral,
  .chart-completion-target .target-line.bar.alert-neutral,
  .chart-completion .total.bar.alert-neutral,
  .chart-completion .remaining.bar.alert-neutral,
  .chart-completion .completed.bar.alert-neutral,
  .chart-completion .completed-label.bar.alert-neutral,
  .chart-completion .target-line.bar.alert-neutral {
    background-color: #C5C5C9; }
  .chart-completion-target .total.bar.dark,
  .chart-completion-target .remaining.bar.dark,
  .chart-completion-target .completed.bar.dark,
  .chart-completion-target .completed-label.bar.dark,
  .chart-completion-target .target-line.bar.dark,
  .chart-completion .total.bar.dark,
  .chart-completion .remaining.bar.dark,
  .chart-completion .completed.bar.dark,
  .chart-completion .completed-label.bar.dark,
  .chart-completion .target-line.bar.dark {
    background-color: #6F6F76; }
  .chart-completion-target .total.bar.good,
  .chart-completion-target .remaining.bar.good,
  .chart-completion-target .completed.bar.good,
  .chart-completion-target .completed-label.bar.good,
  .chart-completion-target .target-line.bar.good,
  .chart-completion .total.bar.good,
  .chart-completion .remaining.bar.good,
  .chart-completion .completed.bar.good,
  .chart-completion .completed-label.bar.good,
  .chart-completion .target-line.bar.good {
    background-color: #2AC371; }
  .chart-completion-target .total.bar.primary,
  .chart-completion-target .remaining.bar.primary,
  .chart-completion-target .completed.bar.primary,
  .chart-completion-target .completed-label.bar.primary,
  .chart-completion-target .target-line.bar.primary,
  .chart-completion .total.bar.primary,
  .chart-completion .remaining.bar.primary,
  .chart-completion .completed.bar.primary,
  .chart-completion .completed-label.bar.primary,
  .chart-completion .target-line.bar.primary {
    background-color: #0072ED; }
  .chart-completion-target .total .text.error-color, .chart-completion-target .total .text.error,
  .chart-completion-target .total .value.error-color,
  .chart-completion-target .total .value.error,
  .chart-completion-target .remaining .text.error-color,
  .chart-completion-target .remaining .text.error,
  .chart-completion-target .remaining .value.error-color,
  .chart-completion-target .remaining .value.error,
  .chart-completion-target .completed .text.error-color,
  .chart-completion-target .completed .text.error,
  .chart-completion-target .completed .value.error-color,
  .chart-completion-target .completed .value.error,
  .chart-completion-target .completed-label .text.error-color,
  .chart-completion-target .completed-label .text.error,
  .chart-completion-target .completed-label .value.error-color,
  .chart-completion-target .completed-label .value.error,
  .chart-completion-target .target-line .text.error-color,
  .chart-completion-target .target-line .text.error,
  .chart-completion-target .target-line .value.error-color,
  .chart-completion-target .target-line .value.error,
  .chart-completion .total .text.error-color,
  .chart-completion .total .text.error,
  .chart-completion .total .value.error-color,
  .chart-completion .total .value.error,
  .chart-completion .remaining .text.error-color,
  .chart-completion .remaining .text.error,
  .chart-completion .remaining .value.error-color,
  .chart-completion .remaining .value.error,
  .chart-completion .completed .text.error-color,
  .chart-completion .completed .text.error,
  .chart-completion .completed .value.error-color,
  .chart-completion .completed .value.error,
  .chart-completion .completed-label .text.error-color,
  .chart-completion .completed-label .text.error,
  .chart-completion .completed-label .value.error-color,
  .chart-completion .completed-label .value.error,
  .chart-completion .target-line .text.error-color,
  .chart-completion .target-line .text.error,
  .chart-completion .target-line .value.error-color,
  .chart-completion .target-line .value.error {
    color: #da1217; }
  .chart-completion-target .total .text.alert,
  .chart-completion-target .total .value.alert,
  .chart-completion-target .remaining .text.alert,
  .chart-completion-target .remaining .value.alert,
  .chart-completion-target .completed .text.alert,
  .chart-completion-target .completed .value.alert,
  .chart-completion-target .completed-label .text.alert,
  .chart-completion-target .completed-label .value.alert,
  .chart-completion-target .target-line .text.alert,
  .chart-completion-target .target-line .value.alert,
  .chart-completion .total .text.alert,
  .chart-completion .total .value.alert,
  .chart-completion .remaining .text.alert,
  .chart-completion .remaining .value.alert,
  .chart-completion .completed .text.alert,
  .chart-completion .completed .value.alert,
  .chart-completion .completed-label .text.alert,
  .chart-completion .completed-label .value.alert,
  .chart-completion .target-line .text.alert,
  .chart-completion .target-line .value.alert {
    color: #F98300; }
  .chart-completion-target .total .text.alert-yellow,
  .chart-completion-target .total .value.alert-yellow,
  .chart-completion-target .remaining .text.alert-yellow,
  .chart-completion-target .remaining .value.alert-yellow,
  .chart-completion-target .completed .text.alert-yellow,
  .chart-completion-target .completed .value.alert-yellow,
  .chart-completion-target .completed-label .text.alert-yellow,
  .chart-completion-target .completed-label .value.alert-yellow,
  .chart-completion-target .target-line .text.alert-yellow,
  .chart-completion-target .target-line .value.alert-yellow,
  .chart-completion .total .text.alert-yellow,
  .chart-completion .total .value.alert-yellow,
  .chart-completion .remaining .text.alert-yellow,
  .chart-completion .remaining .value.alert-yellow,
  .chart-completion .completed .text.alert-yellow,
  .chart-completion .completed .value.alert-yellow,
  .chart-completion .completed-label .text.alert-yellow,
  .chart-completion .completed-label .value.alert-yellow,
  .chart-completion .target-line .text.alert-yellow,
  .chart-completion .target-line .value.alert-yellow {
    color: #FFD100; }
  .chart-completion-target .total .text.alert-neutral,
  .chart-completion-target .total .value.alert-neutral,
  .chart-completion-target .remaining .text.alert-neutral,
  .chart-completion-target .remaining .value.alert-neutral,
  .chart-completion-target .completed .text.alert-neutral,
  .chart-completion-target .completed .value.alert-neutral,
  .chart-completion-target .completed-label .text.alert-neutral,
  .chart-completion-target .completed-label .value.alert-neutral,
  .chart-completion-target .target-line .text.alert-neutral,
  .chart-completion-target .target-line .value.alert-neutral,
  .chart-completion .total .text.alert-neutral,
  .chart-completion .total .value.alert-neutral,
  .chart-completion .remaining .text.alert-neutral,
  .chart-completion .remaining .value.alert-neutral,
  .chart-completion .completed .text.alert-neutral,
  .chart-completion .completed .value.alert-neutral,
  .chart-completion .completed-label .text.alert-neutral,
  .chart-completion .completed-label .value.alert-neutral,
  .chart-completion .target-line .text.alert-neutral,
  .chart-completion .target-line .value.alert-neutral {
    color: #C5C5C9; }
  .chart-completion-target .total .text.dark,
  .chart-completion-target .total .value.dark,
  .chart-completion-target .remaining .text.dark,
  .chart-completion-target .remaining .value.dark,
  .chart-completion-target .completed .text.dark,
  .chart-completion-target .completed .value.dark,
  .chart-completion-target .completed-label .text.dark,
  .chart-completion-target .completed-label .value.dark,
  .chart-completion-target .target-line .text.dark,
  .chart-completion-target .target-line .value.dark,
  .chart-completion .total .text.dark,
  .chart-completion .total .value.dark,
  .chart-completion .remaining .text.dark,
  .chart-completion .remaining .value.dark,
  .chart-completion .completed .text.dark,
  .chart-completion .completed .value.dark,
  .chart-completion .completed-label .text.dark,
  .chart-completion .completed-label .value.dark,
  .chart-completion .target-line .text.dark,
  .chart-completion .target-line .value.dark {
    color: #6F6F76; }
  .chart-completion-target .total .text.good,
  .chart-completion-target .total .value.good,
  .chart-completion-target .remaining .text.good,
  .chart-completion-target .remaining .value.good,
  .chart-completion-target .completed .text.good,
  .chart-completion-target .completed .value.good,
  .chart-completion-target .completed-label .text.good,
  .chart-completion-target .completed-label .value.good,
  .chart-completion-target .target-line .text.good,
  .chart-completion-target .target-line .value.good,
  .chart-completion .total .text.good,
  .chart-completion .total .value.good,
  .chart-completion .remaining .text.good,
  .chart-completion .remaining .value.good,
  .chart-completion .completed .text.good,
  .chart-completion .completed .value.good,
  .chart-completion .completed-label .text.good,
  .chart-completion .completed-label .value.good,
  .chart-completion .target-line .text.good,
  .chart-completion .target-line .value.good {
    color: #2AC371; }
  .chart-completion-target .total .text.primary,
  .chart-completion-target .total .value.primary,
  .chart-completion-target .remaining .text.primary,
  .chart-completion-target .remaining .value.primary,
  .chart-completion-target .completed .text.primary,
  .chart-completion-target .completed .value.primary,
  .chart-completion-target .completed-label .text.primary,
  .chart-completion-target .completed-label .value.primary,
  .chart-completion-target .target-line .text.primary,
  .chart-completion-target .target-line .value.primary,
  .chart-completion .total .text.primary,
  .chart-completion .total .value.primary,
  .chart-completion .remaining .text.primary,
  .chart-completion .remaining .value.primary,
  .chart-completion .completed .text.primary,
  .chart-completion .completed .value.primary,
  .chart-completion .completed-label .text.primary,
  .chart-completion .completed-label .value.primary,
  .chart-completion .target-line .text.primary,
  .chart-completion .target-line .value.primary {
    color: #0072ED; }

.chart-completion-target-padding .total.bar.chart-completion-target {
  margin-bottom: 60px; }
  .chart-completion-target-padding .total.bar.chart-completion-target .icon {
    top: 1px; }

.completion-chart .remaining .error-color,
.completion-chart .remaining .error,
.completion-chart .info .error-color,
.completion-chart .info .error {
  color: #da1217; }

.completion-chart .remaining .alert,
.completion-chart .info .alert {
  color: #F98300; }

.completion-chart .remaining .alert-yellow,
.completion-chart .info .alert-yellow {
  color: #FFD100; }

.completion-chart .remaining .alert-neutral,
.completion-chart .info .alert-neutral {
  color: #C5C5C9; }

.completion-chart .remaining .dark,
.completion-chart .info .dark {
  color: #6F6F76; }

.completion-chart .remaining .good,
.completion-chart .info .good {
  color: #2AC371; }

.completion-chart .remaining .primary,
.completion-chart .info .primary {
  color: #0072ED; }

.completion-chart .name {
  position: relative; }

.completion-chart .icon {
  display: inline-block;
  height: 14px;
  margin: -3px 3px -1px;
  position: relative;
  top: 50%;
  vertical-align: middle;
  width: 14px; }

.completion-chart .hyperlink {
  display: inline-block;
  font-size: 1.6rem; }

.label + .label .chart-completion {
  margin-top: 20px; }

.is-firefox .chart-percent-text {
  margin-top: -26px; }

.is-firefox.is-mac .chart-percent-text {
  margin-top: -23px; }

.is-firefox .completion-chart .name {
  line-height: 1.6rem; }

.chart-pie {
  height: 100%;
  width: 100%; }
  .chart-pie svg {
    min-height: inherit; }
  .chart-pie .tspan {
    color: #6F6F76; }
  .chart-pie .lines circle {
    fill: #6F6F76; }
  .chart-pie .label-text {
    font-size: 1.6rem; }
  .chart-pie .label-line {
    stroke-width: 2px; }
  .chart-pie polyline {
    shape-rendering: crispEdges;
    stroke: #6F6F76;
    stroke-width: 1px; }
  .chart-pie .labels text {
    color: #6F6F76;
    font-size: 1.6rem; }
  .chart-pie .slices path {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
    .chart-pie .slices path.is-not-selected {
      opacity: 0.3; }
  .chart-pie.has-right-legend .chart-legend {
    border-top: 0;
    margin: 0;
    width: 30%;
    padding-right: 2%; }
  .chart-pie.is-mobile svg {
    margin-top: -5px; }
  .chart-pie.is-mobile .chart-legend {
    align-items: center;
    border-top: 0;
    display: flex;
    height: 85px;
    margin-left: 0;
    margin-top: -20px; }
    .chart-pie.is-mobile .chart-legend .chart-legend-item {
      display: inline-block !important;
      padding: 2px 7px;
      width: auto !important; }
    .chart-pie.is-mobile .chart-legend .chart-legend-color {
      height: 15px;
      top: 1px;
      width: 15px; }
    .chart-pie.is-mobile .chart-legend .chart-legend-item-text {
      position: relative;
      top: 3px; }

.auto-height .chart-pie svg {
  min-height: 240px; }

.is-pie.tooltip {
  font-weight: 400; }
  .is-pie.tooltip.is-center {
    min-width: 150px !important;
    max-width: 150px !important;
    transform: translateX(29%);
    text-align: center; }
  .is-pie.tooltip b {
    display: block;
    text-align: center; }

html[dir='rtl'] .chart-pie.has-right-legend .chart-legend-item-text {
  padding-left: 0;
  padding-right: 7px; }

.chart-pie .labels text {
  font-size: 1.4rem; }

.chart-radar .chart-radar-grid-circle {
  color: #E0E0E1;
  stroke: #E0E0E1; }

.chart-radar .chart-radar-crossline {
  stroke: #E0E0E1; }

.chart-radar .chart-radar-area,
.chart-radar .chart-radar-circle {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  .chart-radar .chart-radar-area.is-selected,
  .chart-radar .chart-radar-circle.is-selected {
    fill-opacity: 0.45 !important; }
  .chart-radar .chart-radar-area.is-not-selected,
  .chart-radar .chart-radar-circle.is-not-selected {
    fill-opacity: 0.05 !important; }

.chart-radar.is-small.has-right-legend {
  display: block; }
  .chart-radar.is-small.has-right-legend .chart-legend {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%; }
    .chart-radar.is-small.has-right-legend .chart-legend .is-two-column {
      display: inline-block;
      height: 28px;
      margin: 2px 0;
      width: auto; }
    .chart-radar.is-small.has-right-legend .chart-legend .chart-legend-color,
    .chart-radar.is-small.has-right-legend .chart-legend .chart-legend-item-text {
      vertical-align: top; }

.step-chart {
  display: block;
  margin: 20px;
  width: calc(100% - 40px); }
  .step-chart .step-chart-label {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 25px;
    width: 100%; }
  .step-chart .step-chart-label-small {
    font-size: 11px;
    font-size: 1.1rem;
    float: right;
    line-height: 23px;
    vertical-align: middle; }
  .step-chart .icon {
    display: inline-block;
    float: right;
    margin: 0 0 0 5px;
    position: relative;
    top: 2px; }
  .step-chart .step-chart-steps {
    display: flex;
    justify-content: space-between; }
    .step-chart .step-chart-steps.is-complete .step-chart-step {
      background-color: #2AC371; }
  .step-chart .step-chart-step {
    background-color: #E0E0E1;
    border: 1px solid #ffffff;
    flex-basis: 100%;
    height: 15px; }
    .step-chart .step-chart-step.is-inprogress {
      background-color: #F5C3C4; }
    .step-chart .step-chart-step.is-complete {
      background-color: #0072ED; }

html[dir='rtl'] .step-chart .step-chart-label-small {
  float: left; }

html[dir='rtl'] .step-chart .icon {
  float: left;
  margin: 0 5px 0 0; }

.chart-treemap .chart-treemap-node {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: lighter;
  overflow: hidden;
  position: absolute; }

.chart-treemap .chart-treemap-percent {
  font-size: 16px;
  font-size: 1.6rem;
  display: block; }

.chart-treemap .chart-treemap-title {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #6F6F76;
  color: #ffffff;
  height: 34px;
  line-height: 34px;
  margin: 20px 20px 0;
  text-align: center; }

.chart-treemap .chart-treemap-text {
  left: 8px;
  position: relative;
  top: 8px; }

.chart-treemap .chart-treemap-percent {
  left: 8px;
  position: relative;
  top: 10px; }

.chart-treemap .chart-treemap-percent {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  padding-top: 2px; }

.chart-treemap-container {
  height: 85%; }

.chart-treemap-footer {
  height: 60px;
  margin-top: -28px;
  overflow: hidden; }
  .chart-treemap-footer .data {
    white-space: nowrap; }
  .chart-treemap-footer .label {
    white-space: nowrap; }
  .chart-treemap-footer .text-emphasis {
    line-height: 1em; }

html[dir='rtl'] .chart-treemap .chart-treemap-text {
  right: 8px; }

html[dir='rtl'] .chart-treemap .chart-treemap-percent {
  right: 8px; }

.chart-treemap-footer {
  height: 65px;
  margin-top: -33px;
  overflow: hidden; }
  .chart-treemap-footer .data {
    line-height: 1em; }
  .chart-treemap-footer .label {
    font-size: 1.4rem;
    white-space: nowrap; }
  .chart-treemap-footer .text-emphasis {
    font-size: 1.4rem; }

.chart-container.line-chart .domain {
  stroke: transparent; }

.chart-container.line-chart .dot {
  cursor: pointer;
  stroke: transparent;
  -webkit-tap-highlight-color: transparent; }

.chart-container.line-chart .line-group .line {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.chart-container.line-chart .area {
  opacity: 0.2;
  pointer-events: none; }

.chart-container.line-chart .is-not-selected {
  opacity: 0.35; }

.line-chart:not(.bubble):not(.scatterplot) .x.axis .tick line {
  visibility: hidden; }

.line-chart.scatterplot .chart-legend-color {
  top: -4px; }

@media (max-width: 766px) {
  .line-chart .chart-legend {
    margin-left: 10px; }
    .line-chart .chart-legend .chart-legend-item {
      margin-right: 0; } }

.builder {
  font-size: 0; }
  .builder .back {
    margin-left: 23px;
    position: relative;
    top: -3px; }
  .builder .compound-field > .field {
    margin-right: 10px; }
  .builder .main,
  .builder .sidebar {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top; }
  .builder .sidebar {
    border-right: 0;
    width: 250px; }
    .builder .sidebar .listview {
      background-color: transparent;
      border-right: 1px solid #B1B1B1; }
    .builder .sidebar .header {
      border-right: 1px solid #0054B1; }
      .builder .sidebar .header .toolbar {
        padding-right: 5px; }
  .builder .main {
    width: calc(100% - 250px); }
  .builder .l-pull-right.listview-micro {
    top: 48px; }
  .builder .nowrap {
    white-space: nowrap; }

.builder-pane {
  height: 100%; }

.builder-header {
  background-color: #6F6F76;
  min-height: 75px; }
  .builder-header.is-personalizable {
    -webkit-transition: background-color 500ms ease 0s;
    -moz-transition: background-color 500ms ease 0s;
    -o-transition: background-color 500ms ease 0s;
    -ms-transition: background-color 500ms ease 0s;
    transition: background-color 500ms ease 0s; }
  .builder-header .toolbar {
    margin: 7px 20px;
    padding-top: 10px; }
  .builder-header h1,
  .builder-header h2,
  .builder-header h3,
  .builder-header h4 {
    color: #161618;
    display: inline-block;
    margin-bottom: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 10px;
    vertical-align: top; }
  .builder-header h2 {
    top: -1px; }
    .builder-header h2 .panel-subhead {
      height: 20px; }
  .builder-header .panel-subhead {
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .builder-header .panel-title {
    line-height: 3rem; }

.builder-content {
  height: calc(100% - 75px); }
  .builder-content.no-sidebar .builder-actions {
    width: 100%; }

.builder-actions,
.builder-sidebar {
  display: inline-block;
  height: 100%;
  padding-top: 10px;
  vertical-align: top; }

.builder-actions {
  background-color: #ffffff;
  width: calc(100% - 323px); }
  .builder-actions > .listview {
    overflow: visible; }

.builder-sidebar {
  background-color: #ffffff; }

.builder-actions-header,
.builder-sidebar-header,
.builder-actions-footer,
.builder-sidebar-footer {
  margin: 0 20px; }

.builder-actions-header,
.builder-sidebar-header {
  height: 50px; }
  .builder-actions-header > *,
  .builder-sidebar-header > * {
    display: inline-block;
    vertical-align: middle; }
  .builder-actions-header::before,
  .builder-sidebar-header::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px; }

.builder-actions-content {
  margin: 10px 20px; }

.builder-sidebar {
  width: 320px; }
  .builder-sidebar > .modal-buttonset {
    margin: 0 -20px; }

.builder-sidebar-content {
  height: calc(100% - 150px); }
  .builder-sidebar-content > .listview {
    height: 100%; }

.builder-sidebar-footer {
  height: 75px;
  margin-top: 10px; }

.edit-profile .bold {
  font-weight: 600; }

.edit-profile .builder-sidebar-content {
  height: calc(100% - 260px); }

.edit-profile .listview.alternate-row ul {
  padding: 0 20px; }

.edit-profile .listview.alternate-row li {
  border: 0;
  padding: 20px 10px; }

.edit-profile .listview .l-pull-right {
  margin-top: -20px;
  top: auto; }

.edit-profile .builder-sidebar-footer {
  margin-top: 0; }

.edit-profile .cart-totals {
  border-top: 1px solid #E0E0E1;
  padding: 15px 10px; }
  .edit-profile .cart-totals p + p {
    margin: 0; }
  .edit-profile .cart-totals .totals {
    font-weight: 600;
    margin-top: 10px; }

.edit-profile.popdown .cart-totals {
  padding: 10px; }

@media (max-width: 766px) {
  .page-container.builder .main,
  .page-container.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);
    display: block;
    position: absolute;
    width: 100%; }
  .page-container.builder .main {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .page-container.builder .sidebar {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .page-container.builder.show-detail .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .page-container.builder.show-detail .sidebar {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); } }

#builder-popdown-content .l-pull-right.listview-micro {
  top: 48px; }

@media (max-width: 1279px) {
  .builder-actions {
    display: block;
    width: auto; }
  .builder-sidebar {
    display: none; } }

.call-to-action-header {
  font-size: 0;
  height: inherit;
  overflow: hidden; }
  .call-to-action-header .call-to-action-container {
    display: inline-block;
    height: inherit;
    text-align: right;
    vertical-align: middle;
    width: 240px; }
    .call-to-action-header .call-to-action-container button {
      display: block;
      margin: 1.3rem auto 0;
      max-width: calc(100% - 1.3rem);
      overflow: hidden;
      text-overflow: ellipsis; }
    .call-to-action-header .call-to-action-container:only-child {
      width: 100%; }
      .call-to-action-header .call-to-action-container:only-child button {
        display: inline-block;
        margin: 1.3rem 1.3rem 0;
        max-width: calc(100% - 2.6rem); }
  .call-to-action-header .tab-container {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 240px); }
    .call-to-action-header .tab-container.header-tabs {
      height: inherit;
      margin-top: 0;
      padding-top: 0; }
      .call-to-action-header .tab-container.header-tabs .tab-list {
        height: inherit; }
      .call-to-action-header .tab-container.header-tabs .tab {
        height: inherit; }
        .call-to-action-header .tab-container.header-tabs .tab a {
          height: inherit;
          padding-top: 23px; }
      .call-to-action-header .tab-container.header-tabs .tab-more {
        padding: 21px 0 22px 14px; }

.card-deck {
  background-color: #ffffff;
  padding-top: 20px; }
  .card-deck .row:last-child {
    margin-bottom: 0; }

.common-nav-application-list {
  width: 300px; }
  .common-nav-application-list li {
    display: inline-block;
    height: 115px;
    text-align: center;
    width: 97px; }
    .common-nav-application-list li a {
      display: inline-block;
      height: 100%;
      width: 100%; }

.full-width {
  font-size: 1.6rem;
  padding: 20px;
  width: 100%; }
  .full-width.contained {
    height: inherit; }
  .full-width.no-padding {
    margin: 0;
    padding: 0; }
  .full-width.no-top-padding {
    margin: 0;
    padding: 0 0 10px; }
  .full-width.no-top-space {
    margin: 0;
    padding: 0 20px 20px; }
  .full-width .row {
    max-width: 100%;
    width: 100%; }
  .full-width + .full-width {
    margin-top: -30px; }

.full-height {
  height: calc(100% - 40px);
  margin: 20px; }
  .full-height.full-width {
    padding: 0;
    width: calc(100% - 40px); }
  .full-height.no-padding {
    margin: 0; }
  .full-height > .tab-container {
    height: 100%; }
    .full-height > .tab-container > .tab-panel {
      height: calc(100% - 35px); }
  .full-height .datagrid-container.has-toolbar.paginated {
    height: calc(100% - 90px); }

.full-height-toolbar {
  height: calc(100% - 40px); }

.tab-panel > .full-width {
  padding-top: 0; }

.toolbar + .full-width {
  padding-top: 0; }

.header-detail {
  height: 100%;
  position: relative; }
  .header-detail.contained,
  .header-detail .contained {
    height: inherit; }
  .header-detail .header {
    background-color: #ffffff;
    height: 50%; }
    .header-detail .header .content {
      background-color: #ffffff; }
  .header-detail .detail {
    background-color: #ffffff;
    border-top: 1px solid #C5C5C9;
    height: 50%; }

.homepage-background {
  background-color: #F5F5F5; }

.homepage {
  background-color: #F5F5F5;
  height: inherit;
  margin: 0 auto;
  padding: 16px 0;
  position: relative; }
  .homepage .card,
  .homepage .small-widget,
  .homepage .widget {
    height: 368px;
    left: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 360px; }
    .homepage .card[draggable],
    .homepage .small-widget[draggable],
    .homepage .widget[draggable] {
      overflow: initial; }
    .homepage .card:last-child::after,
    .homepage .small-widget:last-child::after,
    .homepage .widget:last-child::after {
      content: '';
      display: inline-block;
      height: 16px;
      position: absolute;
      top: 368px;
      width: 10px; }
  .homepage .small-widget {
    height: 260px;
    width: 260px; }
    .homepage .small-widget:last-child::after {
      height: 24px;
      top: 260px; }
  .homepage .card:hover .card-remove,
  .homepage .small-widget:hover .card-remove,
  .homepage .widget:hover .card-remove {
    background: #ec1225; }
  .homepage > .content {
    left: 50%;
    margin-left: -500px;
    position: absolute; }
  .homepage .drop-indicator {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    top: 0;
    width: 6px; }
  .homepage .drop-indicator .edge {
    background-color: #2578a9;
    border-radius: 3px;
    flex: 0 0 6px;
    width: 6px; }
  .homepage .drop-indicator .line {
    background-color: #2578a9;
    flex: 1 0 auto;
    width: 2px; }
  .homepage .ui-resizable-handle {
    height: 14px;
    position: absolute;
    width: 14px; }
  .homepage .card-remove {
    background: #5c5c5c;
    border-radius: 100%;
    height: 22px;
    position: absolute;
    right: -16px;
    top: -10px;
    transition: background-color 0.2s;
    width: 22px;
    z-index: 100; }
  .homepage .card-remove svg {
    color: #fff;
    top: 1.5px;
    width: 12px; }
  .homepage .ui-resizable-handle::before {
    background: #0072ED;
    border-radius: 100%;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    width: 12px; }
  .homepage .ui-resizable-s::before {
    left: 50%; }
  .homepage .ui-resizable-e::before {
    top: 50%; }
  .homepage .ui-resizable-e {
    cursor: ew-resize;
    height: 100%;
    right: -8px;
    top: 0;
    width: 14px; }
  .homepage .ui-resizable-s {
    bottom: -8px;
    cursor: ns-resize;
    height: 14px;
    width: 100%; }

.header + .homepage,
.header + nav + .homepage {
  height: calc(100% - 46px);
  margin-top: 0 !important;
  overflow: scroll; }

.header + .page-container > .homepage {
  height: 100%; }

.card.double-height,
.widget.double-height {
  height: 752px; }
  .card.double-height .widget-content,
  .card.double-height .card-content,
  .widget.double-height .widget-content,
  .widget.double-height .card-content {
    height: 752px;
    min-height: 752px;
    overflow: auto; }
  .card.double-height .widget-header + .widget-content,
  .card.double-height .widget-header + .card-content,
  .card.double-height .card-header + .widget-content,
  .card.double-height .card-header + .card-content,
  .widget.double-height .widget-header + .widget-content,
  .widget.double-height .widget-header + .card-content,
  .widget.double-height .card-header + .widget-content,
  .widget.double-height .card-header + .card-content {
    height: 704px;
    min-height: 704px; }

.small-widget.double-height {
  height: 544px; }
  .small-widget.double-height .widget-content,
  .small-widget.double-height .card-content {
    height: 492px;
    min-height: 492px;
    overflow: auto; }

.card.triple-height,
.widget.triple-height {
  height: 1136px; }

.card.quad-height,
.widget.quad-height {
  height: 1520px; }

.card.quintuple-height,
.widget.quintuple-height {
  height: 1904px; }

.card.sextuple-height,
.widget.sextuple-height {
  height: 2288px; }

.card.auto-height,
.widget.auto-height {
  height: auto;
  min-height: 0;
  max-height: none; }
  .card.auto-height .widget-content,
  .card.auto-height .card-content,
  .widget.auto-height .widget-content,
  .widget.auto-height .card-content {
    height: auto;
    min-height: auto;
    max-height: none; }
  .card.auto-height .chart-container,
  .widget.auto-height .chart-container {
    margin-top: 0;
    padding-bottom: 20px;
    transform: translateY(0); }

.small-widget.auto-height {
  height: auto;
  min-height: 0;
  max-height: none; }
  .small-widget.auto-height .widget-content,
  .small-widget.auto-height .card-content {
    height: auto;
    min-height: auto;
    max-height: none; }
  .small-widget.auto-height .chart-container {
    padding-bottom: 24px; }

.card.full-height,
.small-widget.full-height,
.widget.full-height {
  height: 100%; }

.card.double-width.to-single,
.widget.double-width.to-single,
.card.triple-width.to-single,
.widget.triple-width.to-single,
.card.quad-width.to-single,
.widget.quad-width.to-single,
.card.quintuple-width.to-single,
.widget.quintuple-width.to-single,
.card.sextuple-width.to-single,
.widget.sextuple-width.to-single {
  width: 360px; }

.small-widget.double-width.to-single,
.small-widget.triple-width.to-single,
.small-widget.quad-width.to-single,
.small-widget.quintuple-width.to-single,
.small-widget.sextuple-width.to-single {
  width: 260px; }

.card.double-width,
.widget.double-width,
.card.triple-width.to-double,
.widget.triple-width.to-double,
.card.quad-width.to-double,
.widget.quad-width.to-double,
.card.quintuple-width.to-double,
.widget.quintuple-width.to-double,
.card.sextuple-width.to-double,
.widget.sextuple-width.to-double {
  width: 736px; }

.small-widget.double-width,
.small-widget.triple-width.to-double,
.small-widget.quad-width.to-double,
.small-widget.quintuple-width.to-double,
.small-widget.sextuple-width.to-double {
  width: 544px; }

.card.triple-width,
.widget.triple-width,
.card.quad-width.to-triple,
.widget.quad-width.to-triple,
.card.quintuple-width.to-triple,
.widget.quintuple-width.to-triple,
.card.sextuple-width.to-triple,
.widget.sextuple-width.to-triple {
  width: 1112px; }

.small-widget.triple-width,
.small-widget.quad-width.to-triple,
.small-widget.quintuple-width.to-triple,
.small-widget.sextuple-width.to-triple {
  width: 828px; }

.card.quad-width,
.widget.quad-width,
.card.quintuple-width.to-quad,
.widget.quintuple-width.to-quad,
.card.sextuple-width.to-quad,
.widget.sextuple-width.to-quad {
  width: 1488px; }

.small-widget.quad-width,
.small-widget.quintuple-width.to-quad,
.small-widget.sextuple-width.to-quad {
  width: 1112px; }

.card.quintuple-width,
.widget.quintuple-width,
.card.sextuple-width.to-quintuple,
.widget.sextuple-width.to-quintuple {
  width: 1864; }

.small-widget.quintuple-width,
.small-widget.sextuple-width.to-quintuple {
  width: 1396px; }

.card.sextuple-width,
.widget.sextuple-width {
  width: 2240; }

.small-widget.sextuple-width {
  width: 1680px; }

.card.half-height,
.widget.half-width {
  height: 270px;
  min-height: 270px; }
  .card.half-height .card-content,
  .card.half-height .widget-content,
  .widget.half-width .card-content,
  .widget.half-width .widget-content {
    height: 216px;
    min-height: 216px; }

.small-widget.half-width {
  height: 270px;
  min-height: 270px; }
  .small-widget.half-width .card-content,
  .small-widget.half-width .widget-content {
    height: 216px;
    min-height: 216px; }

.widget-content.l-center,
.card-content.l-center {
  overflow: hidden;
  text-align: center; }

.widget-content.no-scroll,
.card-content.no-scroll {
  overflow: hidden; }

.hero-widget {
  background-color: #ffffff;
  color: #161618;
  max-height: 384px;
  min-height: 368px;
  overflow: hidden;
  padding: 8px 0;
  width: 100%; }
  .hero-widget.auto-height,
  .hero-widget.auto-height .hero-top {
    height: fit-content;
    min-height: 0;
    max-height: none; }
  .hero-widget .hero-top {
    height: 368px;
    max-height: 368px;
    min-height: 368px; }
  .hero-widget .hero-bottom {
    background-color: #0072ED;
    border-bottom: 1px solid #3B3B3F;
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    width: 100%; }
  .hero-widget .hero-header,
  .hero-widget .hero-content,
  .hero-widget .hero-footer {
    margin: 0 auto;
    max-width: 1500px;
    width: 100%; }
    .hero-widget .hero-header .toolbar,
    .hero-widget .hero-content .toolbar,
    .hero-widget .hero-footer .toolbar {
      padding-left: 15px;
      padding-right: 0; }
    .hero-widget .hero-header .title,
    .hero-widget .hero-content .title,
    .hero-widget .hero-footer .title {
      color: #3B3B3F;
      padding-left: 15px; }
  .hero-widget .hero-footer {
    padding: 0 15px;
    width: 100%; }
    .hero-widget .hero-footer .hero-footer-nav {
      display: inline-block;
      margin: 0;
      padding: 0; }
      .hero-widget .hero-footer .hero-footer-nav li {
        display: inline-block;
        height: 40px;
        line-height: 40px; }
        .hero-widget .hero-footer .hero-footer-nav li::before {
          font-size: 20px;
          font-size: 2rem;
          color: #C5C5C9;
          content: '\2758';
          display: inline-block;
          margin-right: 2px;
          padding-top: 2px;
          vertical-align: top; }
        .hero-widget .hero-footer .hero-footer-nav li:first-child::before {
          margin-left: 15px; }
      .hero-widget .hero-footer .hero-footer-nav a {
        margin-top: 5px;
        border-bottom: 4px solid transparent; }
        .hero-widget .hero-footer .hero-footer-nav a.btn-tertiary {
          border-radius: 0; }
          .hero-widget .hero-footer .hero-footer-nav a.btn-tertiary:hover {
            background-color: #E0E0E1;
            border-bottom-color: #000000;
            color: #000000; }
    .hero-widget .hero-footer .hero-footer-nav-title {
      font-size: 16px;
      font-size: 1.6rem;
      display: inline-block;
      height: 40px;
      line-height: 40px; }
      .hero-widget .hero-footer .hero-footer-nav-title::after, .hero-widget .hero-footer .hero-footer-nav-title::before {
        content: '';
        display: table; }
      .hero-widget .hero-footer .hero-footer-nav-title::after {
        clear: both; }

@media only screen and (max-height: 1250px) {
  .homepage {
    height: calc(100% - 75px); } }

@media only screen and (max-width: 1500px) {
  .hero-widget .hero-content {
    max-width: 1120px; } }

@media only screen and (max-width: 1120px) {
  .hero-widget .hero-content {
    max-width: calc(100% - 200px); } }

@media only screen and (max-width: 549px) {
  .hero-widget .hero-content {
    max-width: 100%; }
  .hero-widget .hero-bottom {
    display: none; } }

html[dir='rtl'] .hero-widget .hero-header .toolbar,
html[dir='rtl'] .hero-widget .hero-content .toolbar,
html[dir='rtl'] .hero-widget .hero-footer .toolbar {
  padding-left: 0;
  padding-right: 15px; }

html[dir='rtl'] .hero-widget .hero-footer .hero-footer-nav li::before {
  margin-left: 2px;
  margin-right: inherit; }

html[dir='rtl'] .hero-widget .hero-footer .hero-footer-nav li:first-child::before {
  margin-left: inherit;
  margin-right: 15px; }

.list-detail {
  font-size: 0;
  height: 100%; }
  .list-detail > .main,
  .list-detail > .sidebar {
    position: relative; }
  .list-detail > .main {
    background-color: #ffffff;
    border-left: 0;
    height: 100%; }
    .list-detail > .main.alternate {
      background-color: #ffffff; }
    .list-detail > .main .main-content {
      display: block;
      height: 100%;
      position: static; }
      .list-detail > .main .main-content > .toolbar {
        margin-top: 3px; }
    .list-detail > .main .tab-panel-container {
      height: calc(100% - 40px); }
    .list-detail > .main .tab-panel {
      padding-top: 0;
      position: relative; }
  .list-detail > .sidebar {
    border-right: 0; }
    .list-detail > .sidebar .sidebar-content {
      display: block;
      height: 100%;
      position: static; }
    .list-detail > .sidebar .listview,
    .list-detail > .sidebar .listview-search {
      border-right: 1px solid #C5C5C9; }
    .list-detail > .sidebar .accordion {
      height: 100%; }
    .list-detail > .sidebar .header {
      border-right: 1px solid #0054B1; }
      .list-detail > .sidebar .header .toolbar {
        padding-right: 5px; }
      .list-detail > .sidebar .header.azure07 {
        border-right: 1px solid #004A99; }
      .list-detail > .sidebar .header .title {
        width: calc(100% - 41px); }
      .list-detail > .sidebar .header .buttonset {
        width: 40px; }
    .list-detail > .sidebar .pager-toolbar {
      border-top: 1px solid #C5C5C9;
      margin: 0;
      position: relative; }
    .list-detail > .sidebar .pager-toolbar {
      display: flex;
      justify-content: center;
      padding: 4px 10px 0; }
      .list-detail > .sidebar .pager-toolbar.two-button {
        justify-content: space-between; }
      .list-detail > .sidebar .pager-toolbar > li {
        align-items: stretch; }
    .list-detail > .sidebar .pager-pagesize {
      float: none; }
      .list-detail > .sidebar .pager-pagesize .btn-menu {
        margin-right: 0;
        min-width: 0; }
    .list-detail > .sidebar .expandable-area {
      border-right: 1px solid #C5C5C9; }
  .list-detail > .header + .sidebar {
    height: calc(100% - 60px); }
    .list-detail > .header + .sidebar .listview-search + .listview.paginated {
      height: calc(100% - 87px); }
    .list-detail > .header + .sidebar .pager-toolbar {
      border-right: 1px solid #C5C5C9; }
    .list-detail > .header + .sidebar .listview.paginated {
      height: calc(100% - 77px); }
  .list-detail .panel-header {
    height: auto;
    padding: 0 0 1px 13px; }
    .list-detail .panel-header .toolbar {
      height: 42px;
      margin-bottom: 0; }
      .list-detail .panel-header .toolbar .title {
        padding: 3px 0 0; }
    .list-detail .panel-header > * {
      vertical-align: middle; }
    .list-detail .panel-header .list-detail-back-button.secondary,
    .list-detail .panel-header .list-detail-list-close-button {
      display: none;
      right: 2px;
      top: 1px; }
    .list-detail .panel-header h2 {
      margin: 0; }
    .list-detail .panel-header > h2 {
      margin: 8px 0; }
    .list-detail .panel-header > button {
      float: right; }
  .list-detail.bleeding-edge .list-detail-back-button {
    opacity: 1; }

.list-detail-back-button.secondary,
.list-detail-list-close-button {
  display: none; }

html[dir='rtl'] .list-detail .panel-header {
  padding-left: 0; }
  html[dir='rtl'] .list-detail .panel-header .toolbar .title {
    padding-right: 0; }

html[dir='rtl'] .list-detail .card-header {
  padding: 2px 20px 2px 15px; }
  html[dir='rtl'] .list-detail .card-header > button {
    float: left; }

@media (max-width: 766px) {
  .list-detail-back-button,
  .list-detail-list-close-button {
    display: inline-block; }
  .card-header .list-detail-list-close-button {
    display: inline-block; }
  .modal-content .list-detail .sidebar {
    transform: none; }
  .modal-content .list-detail .main.is-right-side {
    transform: none;
    margin-left: 3px;
    border: unset; }
  .list-detail {
    overflow: hidden; }
    .list-detail > .main,
    .list-detail > .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; }
      .list-detail > .main.scrollable, .list-detail > .main.scrollable-y,
      .list-detail > .sidebar.scrollable,
      .list-detail > .sidebar.scrollable-y {
        height: 100%;
        overflow: auto; }
    .list-detail > .main {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .list-detail > .sidebar {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .list-detail.bleeding-edge__phone > .main {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      width: 100%; }
    .list-detail.bleeding-edge__phone > .sidebar {
      -webkit-transition: -webkit-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 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), box-shadow 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), box-shadow 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), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      z-index: 2; }
    .list-detail.bleeding-edge__phone.fixed > .sidebar {
      max-width: 250px; }
    .list-detail.bleeding-edge__phone.fixed-sm > .sidebar {
      max-width: 275px; }
    .list-detail.bleeding-edge__phone.fixed-mm > .sidebar {
      max-width: 300px; }
    .list-detail.bleeding-edge__phone.fixed-md > .sidebar {
      max-width: 350px; }
    .list-detail.bleeding-edge__phone.fixed-lg > .sidebar {
      max-width: 400px; }
    .list-detail.bleeding-edge__phone.fixed-xl > .sidebar {
      max-width: 450px; }
    .list-detail.show-detail > .main {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .list-detail.show-detail > .sidebar {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
    .list-detail.show-detail.bleeding-edge__phone > .sidebar {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); }
    .list-detail.show-detail.bleeding-edge__phone .list-detail-back-button {
      opacity: 1; }
  .header .toolbar .title .list-detail-back-button + h1 {
    margin-left: 0; }
  html[dir='rtl'] .list-detail > .main {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  html[dir='rtl'] .list-detail.show-detail > .sidebar {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  html[dir='rtl'] .list-detail.show-detail > .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@media (max-width: 1279px) {
  .list-detail.bleeding-edge__tablet {
    overflow: hidden; }
    .list-detail.bleeding-edge__tablet .card-header .list-detail-list-close-button {
      display: inline-block; }
    .list-detail.bleeding-edge__tablet .list-detail-back-button,
    .list-detail.bleeding-edge__tablet .list-detail-list-close-button {
      display: inline-block; }
    .list-detail.bleeding-edge__tablet > .main,
    .list-detail.bleeding-edge__tablet > .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; }
      .list-detail.bleeding-edge__tablet > .main.scrollable, .list-detail.bleeding-edge__tablet > .main.scrollable-y,
      .list-detail.bleeding-edge__tablet > .sidebar.scrollable,
      .list-detail.bleeding-edge__tablet > .sidebar.scrollable-y {
        height: 100%;
        overflow: auto; }
    .list-detail.bleeding-edge__tablet > .main {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      width: 100%; }
    .list-detail.bleeding-edge__tablet > .sidebar {
      -webkit-transition: -webkit-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 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), box-shadow 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), box-shadow 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), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      max-width: 75%;
      width: 275px;
      z-index: 2; }
    .list-detail.bleeding-edge__tablet.show-detail > .sidebar {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); }
  html[dir='rtl'] .list-detail.bleeding-edge__tablet.show-detail > .sidebar {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

.master-detail {
  height: 100%; }
  .master-detail .master {
    background-color: #ffffff;
    height: auto;
    padding: 20px 30px 30px; }
  .master-detail .detail {
    background-color: #ffffff;
    border-top: 1px solid #C5C5C9;
    height: auto;
    padding: 30px; }

.wrapper {
  display: table;
  height: 100%;
  margin: 0 auto; }

.signin {
  display: table-cell;
  margin-top: -100px;
  text-align: center;
  vertical-align: middle;
  width: 300px; }
  .signin .field::after {
    clear: both;
    content: '';
    display: block; }
  .signin label {
    text-align: left; }
  .signin .checkbox-label {
    float: left;
    top: -6px; }
  .signin h1 {
    color: #525257;
    font-size: 4.2rem;
    margin-bottom: 30px;
    margin-top: -20px;
    padding: 0;
    text-align: center; }
  .signin.sent h1,
  .signin.sent p {
    margin: 0; }
  .signin .hyperlink {
    display: inline-block;
    margin-top: 20px;
    text-align: center; }
  .signin .btn-primary,
  .signin input {
    width: 100%; }
  .signin .dropdown-wrapper {
    width: 100%; }
  .signin .icon-logo {
    display: block;
    height: 90px;
    margin: 0 auto 40px;
    width: 90px; }
  .signin .error-message .message-text {
    text-align: left; }

.ios .signin .icon-error,
.ios .signin .icon-success {
  top: 26.5px !important; }

.ios .signin > #signin .error-message .icon-error {
  top: 0 !important; }

.ios .signin > #signin .error-message .icon-success {
  top: 0 !important; }

.password-hint strong {
  font-weight: 600; }

.password-hint li {
  list-style: inside; }

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

html[dir='rtl'] .signin .checkbox-label {
  float: right; }

html[dir='rtl'] .signin .error-message .message-text {
  text-align: right; }

.signin h1 {
  font-size: 3.2rem;
  line-height: 3.2rem; }

.step-process-container .toolbar-custom {
  background-color: #ffffff;
  border-bottom: solid 2px #C5C5C9;
  height: 60px;
  position: relative; }
  .step-process-container .toolbar-custom .title.title-wide {
    width: 98%; }
  .step-process-container .toolbar-custom .heading {
    color: #161618;
    display: table-cell;
    font-size: 2.8rem;
    height: 60px;
    padding-left: 20px;
    vertical-align: middle; }
    .step-process-container .toolbar-custom .heading small {
      display: block;
      font-size: 1.6rem;
      margin: 2px 0 0;
      padding: 0;
      text-transform: capitalize; }
  .step-process-container .toolbar-custom .actions {
    position: absolute;
    right: 0;
    top: 13px; }
  .step-process-container .toolbar-custom .btn-toggle-steps {
    left: 10px;
    position: absolute;
    top: 13px; }
  .step-process-container .toolbar-custom.phone-visible .title {
    left: 4px;
    position: relative;
    top: 2px; }

.step-process-container .tree {
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0;
  width: 100%; }
  .step-process-container .tree li {
    position: relative; }
    .step-process-container .tree li .icon.step-alert {
      left: 15px;
      margin-right: 15px;
      position: absolute;
      top: calc(50% - 8px); }
    .step-process-container .tree li .icon.icon-tree {
      display: none; }
    .step-process-container .tree li.is-selected, .step-process-container .tree li.is-selected:hover, .step-process-container .tree li.is-selected.is-focused {
      background-color: #0072ED;
      border-bottom-color: #0072ED;
      color: #28282A; }
      .step-process-container .tree li.is-selected > a .tree-text, .step-process-container .tree li.is-selected:hover > a .tree-text, .step-process-container .tree li.is-selected.is-focused > a .tree-text {
        color: #28282A; }
      .step-process-container .tree li.is-selected > a .icon,
      .step-process-container .tree li.is-selected > a .icon-success,
      .step-process-container .tree li.is-selected > a .icon-error, .step-process-container .tree li.is-selected:hover > a .icon,
      .step-process-container .tree li.is-selected:hover > a .icon-success,
      .step-process-container .tree li.is-selected:hover > a .icon-error, .step-process-container .tree li.is-selected.is-focused > a .icon,
      .step-process-container .tree li.is-selected.is-focused > a .icon-success,
      .step-process-container .tree li.is-selected.is-focused > a .icon-error {
        color: #28282A !important; }
    .step-process-container .tree li > a {
      background-color: transparent;
      border-bottom: 1px solid #E0E0E1;
      border-radius: 0;
      border-top: 1px solid transparent;
      cursor: pointer;
      display: block;
      font-size: 0;
      margin-left: 0;
      padding: 15px 60px 15px 45px;
      position: relative; }
      .step-process-container .tree li > a:not(.hide-focus):focus {
        border: 1px solid #0072ED; }
      .step-process-container .tree li > a span {
        display: inline-block;
        font-size: 1.6rem;
        max-width: 80%; }
      .step-process-container .tree li > a .tree-text {
        margin: 0; }
  .step-process-container .tree li.folder > a .icon-tree {
    display: block;
    position: absolute;
    right: 15px;
    top: calc(50% - 8px); }
  .step-process-container .tree ul {
    left: 0;
    top: 0; }
    .step-process-container .tree ul li {
      margin: 0; }
      .step-process-container .tree ul li:first-child {
        margin-top: 0; }
  .step-process-container .tree ul.folder {
    background-color: #E0E0E1;
    padding: 0; }

.step-process-container .step-container {
  height: calc(100% - 60px);
  padding: 15px 30px; }
  .step-process-container .step-container .js-step-panel {
    display: none; }
    .step-process-container .step-container .js-step-panel.step-panel-active {
      display: block; }

.step-process-container .js-step-links-scroll {
  height: 100%;
  overflow: auto; }

.step-process-container .btn-toggle-steps,
.step-process-container .phone-visible {
  display: none; }

.step-process-container .tree a {
  line-height: normal; }

.step-process-container.two-column > .main,
.step-process-container.two-column > .sidebar {
  height: inherit; }

@media (min-width: 767px) and (max-width: 1279px) {
  .step-process-container .sidebar,
  .step-process-container .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .step-process-container.tablet-hide-steps .main {
    position: absolute;
    width: 100%; }
  .step-process-container.tablet-hide-steps .sidebar,
  .step-process-container.tablet-hide-steps .main {
    -webkit-transform: translateX(-250px);
    -moz-transform: translateX(-250px);
    -o-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px); } }

@media (max-width: 1279px) {
  .step-process-container .main,
  .step-process-container .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); }
  .step-process-container .main .btn-toggle-steps {
    display: inline-block; }
  .step-process-container .toolbar-custom .heading {
    padding-left: 60px; }
  .step-process-container .toolbar-collapsible {
    -webkit-transition: margin-top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: margin-top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: margin-top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: margin-top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: margin-top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    padding-right: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .step-process-container .js-step-container-scroll {
    height: 100%;
    padding-top: 75px; }
  .step-process-container .scrolled-down .toolbar-collapsible {
    margin-top: -60px; } }

@media (max-width: 766px) {
  .step-process-container .phone-visible {
    display: block; }
  .step-process-container .phone-hidden {
    display: none; }
  .step-process-container .main,
  .step-process-container .sidebar {
    height: calc(100% - 60px);
    height: 100%;
    min-height: calc(100% - 60px) !important;
    position: absolute; }
  .step-process-container .sidebar {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    display: block !important; }
    .step-process-container .sidebar .tree {
      padding-top: 60px; }
  .step-process-container .main {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
    .step-process-container .main .toolbar .title {
      width: auto; }
  .step-process-container.phone-hide-steps .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 100%; }
  .step-process-container.phone-hide-steps .sidebar {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  .step-process-container .toolbar-custom .actions {
    display: none; }
  .step-process-container .js-step-links-scroll {
    padding-top: 60px;
    top: 60px; }
  .step-process-container .js-step-container-scroll {
    height: calc(100% - 60px); }
  .step-process-container .phone-action-bar {
    border-top: 1px solid #C5C5C9;
    bottom: 0;
    position: absolute;
    width: 100%; }
    .step-process-container .phone-action-bar button {
      border-radius: 0;
      display: inline-block;
      height: 60px;
      margin: 0;
      width: 50%; } }

html[dir='rtl'] .step-process-container .toolbar-custom .actions {
  left: 0;
  right: auto; }

html[dir='rtl'] .step-process-container .toolbar-custom .btn-toggle-steps {
  left: auto;
  right: 10px; }

html[dir='rtl'] .step-process-container .toolbar-custom .heading {
  padding-left: 0;
  padding-right: 20px; }

html[dir='rtl'] .step-process-container .tree ul {
  right: auto; }
  html[dir='rtl'] .step-process-container .tree ul li {
    margin-left: 10px;
    margin-right: 0; }
    html[dir='rtl'] .step-process-container .tree ul li:first-child {
      margin-top: 0; }
  html[dir='rtl'] .step-process-container .tree ul a {
    margin: 0; }

html[dir='rtl'] .step-process-container .tree li > a {
  padding: 15px 45px 15px 60px; }

html[dir='rtl'] .step-process-container .tree li .icon.step-alert {
  left: auto;
  margin-left: 15px;
  margin-right: 0;
  right: 15px; }

html[dir='rtl'] .step-process-container .tree li.folder > a .icon-tree {
  left: 15px;
  right: auto; }

@media (min-width: 767px) and (max-width: 1279px) {
  html[dir='rtl'] .step-process-container.tablet-hide-steps .main,
  html[dir='rtl'] .step-process-container.tablet-hide-steps .sidebar {
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -o-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px); } }

@media (max-width: 1279px) {
  html[dir='rtl'] .step-process-container .toolbar-custom .heading {
    padding-left: 0;
    padding-right: 60px; }
  html[dir='rtl'] .step-process-container .toolbar-collapsible {
    padding-left: 10px;
    padding-right: 0; } }

@media (max-width: 766px) {
  html[dir='rtl'] .step-process-container .sidebar {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  html[dir='rtl'] .step-process-container .main {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  html[dir='rtl'] .step-process-container.phone-hide-steps .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  html[dir='rtl'] .step-process-container.phone-hide-steps .sidebar {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

@media (min-width: 767px) and (max-width: 1279px) {
  html[dir='rtl'].ie11 .step-process-container.tablet-hide-steps .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.object-summary {
  margin: 0 auto;
  max-width: 80%; }
  .object-summary .image,
  .object-summary .summary {
    display: table-cell;
    vertical-align: top; }
  .object-summary .image {
    margin: 10px 20px 0 0;
    padding-bottom: 20px;
    width: 200px; }
  .object-summary .summary {
    padding-left: 30px;
    width: auto; }
    .object-summary .summary .details {
      margin: 20px 0; }
      .object-summary .summary .details strong {
        margin-left: 10px; }
    .object-summary .summary .subtitle {
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 10px;
      margin-top: 0; }
    .object-summary .summary p {
      margin-bottom: 5px; }

@media (max-width: 1279px) {
  .object-summary .summary {
    width: 65%; } }

@media (max-width: 766px) {
  .object-summary .image,
  .object-summary .summary {
    display: block;
    padding: 0;
    width: 100%; }
    .object-summary .image.image,
    .object-summary .summary.image {
      margin-bottom: 10px; } }

.pane {
  padding-left: 10px; }
  .pane.alternate {
    background-color: #ffffff; }
  .pane .content {
    min-height: 300px;
    width: 100%; }
  .pane .datagrid-container {
    height: 100%; }
    .pane .datagrid-container.paginated {
      height: calc(100% - 58px); }
    .pane .datagrid-container.has-filterable-columns .datagrid-body {
      height: calc(100% - 52px); }
  .pane .toolbar + .datagrid-container,
  .pane .has-toolbar + .datagrid-container {
    height: calc(100% - 45px); }
    .pane .toolbar + .datagrid-container.paginated,
    .pane .has-toolbar + .datagrid-container.paginated {
      height: calc(100% - 103px); }
  .pane .tab-panel-container {
    height: calc(100% - 40px); }
    .pane .tab-panel-container .tab-panel {
      height: 100%; }
  .pane.single {
    display: inline-block;
    height: calc(100% - 30px);
    left: 0;
    margin: 20px 20px 10px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: calc(100% - 40px); }
  .pane.top-left {
    display: inline-block;
    height: calc(50% - 30px);
    left: 0;
    margin: 20px 10px 10px 20px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: calc(50% - 30px); }
  .pane.top-right {
    display: inline-block;
    height: calc(50% - 30px);
    margin: 20px 20px 10px 10px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 30px); }
  .pane.bottom-left {
    bottom: 0;
    display: inline-block;
    height: calc(50% - 30px);
    left: 0;
    margin: 10px 10px 20px 20px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    width: calc(50% - 30px); }
  .pane.bottom-right {
    bottom: 0;
    display: inline-block;
    height: calc(50% - 30px);
    margin: 10px 20px 20px 10px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    width: calc(50% - 30px); }
  .pane.left {
    display: inline-block;
    height: calc(100% - 40px);
    left: 0;
    margin: 20px 10px 20px 20px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: calc(50% - 30px); }
  .pane.right {
    display: inline-block;
    height: calc(100% - 40px);
    margin: 20px 20px 20px 10px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 30px); }
  .pane.top {
    display: inline-block;
    height: calc(50% - 30px);
    margin: 20px 20px 10px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: calc(100% - 40px); }
  .pane.bottom {
    bottom: 0;
    display: inline-block;
    height: calc(50% - 30px);
    margin: 10px 20px 20px;
    min-height: 0;
    overflow: auto;
    position: absolute;
    width: calc(100% - 40px); }

/*
 don't include `.pane.single` in the responsive section -
 Since there is only 1 pane no need to do anything differend
 on different form factors.
 */
@media (min-width: 0) and (max-width: 967px) {
  .pane.top,
  .pane.bottom,
  .pane.left,
  .pane.right,
  .pane.top-left,
  .pane.top-right,
  .pane.bottom-left,
  .pane.bottom-right {
    height: auto;
    margin: 0 0 20px 20px;
    position: relative;
    width: calc(100% - 40px); }
  .pane:first-child {
    margin-top: 20px; } }

.scrollable-flex {
  display: flex !important;
  flex-direction: column; }
  .scrollable-flex > * {
    flex-grow: 0; }

.scrollable-flex-header,
.scrollable-flex-grow,
.scrollable-flex-footer {
  flex-grow: 0; }

.scrollable-flex-content,
.scrollable-area,
.scrollable-flex-shrink {
  flex-shrink: 1;
  height: 100%;
  overflow-y: auto; }
  .scrollable-flex-content.has-margins,
  .scrollable-area.has-margins,
  .scrollable-flex-shrink.has-margins {
    margin: 20px; }
  .scrollable-flex-content .datagrid-container,
  .scrollable-area .datagrid-container,
  .scrollable-flex-shrink .datagrid-container {
    height: 100%; }
    .scrollable-flex-content .datagrid-container.paginated,
    .scrollable-area .datagrid-container.paginated,
    .scrollable-flex-shrink .datagrid-container.paginated {
      height: calc(100% - 40px); }
  .scrollable-flex-content.listview,
  .scrollable-area.listview,
  .scrollable-flex-shrink.listview {
    height: 100% !important; }
    .scrollable-flex-content.listview + .pager-toolbar,
    .scrollable-area.listview + .pager-toolbar,
    .scrollable-flex-shrink.listview + .pager-toolbar {
      height: 100%; }
  .scrollable-flex-content .toolbar + .datagrid-container.has-toolbar,
  .scrollable-area .toolbar + .datagrid-container.has-toolbar,
  .scrollable-flex-shrink .toolbar + .datagrid-container.has-toolbar {
    height: calc(100% - 50px); }
  .scrollable-flex-content.card .empty-message,
  .scrollable-area.card .empty-message,
  .scrollable-flex-shrink.card .empty-message {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    vertical-align: top; }

.summary-form .field {
  width: 100%; }

.summary-form .label {
  color: #3B3B3F;
  display: block;
  max-width: 300px;
  vertical-align: top; }

.summary-form .switch:first-child {
  margin-top: 0; }

.summary-form .data {
  color: #000000;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  height: 1.6rem;
  padding: 0 10px;
  padding-left: 0;
  padding-right: 0; }
  .summary-form .data.cozy {
    line-height: 1rem;
    margin-bottom: 0.5rem; }

.summary-form i {
  color: #161618;
  font-style: normal; }

.form-layout-compact fieldset > legend,
.form-layout-compact .fieldset > legend {
  padding-bottom: 12px; }

.form-layout-compact .row fieldset:not(.radio-group):nth-child(n + 2),
.form-layout-compact .row .fieldset:not(.radio-group):nth-child(n + 2) {
  margin-top: 20px; }

.form-layout-compact .fieldset-title,
.form-layout-compact .section-title {
  padding-bottom: 12px;
  padding-top: 20px; }

@media (max-width: 1279px) {
  .summary-form .column,
  .summary-form .columns {
    padding: 0; }
    .summary-form .column .field:first-child,
    .summary-form .columns .field:first-child {
      margin-top: 10px; } }

.anchoring-container {
  height: 100%; }
  .anchoring-container .top-anchored {
    height: 50%; }
  .anchoring-container .bottom-anchored {
    height: 50%; }
    .anchoring-container .bottom-anchored .bottom-anchored-inner {
      height: calc(100% - 60px); }

.ruby01 {
  background: #FBE7E8; }

.ruby01-color {
  color: #FBE7E8 !important; }

.ruby01-border-color {
  border-color: #FBE7E8 !important; }

.ruby01.tag {
  background: #FBE7E8; }

.ruby02 {
  background: #F5C3C4; }

.ruby02-color {
  color: #F5C3C4 !important; }

.ruby02-border-color {
  border-color: #F5C3C4 !important; }

.ruby02.tag {
  background: #F5C3C4; }

.ruby03 {
  background: #EE9496; }

.ruby03-color {
  color: #EE9496 !important; }

.ruby03-border-color {
  border-color: #EE9496 !important; }

.ruby03.tag {
  background: #EE9496; }

.ruby04 {
  background: #E66467; }

.ruby04-color {
  color: #E66467 !important; }

.ruby04-border-color {
  border-color: #E66467 !important; }

.ruby04.tag {
  background: #E66467; }

.ruby05 {
  background: #DF3539; }

.ruby05-color {
  color: #DF3539 !important; }

.ruby05-border-color {
  border-color: #DF3539 !important; }

.ruby05.tag {
  background: #DF3539; }

.ruby06 {
  background: #DA1217; }

.ruby06-color {
  color: #DA1217 !important; }

.ruby06-border-color {
  border-color: #DA1217 !important; }

.ruby06.tag {
  background: #DA1217; }

.ruby07 {
  background: #C31014; }

.ruby07-color {
  color: #C31014 !important; }

.ruby07-border-color {
  border-color: #C31014 !important; }

.ruby07.tag {
  background: #C31014; }

.ruby08 {
  background: #A30D11; }

.ruby08-color {
  color: #A30D11 !important; }

.ruby08-border-color {
  border-color: #A30D11 !important; }

.ruby08.tag {
  background: #A30D11; }

.ruby09 {
  background: #8D0B0E; }

.ruby09-color {
  color: #8D0B0E !important; }

.ruby09-border-color {
  border-color: #8D0B0E !important; }

.ruby09.tag {
  background: #8D0B0E; }

.ruby10 {
  background: #6C080B; }

.ruby10-color {
  color: #6C080B !important; }

.ruby10-border-color {
  border-color: #6C080B !important; }

.ruby10.tag {
  background: #6C080B; }

.amber01 {
  background: #FEF2E5; }

.amber01-color {
  color: #FEF2E5 !important; }

.amber01-border-color {
  border-color: #FEF2E5 !important; }

.amber01.tag {
  background: #FEF2E5; }

.amber02 {
  background: #FDDFBD; }

.amber02-color {
  color: #FDDFBD !important; }

.amber02-border-color {
  border-color: #FDDFBD !important; }

.amber02.tag {
  background: #FDDFBD; }

.amber03 {
  background: #FCC888; }

.amber03-color {
  color: #FCC888 !important; }

.amber03-border-color {
  border-color: #FCC888 !important; }

.amber03.tag {
  background: #FCC888; }

.amber04 {
  background: #FBAF50; }

.amber04-color {
  color: #FBAF50 !important; }

.amber04-border-color {
  border-color: #FBAF50 !important; }

.amber04.tag {
  background: #FBAF50; }

.amber05 {
  background: #FA9601; }

.amber05-color {
  color: #FA9601 !important; }

.amber05-border-color {
  border-color: #FA9601 !important; }

.amber05.tag {
  background: #FA9601; }

.amber06 {
  background: #F98300; }

.amber06-color {
  color: #F98300 !important; }

.amber06-border-color {
  border-color: #F98300 !important; }

.amber06.tag {
  background: #F98300; }

.amber07 {
  background: #DF6F00; }

.amber07-color {
  color: #DF6F00 !important; }

.amber07-border-color {
  border-color: #DF6F00 !important; }

.amber07.tag {
  background: #DF6F00; }

.amber08 {
  background: #CD6200; }

.amber08-color {
  color: #CD6200 !important; }

.amber08-border-color {
  border-color: #CD6200 !important; }

.amber08.tag {
  background: #CD6200; }

.amber09 {
  background: #BB5500; }

.amber09-color {
  color: #BB5500 !important; }

.amber09-border-color {
  border-color: #BB5500 !important; }

.amber09.tag {
  background: #BB5500; }

.amber10 {
  background: #A14100; }

.amber10-color {
  color: #A14100 !important; }

.amber10-border-color {
  border-color: #A14100 !important; }

.amber10.tag {
  background: #A14100; }

.emerald01 {
  background: #EBF9F1; }

.emerald01-color {
  color: #EBF9F1 !important; }

.emerald01-border-color {
  border-color: #EBF9F1 !important; }

.emerald01.tag {
  background: #EBF9F1; }

.emerald02 {
  background: #CBEFDC; }

.emerald02-color {
  color: #CBEFDC !important; }

.emerald02-border-color {
  border-color: #CBEFDC !important; }

.emerald02.tag {
  background: #CBEFDC; }

.emerald03 {
  background: #A1E4BF; }

.emerald03-color {
  color: #A1E4BF !important; }

.emerald03-border-color {
  border-color: #A1E4BF !important; }

.emerald03.tag {
  background: #A1E4BF; }

.emerald04 {
  background: #78D8A3; }

.emerald04-color {
  color: #78D8A3 !important; }

.emerald04-border-color {
  border-color: #78D8A3 !important; }

.emerald04.tag {
  background: #78D8A3; }

.emerald05 {
  background: #4DCC86; }

.emerald05-color {
  color: #4DCC86 !important; }

.emerald05-border-color {
  border-color: #4DCC86 !important; }

.emerald05.tag {
  background: #4DCC86; }

.emerald06 {
  background: #2AC371; }

.emerald06-color {
  color: #2AC371 !important; }

.emerald06-border-color {
  border-color: #2AC371 !important; }

.emerald06.tag {
  background: #2AC371; }

.emerald07 {
  background: #25AF65; }

.emerald07-color {
  color: #25AF65 !important; }

.emerald07-border-color {
  border-color: #25AF65 !important; }

.emerald07.tag {
  background: #25AF65; }

.emerald08 {
  background: #1F9254; }

.emerald08-color {
  color: #1F9254 !important; }

.emerald08-border-color {
  border-color: #1F9254 !important; }

.emerald08.tag {
  background: #1F9254; }

.emerald09 {
  background: #1C7F49; }

.emerald09-color {
  color: #1C7F49 !important; }

.emerald09-border-color {
  border-color: #1C7F49 !important; }

.emerald09.tag {
  background: #1C7F49; }

.emerald10 {
  background: #156138; }

.emerald10-color {
  color: #156138 !important; }

.emerald10-border-color {
  border-color: #156138 !important; }

.emerald10.tag {
  background: #156138; }

.azure01 {
  background: #E6F1FD; }

.azure01-color {
  color: #E6F1FD !important; }

.azure01-border-color {
  border-color: #E6F1FD !important; }

.azure01.tag {
  background: #E6F1FD; }

.azure02 {
  background: #BEDCFA; }

.azure02-color {
  color: #BEDCFA !important; }

.azure02-border-color {
  border-color: #BEDCFA !important; }

.azure02.tag {
  background: #BEDCFA; }

.azure03 {
  background: #8ABFF7; }

.azure03-color {
  color: #8ABFF7 !important; }

.azure03-border-color {
  border-color: #8ABFF7 !important; }

.azure03.tag {
  background: #8ABFF7; }

.azure04 {
  background: #55A3F3; }

.azure04-color {
  color: #55A3F3 !important; }

.azure04-border-color {
  border-color: #55A3F3 !important; }

.azure04.tag {
  background: #55A3F3; }

.azure05 {
  background: #1C86EF; }

.azure05-color {
  color: #1C86EF !important; }

.azure05-border-color {
  border-color: #1C86EF !important; }

.azure05.tag {
  background: #1C86EF; }

.azure06 {
  background: #0072ED; }

.azure06-color {
  color: #0072ED !important; }

.azure06-border-color {
  border-color: #0072ED !important; }

.azure06.tag {
  background: #0072ED; }

.azure07 {
  background: #0066D4; }

.azure07-color {
  color: #0066D4 !important; }

.azure07-border-color {
  border-color: #0066D4 !important; }

.azure07.tag {
  background: #0066D4; }

.azure08 {
  background: #0054B1; }

.azure08-color {
  color: #0054B1 !important; }

.azure08-border-color {
  border-color: #0054B1 !important; }

.azure08.tag {
  background: #0054B1; }

.azure09 {
  background: #004A99; }

.azure09-color {
  color: #004A99 !important; }

.azure09-border-color {
  border-color: #004A99 !important; }

.azure09.tag {
  background: #004A99; }

.azure10 {
  background: #003876; }

.azure10-color {
  color: #003876 !important; }

.azure10-border-color {
  border-color: #003876 !important; }

.azure10.tag {
  background: #003876; }

.turquoise01 {
  background: #ECF8F8; }

.turquoise01-color {
  color: #ECF8F8 !important; }

.turquoise01-border-color {
  border-color: #ECF8F8 !important; }

.turquoise01.tag {
  background: #ECF8F8; }

.turquoise02 {
  background: #CFEEEE; }

.turquoise02-color {
  color: #CFEEEE !important; }

.turquoise02-border-color {
  border-color: #CFEEEE !important; }

.turquoise02.tag {
  background: #CFEEEE; }

.turquoise03 {
  background: #A8E1E1; }

.turquoise03-color {
  color: #A8E1E1 !important; }

.turquoise03-border-color {
  border-color: #A8E1E1 !important; }

.turquoise03.tag {
  background: #A8E1E1; }

.turquoise04 {
  background: #82D4D4; }

.turquoise04-color {
  color: #82D4D4 !important; }

.turquoise04-border-color {
  border-color: #82D4D4 !important; }

.turquoise04.tag {
  background: #82D4D4; }

.turquoise05 {
  background: #5CC6C7; }

.turquoise05-color {
  color: #5CC6C7 !important; }

.turquoise05-border-color {
  border-color: #5CC6C7 !important; }

.turquoise05.tag {
  background: #5CC6C7; }

.turquoise06 {
  background: #40BDBE; }

.turquoise06-color {
  color: #40BDBE !important; }

.turquoise06-border-color {
  border-color: #40BDBE !important; }

.turquoise06.tag {
  background: #40BDBE; }

.turquoise07 {
  background: #39A9AA; }

.turquoise07-color {
  color: #39A9AA !important; }

.turquoise07-border-color {
  border-color: #39A9AA !important; }

.turquoise07.tag {
  background: #39A9AA; }

.turquoise08 {
  background: #2F8D8E; }

.turquoise08-color {
  color: #2F8D8E !important; }

.turquoise08-border-color {
  border-color: #2F8D8E !important; }

.turquoise08.tag {
  background: #2F8D8E; }

.turquoise09 {
  background: #297B7B; }

.turquoise09-color {
  color: #297B7B !important; }

.turquoise09-border-color {
  border-color: #297B7B !important; }

.turquoise09.tag {
  background: #297B7B; }

.turquoise10 {
  background: #1F5E5E; }

.turquoise10-color {
  color: #1F5E5E !important; }

.turquoise10-border-color {
  border-color: #1F5E5E !important; }

.turquoise10.tag {
  background: #1F5E5E; }

.amethyst01 {
  background: #F1EBFC; }

.amethyst01-color {
  color: #F1EBFC !important; }

.amethyst01-border-color {
  border-color: #F1EBFC !important; }

.amethyst01.tag {
  background: #F1EBFC; }

.amethyst02 {
  background: #DDCBF7; }

.amethyst02-color {
  color: #DDCBF7 !important; }

.amethyst02-border-color {
  border-color: #DDCBF7 !important; }

.amethyst02.tag {
  background: #DDCBF7; }

.amethyst03 {
  background: #C2A1F1; }

.amethyst03-color {
  color: #C2A1F1 !important; }

.amethyst03-border-color {
  border-color: #C2A1F1 !important; }

.amethyst03.tag {
  background: #C2A1F1; }

.amethyst04 {
  background: #A876EB; }

.amethyst04-color {
  color: #A876EB !important; }

.amethyst04-border-color {
  border-color: #A876EB !important; }

.amethyst04.tag {
  background: #A876EB; }

.amethyst05 {
  background: #8D4BE5; }

.amethyst05-color {
  color: #8D4BE5 !important; }

.amethyst05-border-color {
  border-color: #8D4BE5 !important; }

.amethyst05.tag {
  background: #8D4BE5; }

.amethyst06 {
  background: #7928E1; }

.amethyst06-color {
  color: #7928E1 !important; }

.amethyst06-border-color {
  border-color: #7928E1 !important; }

.amethyst06.tag {
  background: #7928E1; }

.amethyst07 {
  background: #6C23C9; }

.amethyst07-color {
  color: #6C23C9 !important; }

.amethyst07-border-color {
  border-color: #6C23C9 !important; }

.amethyst07.tag {
  background: #6C23C9; }

.amethyst08 {
  background: #591DA8; }

.amethyst08-color {
  color: #591DA8 !important; }

.amethyst08-border-color {
  border-color: #591DA8 !important; }

.amethyst08.tag {
  background: #591DA8; }

.amethyst09 {
  background: #4E1A91; }

.amethyst09-color {
  color: #4E1A91 !important; }

.amethyst09-border-color {
  border-color: #4E1A91 !important; }

.amethyst09.tag {
  background: #4E1A91; }

.amethyst10 {
  background: #3B1470; }

.amethyst10-color {
  color: #3B1470 !important; }

.amethyst10-border-color {
  border-color: #3B1470 !important; }

.amethyst10.tag {
  background: #3B1470; }

.graphite01 {
  background: #EEEEEE; }

.graphite01-color {
  color: #EEEEEE !important; }

.graphite01-border-color {
  border-color: #EEEEEE !important; }

.graphite01.tag {
  background: #EEEEEE; }

.graphite02 {
  background: #D3D3D3; }

.graphite02-color {
  color: #D3D3D3 !important; }

.graphite02-border-color {
  border-color: #D3D3D3 !important; }

.graphite02.tag {
  background: #D3D3D3; }

.graphite03 {
  background: #B1B1B1; }

.graphite03-color {
  color: #B1B1B1 !important; }

.graphite03-border-color {
  border-color: #B1B1B1 !important; }

.graphite03.tag {
  background: #B1B1B1; }

.graphite04 {
  background: #8F8F8F; }

.graphite04-color {
  color: #8F8F8F !important; }

.graphite04-border-color {
  border-color: #8F8F8F !important; }

.graphite04.tag {
  background: #8F8F8F; }

.graphite05 {
  background: #6C6C6C; }

.graphite05-color {
  color: #6C6C6C !important; }

.graphite05-border-color {
  border-color: #6C6C6C !important; }

.graphite05.tag {
  background: #6C6C6C; }

.graphite06 {
  background: #535353; }

.graphite06-color {
  color: #535353 !important; }

.graphite06-border-color {
  border-color: #535353 !important; }

.graphite06.tag {
  background: #535353; }

.graphite07 {
  background: #4A4A4A; }

.graphite07-color {
  color: #4A4A4A !important; }

.graphite07-border-color {
  border-color: #4A4A4A !important; }

.graphite07.tag {
  background: #4A4A4A; }

.graphite08 {
  background: #3E3E3E; }

.graphite08-color {
  color: #3E3E3E !important; }

.graphite08-border-color {
  border-color: #3E3E3E !important; }

.graphite08.tag {
  background: #3E3E3E; }

.graphite09 {
  background: #363636; }

.graphite09-color {
  color: #363636 !important; }

.graphite09-border-color {
  border-color: #363636 !important; }

.graphite09.tag {
  background: #363636; }

.graphite10 {
  background: #292929; }

.graphite10-color {
  color: #292929 !important; }

.graphite10-border-color {
  border-color: #292929 !important; }

.graphite10.tag {
  background: #292929; }

.slate01 {
  background: #F5F5F5; }

.slate01-color {
  color: #F5F5F5 !important; }

.slate01-border-color {
  border-color: #F5F5F5 !important; }

.slate01.tag {
  background: #F5F5F5; }

.slate02 {
  background: #E0E0E1; }

.slate02-color {
  color: #E0E0E1 !important; }

.slate02-border-color {
  border-color: #E0E0E1 !important; }

.slate02.tag {
  background: #E0E0E1; }

.slate03 {
  background: #C5C5C9; }

.slate03-color {
  color: #C5C5C9 !important; }

.slate03-border-color {
  border-color: #C5C5C9 !important; }

.slate03.tag {
  background: #C5C5C9; }

.slate04 {
  background: #BBBBBF; }

.slate04-color {
  color: #BBBBBF !important; }

.slate04-border-color {
  border-color: #BBBBBF !important; }

.slate04.tag {
  background: #BBBBBF; }

.slate05 {
  background: #8E8E95; }

.slate05-color {
  color: #8E8E95 !important; }

.slate05-border-color {
  border-color: #8E8E95 !important; }

.slate05.tag {
  background: #8E8E95; }

.slate06 {
  background: #6F6F76; }

.slate06-color {
  color: #6F6F76 !important; }

.slate06-border-color {
  border-color: #6F6F76 !important; }

.slate06.tag {
  background: #6F6F76; }

.slate07 {
  background: #525257; }

.slate07-color {
  color: #525257 !important; }

.slate07-border-color {
  border-color: #525257 !important; }

.slate07.tag {
  background: #525257; }

.slate08 {
  background: #3B3B3F; }

.slate08-color {
  color: #3B3B3F !important; }

.slate08-border-color {
  border-color: #3B3B3F !important; }

.slate08.tag {
  background: #3B3B3F; }

.slate09 {
  background: #28282A; }

.slate09-color {
  color: #28282A !important; }

.slate09-border-color {
  border-color: #28282A !important; }

.slate09.tag {
  background: #28282A; }

.slate10 {
  background: #161618; }

.slate10-color {
  color: #161618 !important; }

.slate10-border-color {
  border-color: #161618 !important; }

.slate10.tag {
  background: #161618; }

.alert01 {
  background: #DA1217; }

.alert01-color {
  color: #DA1217 !important; }

.alert01-border-color {
  border-color: #DA1217 !important; }

.alert01.tag {
  background: #DA1217; }

.alert02 {
  background: #F98300; }

.alert02-color {
  color: #F98300 !important; }

.alert02-border-color {
  border-color: #F98300 !important; }

.alert02.tag {
  background: #F98300; }

.alert03 {
  background: #FFD100; }

.alert03-color {
  color: #FFD100 !important; }

.alert03-border-color {
  border-color: #FFD100 !important; }

.alert03.tag {
  background: #FFD100; }

.alert04 {
  background: #2AC371; }

.alert04-color {
  color: #2AC371 !important; }

.alert04-border-color {
  border-color: #2AC371 !important; }

.alert04.tag {
  background: #2AC371; }

.primary-bg-color {
  background: #0072ED; }

html.theme-new-light .primary-bg-color {
  background: #ffffff; }

html.theme-new-contrast .primary-bg-color {
  background: #ffffff; }

html.theme-new-dark .primary-bg-color {
  background: #28282A; }

html.theme-classic-light .primary-bg-color {
  background: #368ac0; }

html.theme-classic-contrast .primary-bg-color {
  background: #134d71; }

html.theme-classic-dark .primary-bg-color {
  background: #50535a; }

.alabaster {
  background-color: #fff; }
  .alabaster.swatch {
    border: 1px solid #BBBBBF; }

.primary-color {
  color: #0072ED !important; }

.palette-grid {
  display: table;
  padding: 30px 20px 20px;
  width: 100%; }
  .palette-grid .palette-label-column {
    text-transform: lowercase;
    width: 30px; }
    .palette-grid .palette-label-column .palette-color {
      border: none; }
  .palette-grid .palette-label-column:last-child {
    width: 100px; }

.palette-column {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: table-cell;
  font-size: 2.2rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top; }
  .palette-column .palette-color {
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 1.6rem;
    height: 55px;
    margin: 10px;
    margin-bottom: 40px;
    width: auto; }
  .palette-column .dark-color,
  .palette-column .light-color {
    left: 5px;
    position: relative;
    top: 60px; }
  .palette-column .palette-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: 1.6rem;
    text-align: center;
    text-transform: none; }
  .palette-column .palette-number {
    position: relative;
    top: 32%; }
  .palette-column .palette-hex {
    margin-left: -10px; }

.palette-border {
  border: none;
  border-width: 5px;
  border-style: dashed;
  height: 55px;
  width: auto;
  margin: 10px;
  margin-bottom: 40px;
  font-size: 1.6rem; }

.palette-svg {
  font-size: 1.6rem; }
  .palette-svg .palette-hex-svg {
    text-align: center;
    margin-top: 10px; }

.demo-center {
  display: block;
  margin: auto; }

.theme-new-light .palette-column:nth-child(9),
.theme-new-dark .palette-column:nth-child(9),
.theme-new-contrast .palette-column:nth-child(9) {
  display: none; }

.personalization-bg-color {
  background-color: #ffffff; }

.status-01 {
  background-color: #DA1217; }

.status-02 {
  background-color: #F98300; }

.status-03 {
  background-color: #FFD100; }

.status-04 {
  background-color: #2AC371; }

.status-05 {
  background-color: #0064D4; }

.status-01-border {
  border-color: #DA1217; }

.status-02-border {
  border-color: #F98300; }

.status-03-border {
  border-color: #FFD100; }

.status-04-border {
  border-color: #2AC371; }

.status-05-border {
  border-color: #0064D4; }

.status-01-color {
  color: #DA1217; }

.status-02-color {
  color: #F98300; }

.status-03-color {
  color: #FFD100; }

.status-04-color {
  color: #2AC371; }

.status-05-color {
  color: #0064D4; }

html[dir='rtl'] .palette-column .palette-label {
  text-align: right; }

html[dir='rtl'] .palette-column .palette-number {
  float: right;
  margin-left: 0;
  margin-right: 15px; }

html.is-chrome:not(.is-mac) ::-webkit-scrollbar-track {
  background-color: #ffffff;
  border: 1px solid #E0E0E1; }

html.is-chrome:not(.is-mac) ::-webkit-scrollbar-corner {
  background-color: #ffffff; }

html.is-chrome:not(.is-mac) ::-webkit-scrollbar {
  background-color: transparent;
  height: 14px;
  width: 14px; }

html.is-chrome:not(.is-mac) ::-webkit-scrollbar-thumb {
  background: #E0E0E1;
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 12px; }
  html.is-chrome:not(.is-mac) ::-webkit-scrollbar-thumb:hover {
    background: #C5C5C9;
    background-clip: content-box;
    border: 2px solid transparent; }

/*# sourceMappingURL=theme-new-light.css.map */