@charset "UTF-8";
/*! 
 *  IDS Enterprise Components - v4.96.0
 *  Date: 2024-06-07T16:18:27.181Z
 *  Revision: f99cb8c3d046d7b4c1abbb155b57fab26819b666
 *  
 *  
 *  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;
}

.no-margin {
  margin: 0 !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.3333333333% - 18.3333333333px);
}
.row.no-indent .one-one-half.column,
.row.no-indent .one-one-half.columns {
  width: calc(12.5% - 12.5px);
}
.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.3333333333px);
}
.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.3333333333% - 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.5% - 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.3333333333% - 20px);
  }
  .one-one-half.column,
  .one-one-half.columns {
    margin-left: 20px;
    width: calc(12.5% - 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);
  }
}
@media (max-width: 968px) {
  .module-nav-container .columns {
    width: 100%;
  }
}
.module-nav-container.mode-expanded .columns {
  width: 100%;
}
@media (min-width: 1280px) {
  .module-nav-container.mode-expanded .six.columns {
    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] .one-fourth.column,
  html[dir=rtl] .one-fifth.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-top: -1px;
  position: absolute;
  top: inherit;
  margin-left: -1px;
}
.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: rgba(0, 0, 0, 0.9);
}

.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;
    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%;
  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;
  border-bottom: 1px solid transparent;
}
.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, white, rgba(255, 255, 255, 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: #ffffff;
}

.is-personalizable .personalize-subheader {
  background-color: #ffffff;
}

.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: #F5F5F5;
}

.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: 2.5rem;
  color: #161618;
  font-size: 2.8rem;
}
h1 + p {
  margin: 20px 0;
}

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

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

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

p {
  color: #161618;
  font-size: 1.6rem;
  line-height: 140%;
}
p + h1,
p + h2,
p + h3,
p + h4 {
  margin-top: 2rem;
}
p + p {
  margin-top: 1.5rem;
}

.text-primary,
a.text-primary {
  font-size: 2.8rem;
  line-height: 2.5rem;
}

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

.text-base,
a.text-base {
  font-size: 1.6rem;
  margin-top: 1.5rem;
}

.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 {
  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);
  line-height: 2.2rem;
  margin-bottom: 1rem;
}

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

small,
.micro-text {
  color: #161618;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  line-height: 1.5rem;
}

.alert-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #da1217;
  font-weight: 600;
  padding-left: 15px;
  margin-bottom: 1rem;
  line-height: 2rem;
}
.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: #8E8E95;
}

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: -1px !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;
  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: "/";
  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: #ffffff;
  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, white, rgba(255, 255, 255, 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: #ffffff;
}
.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, white, rgba(255, 255, 255, 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, white, rgba(255, 255, 255, 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: "\\";
  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: "\\";
  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(255, 255, 255, 0), white);
}
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;
  margin-inline-end: 5px;
}
.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:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #254A92, 0 0 4px 3px rgba(54, 138, 192, 0.1) !important;
}
.btn-icon.btn-generative .dot-flashing-container {
  margin-inline-end: 0;
}
.btn-icon.btn-generative:hover {
  background: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
}
.btn-icon.btn-generative:hover svg.icon {
  color: #ffffff !important;
}
.btn-icon.btn-generative:active {
  background: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
}
.btn-icon.btn-generative[disabled] {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
  background-color: #ffffff !important;
  color: #ffffff !important;
  opacity: 0.4;
}
.btn-icon.btn-generative[disabled]:hover {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 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, #1F405C 17.32%, #0EAA9B 95.32%);
}
.btn-primary.btn-generative:active {
  background: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
}
.btn-primary.btn-generative[disabled] {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
  background-color: #ffffff !important;
  color: #ffffff !important;
  opacity: 0.4;
}
.btn-primary.btn-generative[disabled]:hover {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
  background-color: #ffffff !important;
}
.btn-primary.btn-generative:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #254A92, 0 0 4px 3px rgba(54, 138, 192, 0.1);
}
.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, #1F405C 17.32%, #0EAA9B 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, #1F405C 17.32%, #0EAA9B 95.32%);
  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:focus {
  box-shadow: 0 0 0 0.5px #0B9789, 0 0 0 0.5px #0B9789 !important;
}
.btn-tertiary.btn-generative[disabled] {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 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, #1F405C 17.32%, #0EAA9B 95.32%);
  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 #0072ED;
}
.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: #DA1217;
  border: 1px solid #DA1217;
  color: #ffffff;
  opacity: 0.4;
}

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:not(.hide-focus) {
  box-shadow: 0 0 0 1px #0072ED, 0 0 0 1px #0072ED;
}
.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: rgba(0, 0, 0, 0.9);
  overflow: hidden;
}
.btn:hover:not([disabled]),
.btn-tertiary:hover:not([disabled]),
.btn-icon:hover:not([disabled]),
.btn-close:hover:not([disabled]),
.btn-actions:hover:not([disabled]),
.btn-menu:hover:not([disabled]) {
  background-color: #F5F5F5 !important;
  color: #161618;
}
.btn:hover:not([disabled]) .icon,
.btn-tertiary:hover:not([disabled]) .icon,
.btn-icon:hover:not([disabled]) .icon,
.btn-close:hover:not([disabled]) .icon,
.btn-actions:hover:not([disabled]) .icon,
.btn-menu:hover:not([disabled]) .icon {
  color: #161618;
}
.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) {
  border-color: #0072ED;
  box-shadow: 0 0 0 0.5px #0072ED, 0 0 0 0.5px #0072ED;
  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):not(.destructive), .btn[disabled]:not(.btn-icon):not(.destructive):hover,
.btn-tertiary[disabled]:not(.btn-icon):not(.destructive),
.btn-tertiary[disabled]:not(.btn-icon):not(.destructive):hover,
.btn-icon[disabled]:not(.btn-icon):not(.destructive),
.btn-icon[disabled]:not(.btn-icon):not(.destructive):hover,
.btn-close[disabled]:not(.btn-icon):not(.destructive),
.btn-close[disabled]:not(.btn-icon):not(.destructive):hover,
.btn-actions[disabled]:not(.btn-icon):not(.destructive),
.btn-actions[disabled]:not(.btn-icon):not(.destructive):hover,
.btn-menu[disabled]:not(.btn-icon):not(.destructive),
.btn-menu[disabled]:not(.btn-icon):not(.destructive):hover {
  color: rgba(0, 0, 0, 0.9);
  cursor: default;
  opacity: 0.4;
}
.btn[disabled]:not(.btn-icon):not(.destructive) .icon, .btn[disabled]:not(.btn-icon):not(.destructive):hover .icon,
.btn-tertiary[disabled]:not(.btn-icon):not(.destructive) .icon,
.btn-tertiary[disabled]:not(.btn-icon):not(.destructive):hover .icon,
.btn-icon[disabled]:not(.btn-icon):not(.destructive) .icon,
.btn-icon[disabled]:not(.btn-icon):not(.destructive):hover .icon,
.btn-close[disabled]:not(.btn-icon):not(.destructive) .icon,
.btn-close[disabled]:not(.btn-icon):not(.destructive):hover .icon,
.btn-actions[disabled]:not(.btn-icon):not(.destructive) .icon,
.btn-actions[disabled]:not(.btn-icon):not(.destructive):hover .icon,
.btn-menu[disabled]:not(.btn-icon):not(.destructive) .icon,
.btn-menu[disabled]:not(.btn-icon):not(.destructive):hover .icon {
  color: rgba(0, 0, 0, 0.9);
}
.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: rgba(0, 0, 0, 0.9);
}

.btn-icon[disabled] {
  background-color: transparent;
  opacity: 0.4;
}
.btn-icon[disabled] .icon {
  color: #525257;
}
.btn-icon[disabled].btn-generative .icon {
  color: #fff;
  opacity: 1;
}

.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(.hide-focus),
.btn-icon.destructive:not(:disabled):focus:not(.hide-focus),
.btn-menu.destructive:not(:disabled):focus:not(.hide-focus) {
  border-color: #DA1217;
  box-shadow: 0 0 0 0.5px #C31014, 0 0 0 0.5px #C31014;
}
.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: #C31014 !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: #C31014 !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 {
    margin: 0 2px;
  }
  .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;
  padding: 0 12px;
}
.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(.hide-focus) {
  border-color: #DA1217;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #DA1217;
}
.btn-primary.destructive:hover:not(:disabled) {
  background-color: #C31014;
  border: 2px solid #C31014;
}

.btn-primary[disabled]:not(.destructive):not(.btn-generative) {
  background-color: #0072ED;
  border: 2px solid #0072ED;
  color: #ffffff;
  opacity: 0.4;
}
.btn-primary[disabled]:not(.destructive):not(.btn-generative) svg.icon {
  color: #ffffff;
}
.btn-primary[disabled]:not(.destructive):not(.btn-generative):hover {
  background-color: #0072ED;
  border-color: #0072ED;
  color: #ffffff;
}
.btn-primary[disabled]:not(.destructive):not(.btn-generative):hover svg.icon {
  color: #ffffff;
}

.btn-secondary {
  background-color: transparent;
  border-radius: 8px;
  color: #0072ED;
  border: 1px solid #0072ED;
  padding: 0 12px;
}
.btn-secondary.btn-menu {
  color: #0072ED;
  border-color: #0072ED;
}
.btn-secondary.btn-menu .icon {
  color: #0072ED;
}
.btn-secondary.btn-menu.is-open {
  background-color: #F5F5F5;
  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: 1px solid #0072ED;
  color: #0072ED;
}
.btn-secondary:active {
  background-color: #E6F1FD;
  border: 1px solid #0072ED;
  color: #0072ED;
}
.btn-secondary:focus {
  border: 1px solid #0072ED;
}
.btn-secondary:focus:active {
  background-color: #E6F1FD;
  border: 1px solid #0072ED;
  color: #0072ED;
}
.btn-secondary[disabled] {
  background-color: transparent;
  color: #0072ED !important;
  border: 1px solid #0072ED;
  opacity: 0.4;
}
.btn-secondary[disabled] svg.icon,
.btn-secondary[disabled] .icon {
  color: #0072ED !important;
}
.btn-secondary[disabled] svg.icon:hover,
.btn-secondary[disabled] .icon:hover {
  color: #0072ED;
}
.btn-secondary[disabled]:hover {
  background-color: transparent;
  color: #0072ED;
  border: 1px solid #0072ED;
}

.btn-menu.is-open,
.btn-actions.is-open {
  background-color: #F5F5F5 !important;
  color: #000000 !important;
}
.btn-menu.is-open .icon,
.btn-actions.is-open .icon {
  color: #000000 !important;
}

.btn-tertiary,
.btn-icon,
.btn-menu,
.btn {
  border-radius: 8px;
}
.btn-tertiary.btn-icon,
.btn-icon.btn-icon,
.btn-menu.btn-icon,
.btn.btn-icon {
  padding: 0;
}
.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: #F5F5F5;
  color: #000000;
}
.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 !important;
  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: #000000;
}
.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(.hide-focus),
.btn-icon.destructive:focus:not(.hide-focus),
.btn-menu.destructive:focus:not(.hide-focus),
.btn.destructive:focus:not(.hide-focus) {
  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: #C31014;
  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: #C31014;
}
.btn-tertiary.destructive:disabled,
.btn-icon.destructive:disabled,
.btn-menu.destructive:disabled,
.btn.destructive:disabled {
  color: #DA1217;
  opacity: 0.4;
}
.btn-tertiary.destructive:disabled svg.icon,
.btn-icon.destructive:disabled svg.icon,
.btn-menu.destructive:disabled svg.icon,
.btn.destructive:disabled svg.icon {
  color: #DA1217;
}

.btn-editor {
  border-radius: 8px;
}
.btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive) {
  background-color: #E0E0E1 !important;
  color: #161618 !important;
}
.btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive) svg.icon {
  color: #161618 !important;
}
.btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive).is-active svg.icon {
  color: #0066D4 !important;
}

.btn-icon.trigger:hover:not(:disabled) {
  background-color: #F5F5F5;
}

.btn-link {
  color: rgba(0, 0, 0, 0.9);
  border-radius: 8px;
}
.btn-link svg.icon,
.btn-link .icon {
  color: rgba(0, 0, 0, 0.9);
}
.btn-link:not([disabled]):not(:disabled):hover {
  background-color: #F5F5F5;
  color: rgba(0, 0, 0, 0.9);
}
.btn-link:not([disabled]):not(:disabled):hover svg.icon {
  color: rgba(0, 0, 0, 0.9);
}

[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:not(.fileupload-adv-browse-lbl),
.container .form-responsive .label,
.container .form-responsive label:not(.fileupload-adv-browse-lbl) {
  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;
  }
}
.form-responsive .fileupload-wrapper.standalone {
  padding: 25px 0;
}
.form-responsive .fileupload-wrapper {
  min-width: unset;
}
.form-responsive .fileupload-wrapper .container .file-row .status-icon .icon {
  top: 0;
}
@media (min-width: 767px) and (max-width: 968px) {
  .form-responsive .column.one-fourth .fileupload-wrapper .container.drop-area, .form-responsive .column.one-fifth .fileupload-wrapper .container.drop-area {
    padding: 20px 15px;
  }
  .form-responsive .column.one-fourth .fileupload-wrapper .container .file-row .description, .form-responsive .column.one-fifth .fileupload-wrapper .container .file-row .description {
    max-width: calc(100% - 45px);
  }
  .form-responsive .column.one-fourth .fileupload-wrapper .container .file-row .size, .form-responsive .column.one-fifth .fileupload-wrapper .container .file-row .size {
    margin: 0;
    width: calc(100% - 10px);
  }
  .form-responsive .column.one-fourth .fileupload-wrapper .container .l-pull-right, .form-responsive .column.one-fifth .fileupload-wrapper .container .l-pull-right {
    float: unset;
    text-align: center;
  }
  .form-responsive .column.one-fourth .fileupload-wrapper .container.completed .file-row .size, .form-responsive .column.one-fifth .fileupload-wrapper .container.completed .file-row .size {
    width: inherit;
  }
}

.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;
}

.form-responsive .fileupload-wrapper .container .file-row .status-icon .icon {
  top: -3px;
}

.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 {
  min-height: 120px;
  overflow: auto;
  padding: 10px;
  line-height: 2rem;
  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 {
  display: block;
  line-height: 2rem;
  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):not(.timepicker, radio) {
  margin: 5px 0 15px;
}
.inline textarea:not(.busy):not(.colorpicker):not(.datepicker):not(.switch):not(.lookup):not(.searchfield):not(.timepicker, radio) {
  margin: 5px 0 12px;
}
.inline .label-text {
  display: block;
}
.inline.inline-switch .label-text::before, .inline.inline-switch .label-text::after {
  margin-left: -40px;
}

label.required:not(.inline):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;
}
.is-safari .error-message.truncated .message-text,
.is-safari .alert-message.truncated .message-text,
.is-safari .success-message.truncated .message-text,
.is-safari .info-message.truncated .message-text,
.is-safari .custom-icon-message.truncated .message-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* Number of lines to show */
  max-height: 1.3em; /* Adjust the max-height to fit the desired number of lines */
  white-space: unset;
}

::-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.truncated .message-text,
.alert-message.truncated .message-text,
.success-message.truncated .message-text,
.info-message.truncated .message-text,
.custom-icon-message.truncated .message-text {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.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: 0;
  margin-inline-end: 1px;
  width: 18px;
}
.error-message .message-text {
  padding-left: 21px;
}

div[class*=-message].truncated .icon {
  top: 1px !important;
}
div[class*=-message].truncated .message-text {
  line-height: normal;
}

.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 label,
.switch .label-text {
  pointer-events: none;
}
.switch label::before,
.switch label::after,
.switch .label-text::before,
.switch .label-text::after {
  pointer-events: all;
}
.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;
}

.listview.personalize-col.is-selectable li {
  cursor: auto;
}
.listview.personalize-col .switch .label-text {
  top: 1px;
}
.listview.personalize-col .switch input ~ .label-text::before,
.listview.personalize-col .switch input ~ label::before {
  left: 240px;
  top: 10px;
}
.listview.personalize-col .switch input:empty ~ .label-text::after,
.listview.personalize-col .switch input:empty ~ label::after {
  left: 235px;
  top: 3px;
}
.listview.personalize-col .switch input:checked ~ .label-text::after,
.listview.personalize-col .switch input:checked ~ label::after {
  left: 255px;
  top: 3px;
}
.listview.personalize-col li.child.arrange-dragging {
  background-color: #ffffff;
}
.listview.personalize-col li.child .switch input ~ .label-text::before,
.listview.personalize-col li.child .switch input ~ label::before {
  left: 220px;
}
.listview.personalize-col li.child .switch input:empty ~ .label-text::after,
.listview.personalize-col li.child .switch input:empty ~ label::after {
  left: 215px;
}
.listview.personalize-col li.child .switch input:checked ~ .label-text::after,
.listview.personalize-col li.child .switch input:checked ~ label::after {
  left: 235px;
}
.listview.personalize-col li.arrange-placeholder.draggable {
  background-color: transparent;
}

.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;
}

.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 */
/* stylelint-enable */
/* 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 !important;
}
.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;
  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: "●";
  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;
  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;
}

.btn-primary {
  border-radius: 8px;
  background-color: #0072ED;
  border: 2px solid #0072ED;
  color: #ffffff;
  padding: 0 12px;
}
.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(.hide-focus) {
  border-color: #DA1217;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #DA1217;
}
.btn-primary.destructive:hover:not(:disabled) {
  background-color: #C31014;
  border: 2px solid #C31014;
}

.btn-primary[disabled]:not(.destructive):not(.btn-generative) {
  background-color: #0072ED;
  border: 2px solid #0072ED;
  color: #ffffff;
  opacity: 0.4;
}
.btn-primary[disabled]:not(.destructive):not(.btn-generative) svg.icon {
  color: #ffffff;
}
.btn-primary[disabled]:not(.destructive):not(.btn-generative):hover {
  background-color: #0072ED;
  border-color: #0072ED;
  color: #ffffff;
}
.btn-primary[disabled]:not(.destructive):not(.btn-generative):hover svg.icon {
  color: #ffffff;
}

.btn-secondary {
  background-color: transparent;
  border-radius: 8px;
  color: #0072ED;
  border: 1px solid #0072ED;
  padding: 0 12px;
}
.btn-secondary.btn-menu {
  color: #0072ED;
  border-color: #0072ED;
}
.btn-secondary.btn-menu .icon {
  color: #0072ED;
}
.btn-secondary.btn-menu.is-open {
  background-color: #F5F5F5;
  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: 1px solid #0072ED;
  color: #0072ED;
}
.btn-secondary:active {
  background-color: #E6F1FD;
  border: 1px solid #0072ED;
  color: #0072ED;
}
.btn-secondary:focus {
  border: 1px solid #0072ED;
}
.btn-secondary:focus:active {
  background-color: #E6F1FD;
  border: 1px solid #0072ED;
  color: #0072ED;
}
.btn-secondary[disabled] {
  background-color: transparent;
  color: #0072ED !important;
  border: 1px solid #0072ED;
  opacity: 0.4;
}
.btn-secondary[disabled] svg.icon,
.btn-secondary[disabled] .icon {
  color: #0072ED !important;
}
.btn-secondary[disabled] svg.icon:hover,
.btn-secondary[disabled] .icon:hover {
  color: #0072ED;
}
.btn-secondary[disabled]:hover {
  background-color: transparent;
  color: #0072ED;
  border: 1px solid #0072ED;
}

.btn-menu.is-open,
.btn-actions.is-open {
  background-color: #F5F5F5 !important;
  color: #000000 !important;
}
.btn-menu.is-open .icon,
.btn-actions.is-open .icon {
  color: #000000 !important;
}

.btn-tertiary,
.btn-icon,
.btn-menu,
.btn {
  border-radius: 8px;
}
.btn-tertiary.btn-icon,
.btn-icon.btn-icon,
.btn-menu.btn-icon,
.btn.btn-icon {
  padding: 0;
}
.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: #F5F5F5;
  color: #000000;
}
.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 !important;
  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: #000000;
}
.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(.hide-focus),
.btn-icon.destructive:focus:not(.hide-focus),
.btn-menu.destructive:focus:not(.hide-focus),
.btn.destructive:focus:not(.hide-focus) {
  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: #C31014;
  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: #C31014;
}
.btn-tertiary.destructive:disabled,
.btn-icon.destructive:disabled,
.btn-menu.destructive:disabled,
.btn.destructive:disabled {
  color: #DA1217;
  opacity: 0.4;
}
.btn-tertiary.destructive:disabled svg.icon,
.btn-icon.destructive:disabled svg.icon,
.btn-menu.destructive:disabled svg.icon,
.btn.destructive:disabled svg.icon {
  color: #DA1217;
}

.btn-editor {
  border-radius: 8px;
}
.btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive) {
  background-color: #E0E0E1 !important;
  color: #161618 !important;
}
.btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive) svg.icon {
  color: #161618 !important;
}
.btn-editor:hover:not(:disabled):not(.close):not(.btn-filter):not(.personalize-actionable):not(.destructive).is-active svg.icon {
  color: #0066D4 !important;
}

.btn-icon.trigger:hover:not(:disabled) {
  background-color: #F5F5F5;
}

.btn-link {
  color: rgba(0, 0, 0, 0.9);
  border-radius: 8px;
}
.btn-link svg.icon,
.btn-link .icon {
  color: rgba(0, 0, 0, 0.9);
}
.btn-link:not([disabled]):not(:disabled):hover {
  background-color: #F5F5F5;
  color: rgba(0, 0, 0, 0.9);
}
.btn-link:not([disabled]):not(:disabled):hover svg.icon {
  color: rgba(0, 0, 0, 0.9);
}

[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;
}

.ids-actionsheet {
  color: #161618;
}

.ids-action.btn-secondary {
  border-color: #0072ED;
  color: #0072ED;
}
.ids-action.btn-secondary:hover {
  border-color: #0072ED;
  background-color: #EEEEEE;
  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;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  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 !important;
}
.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;
  margin-bottom: -3px;
}
.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;
  }
}
html[dir=rtl] .application-menu .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  right: 266px;
  top: 6px !important;
}

.application-menu .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger) svg.icon {
  color: #fff;
}

html[dir=rtl] .application-menu .hyperlink {
  margin-right: 10px;
}

.application-menu .application-menu-toolbar .toolbar-section {
  display: flex;
  justify-content: center;
}

.application-menu .accordion.panel.inverse .accordion-header .btn:hover,
.application-menu .accordion.panel.inverse .accordion-header .btn-expander:hover {
  background-color: transparent !important;
  color: #fff !important;
}

.accordion.panel.inverse .accordion-header:hover .icon {
  color: #fff !important;
}

.application-menu .btn-icon.close:hover:not([disabled]) {
  background-color: transparent !important;
}

.application-menu .btn:hover:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.application-menu .btn-icon:hover:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.application-menu .btn-menu span {
  position: relative;
  top: 1px;
}
.application-menu .btn-menu .icon-dropdown {
  position: relative;
  top: 1px;
}

.application-menu .btn-menu:hover:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}
.application-menu .btn-menu:hover:not([disabled]) .icon-dropdown {
  color: #fff !important;
}

/* stylelint-disable */
/* stylelint-enable */
.application-menu {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #161618;
}
.application-menu .searchfield-wrapper {
  background-color: #000000;
  border-radius: 6px;
  margin: 0 8px;
  width: calc(100% - 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 {
  background: none;
  border: none;
  height: 40px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  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:hover,
.application-menu .accordion.panel.inverse .accordion-header .btn-expander:hover {
  background-color: unset !important;
}
.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: -2px;
}
.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;
}

html[dir=rtl] .application-menu .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  right: 266px;
  top: 6px !important;
}

html[dir=rtl] .application-menu .searchfield-wrapper.has-close-icon-button.has-text .btn-icon.close {
  right: 248px;
  top: 10px !important;
}

.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);
  transform: scaleY(0.6);
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.ie9 .busy-indicator .bar.half {
  -ms-transform: scaleY(0.8);
  transform: scaleY(0.8);
}
.ie9 .busy-indicator .bar.full {
  -ms-transform: scaleY(1);
  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 .btn,
.card-footer .btn,
.widget-header .btn,
.widget-footer .btn {
  position: relative;
  top: -9px;
}

.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: #161618;
}
.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: #161618;
}
.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: #161618;
}
.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,
.card-header .btn-actions:not([disabled]),
.widget-header .btn-actions,
.widget-header .btn-system,
.widget-header .btn-actions:not([disabled]) {
  background-color: transparent !important;
}
.card-header .btn-actions .icon,
.card-header .btn-system .icon,
.card-header .btn-actions:not([disabled]) .icon,
.widget-header .btn-actions .icon,
.widget-header .btn-system .icon,
.widget-header .btn-actions:not([disabled]) .icon {
  color: #6F6F76 !important;
}
.card-header .btn-actions .audible,
.card-header .btn-system .audible,
.card-header .btn-actions:not([disabled]) .audible,
.widget-header .btn-actions .audible,
.widget-header .btn-system .audible,
.widget-header .btn-actions:not([disabled]) .audible {
  color: #6F6F76 !important;
}
.card-header .btn-actions :hover,
.card-header .btn-system :hover,
.card-header .btn-actions:not([disabled]) :hover,
.widget-header .btn-actions :hover,
.widget-header .btn-system :hover,
.widget-header .btn-actions:not([disabled]) :hover {
  background-color: transparent !important;
}
.card-header .btn-actions:hover .icon,
.card-header .btn-system:hover .icon,
.card-header .btn-actions:not([disabled]):hover .icon,
.widget-header .btn-actions:hover .icon,
.widget-header .btn-system:hover .icon,
.widget-header .btn-actions:not([disabled]):hover .icon {
  color: #161618 !important;
}
.card-header .btn-actions.go-back,
.card-header .btn-system.go-back,
.card-header .btn-actions:not([disabled]).go-back,
.widget-header .btn-actions.go-back,
.widget-header .btn-system.go-back,
.widget-header .btn-actions:not([disabled]).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: 317px;
  min-height: 317px;
  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: calc(100% - 28px) !important;
  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: 1.6rem;
  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;
}
.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 rgba(0, 0, 0, 0.2509803922);
}
.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: #F5F5F5;
}
.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: #000000;
}
.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 rgba(0, 0, 0, 0.2509803922);
  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: #F5F5F5;
}
.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,
.card-header-section.custom-action button .widget-header-section.detail-custom-action button,
.widget-header-section.custom-action button .card-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,
.card-header-section.title + .widget-header-section.custom-action,
.widget-header-section.title + .card-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,
.card-header-section.detail-title + .widget-header-section.detail-custom-action,
.widget-header-section.detail-title + .card-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 {
  border: 1px solid transparent;
  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 {
  border-radius: 8px;
  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 {
  border: 1px solid transparent;
  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 {
  border-radius: 8px;
  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);
}

.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: 339px;
}
.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;
}

.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: 2px;
  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;
}
.datepicker[readonly] + .trigger:hover {
  color: #BBBBBF !important;
  cursor: default;
  background-color: transparent !important;
}
.datepicker[readonly] + .trigger:hover.icon, .datepicker[readonly] + .trigger:hover.btn-icon {
  color: #BBBBBF !important;
}
.datepicker[readonly] + .trigger.btn-icon:hover:not([disabled]) .icon {
  color: #BBBBBF !important;
}

.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;
  min-height: 3.8rem;
}
.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: 3px 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;
  left: 300px;
}
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-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: 225px;
  }
  .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: 225px;
  }
}
.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;
}

html[dir=rtl] .field.fieldfilter-wrapper div.dropdown-wrapper:hover + input {
  border-left-color: #BBBBBF;
}
html[dir=rtl] .field.fieldfilter-wrapper div.dropdown-wrapper:focus-within + input {
  border-left-color: #BBBBBF;
}
html[dir=rtl] .field.fieldfilter-wrapper div.dropdown-wrapper .dropdown:not(.dropdown-md):hover {
  border: 1px solid #161618;
}
html[dir=rtl] .field.fieldfilter-wrapper div.dropdown-wrapper .dropdown:not(.dropdown-md):focus {
  border: 1px solid #0072ED;
}

.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: "‎";
}

.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: #000000;
}
.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: #F5F5F5;
}
.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: #F5F5F5;
}
.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: #ffffff;
  border-bottom: 1px solid #C5C5C9;
  display: block;
  height: 60px;
  width: 100%;
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.header ids-breadcrumb {
  margin: 0 8px;
  width: calc(100% - 16px);
  position: relative;
  top: 12px;
  display: inline-flex;
}
.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;
  width: 100%;
}
@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;
  width: 100%;
}
.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 {
  border-radius: 8px;
  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: #ffffff;
  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: #F5F5F5 !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].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: #F5F5F5;
}
.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: #F5F5F5;
}
.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 0.5px #0072ED, 0 0 0 0.5px #0072ED;
}
.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: #F5F5F5;
}
.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 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: #F5F5F5;
}
.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;
  border-radius: 8px;
}
@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: #000000;
  background-color: #F5F5F5;
}
.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: #000000;
}
.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: #000000;
}

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;
}

.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;
}
.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 li.child {
  padding-left: 35px;
}
.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;
  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:not(.tableview 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;
  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: 0;
}
.listview-filter-wrapper .listview-filters {
  height: 24px;
  width: 24px;
  top: 1px;
}
.listview-filter-wrapper .listview-filters:first-child {
  margin-left: 0;
}
.listview-filter-wrapper .listview-filters:last-child {
  margin-right: 6px;
  margin-left: -4px;
}

html[dir=rtl] .listview-filter-wrapper .listview-filters:first-child {
  margin-left: -1px;
}
html[dir=rtl] .listview-filter-wrapper .listview-filters:last-child {
  margin-right: -4px;
  margin-left: 2px;
}

@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: "‎";
}
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;
  left: 0;
  right: unset;
}
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: 9px;
}

.is-firefox .listview .alert-text::before {
  margin-top: 7px;
}

.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% - 48px);
  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: -14px;
}
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:not(.close, .error) {
  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]) {
  background-color: transparent !important;
  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 {
  background-color: transparent;
  color: #ffffff !important;
}
.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 !important;
}
.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 !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).is-open,
.masthead .toolbar:not(.standalone) .buttonset [class^=btn]:not(.searchfield-category-button).is-open {
  background-color: transparent !important;
}

.masthead .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open):hover {
  background-color: transparent !important;
}
.masthead .toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open).is-open {
  background-color: transparent !important;
}

.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;
}
@media (max-width: 380px) {
  .modal.full-width {
    margin: 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-body.propagate-style {
  max-height: inherit;
  max-width: inherit;
  overflow: inherit;
}
.modal-body.compact {
  padding: 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 button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0 15px;
}
.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-main.accordion-section .btn:hover:not([disabled]) {
  background-color: transparent !important;
}

.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: 9px;
  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.is-disabled {
  padding-block-start: 7px;
}
.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: 9px;
  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: 280px;
}

.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: 9px;
  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: 9px;
  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: 10px;
  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-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-prev [class^=btn]:not(.btn-generative) span + .icon,
html[dir=rtl] .pager-next [class^=btn]:not(.btn-generative) span + .icon {
  margin-right: 0;
}
html[dir=rtl] .pager-pagesize {
  float: left;
}

.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;
}

.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: 7002;
}
.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;
  }
}
.popup-footer button {
  line-height: normal;
}

.popupmenu.has-icons .icon:not(.arrow) {
  height: 18px;
  margin-top: 7px;
}

.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;
}

.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;
}

.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:not(.close, .searchfield-category-button) {
  top: 0;
}
.toolbar-searchfield-wrapper:not(.is-open) .icon:not(.close, .searchfield-category-button):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: #F5F5F5;
  color: #000000;
}
.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: #161618;
}

.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: #000000;
}
.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;
  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);
  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: 0;
}
.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: 7px 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: 7px 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);
  }
}
.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, 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-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::after, .tab-container.module-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.module-tabs::before {
  background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
}
.tab-container.module-tabs::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}
.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 {
  display: inline-block;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: calc(100% - 1px);
}
.tab-container.module-tabs .tab-list-container .tab-list {
  height: 34px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.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 > a {
  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: 5px;
  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: 40px;
  height: 40px;
}
@media (min-width: 480px) {
  .tab-container.module-tabs .tab-more {
    width: 40px;
    height: 40px;
  }
}
.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.scrolled-right::before {
  left: 0;
  width: 40px;
}
.tab-container.module-tabs.has-more-button.scrolled-left::after {
  right: 40px;
  width: 40px;
}
@media (max-width: 610px) {
  .tab-container.module-tabs.has-more-button.scrolled-left::after {
    right: 40px;
  }
}
.tab-container.module-tabs.has-more-button .tab-list-container {
  width: calc(100% - 41px);
}
.tab-container.module-tabs.has-more-button .tab-list {
  width: unset;
}
.tab-container.module-tabs.has-more-button .tab-list .tab.dismissible a {
  padding: 10px 35px 10px 10px;
  text-overflow: ellipsis;
  width: inherit;
}
.tab-container.module-tabs.has-more-button .tab-more {
  right: 0;
  top: 0;
}
@media (min-width: 320px) {
  .tab-container.module-tabs.has-more-button .tab-more .more-text {
    display: none;
  }
}
.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.scrolled-left::after {
  width: 0;
}
html[dir=rtl] .tab-container.module-tabs.scrolled-left::before {
  width: 40px;
  left: 41px;
  top: 2px;
}
html[dir=rtl] .tab-container.module-tabs.scrolled-right::before {
  left: 40px;
}
html[dir=rtl] .tab-container.module-tabs .tab.dismissible {
  padding-left: 35px;
}
html[dir=rtl] .tab-container.module-tabs.has-more-button .tab-list .tab.dismissible a {
  padding: 10px 50px 10px 10px;
}
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: 5px;
  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[dir=rtl] .popupmenu.tab-list-spillover li.dismissible > a > .icon.close {
  left: 15px;
  margin-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-list .tab.dismissible a {
  padding: 7px 24px;
}
.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-more-button .tab-more.is-open 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 {
  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, 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-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.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: 6px solid #28282A;
  background-color: transparent;
}
.tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled) {
  color: #0072ED;
  border-bottom: 6px solid #0072ED;
}
.tab-container.header-tabs.alternate > .tab-list-container .tab a {
  height: 37px;
  padding: 10px 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;
}

.page-container.tab-panel-container {
  padding-top: 0;
  position: relative;
  height: calc(100% - 43px);
  margin-bottom: 0 !important;
}
.page-container.tab-panel-container .datagrid-container.has-toolbar.paginated {
  height: calc(100% - 68px) !important;
}

.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% + 12px);
}
.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;
  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) {
  .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;
}

.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[readonly] + .trigger.btn-icon:hover:not([disabled]) {
  background-color: transparent !important;
  color: #BBBBBF;
}
.timepicker[readonly] + .trigger.btn-icon:hover:not([disabled]) .icon {
  color: #BBBBBF;
}

#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: 14px;
  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: hidden;
}
.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: #F5F5F5;
}

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: #F5F5F5;
}
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: 15%;
  }
}
@media (max-width: 766px) and (max-width: 767px) {
  html[class*=theme-classic-] .flex-toolbar .searchfield-wrapper > .icon.close {
    right: 8%;
  }
}
@media (max-width: 766px) and (max-width: 610px) {
  html[class*=theme-classic-] .flex-toolbar .searchfield-wrapper > .icon.close {
    right: 11%;
  }
}
@media (max-width: 766px) and (max-width: 400px) {
  html[class*=theme-classic-] .flex-toolbar .searchfield-wrapper > .icon.close {
    right: 16%;
  }
}
@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: 15px;
    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: #F5F5F5;
}
.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: #F5F5F5;
}
.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;
}

.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: 339px;
}
.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;
}

.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;
}

.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: 7002;
}
.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;
  }
}
.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: rgba(0, 0, 0, 0.9);
}
.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 6px;
  }
}
@media (max-width: 766px) {
  .toolbar [class^=btn] {
    min-width: 34px;
    width: auto;
  }
  .toolbar [class^=btn] > .icon + span {
    display: none;
    padding: 0 !important;
    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: #F5F5F5;
}
.toolbar:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open):hover .icon {
  color: #000000;
}
.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: #F5F5F5;
}
.toolbar:not(.standalone) .more:not(:disabled) button:hover {
  background-color: #F5F5F5;
  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: #F5F5F5;
}
.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: #F5F5F5;
}

.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.default {
  background-color: #0066D4;
}
.tooltip-title.filled {
  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;
}
.tooltip-content p {
  margin-bottom: 2px;
}

.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: "►";
  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: -8px;
  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: 7px 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: #ffffff;
}
.header .wizard-header .tick::after {
  background-color: #ffffff;
  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: #ffffff;
}
.header .wizard-header .tick.is-disabled.current::after, .header .wizard-header .tick.is-disabled.complete::after {
  border: 7px 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 {
  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: 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: rgba(0, 0, 0, 0.9);
  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;
    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: rgba(0, 0, 0, 0.9);
    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;
}

.popover.calendar-popup {
  max-width: 320px;
}
.popover.calendar-popup .datepicker + .btn-icon {
  margin-top: 6px;
}
.popover.calendar-popup .timepicker {
  padding: 0 15px;
}
.popover.calendar-popup .timepicker + .btn-icon {
  margin-top: 5px;
  margin-left: -32px;
}
.popover.calendar-popup .modal-buttonset {
  position: relative;
  top: 0;
  width: 317px;
  right: 1px;
}

#calendar-popup .page-container .form-responsive .field-checkbox,
#calendar-popup .container .form-responsive .field-checkbox {
  margin-top: 0;
}
#calendar-popup .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger):not(:disabled) {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
#calendar-popup .btn-icon:hover:not([disabled]):not(.btn-primary):not(.trigger):not(:disabled) svg {
  color: #fff !important;
}

/* 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: rgba(0, 0, 0, 0.9);
}
.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: rgba(0, 0, 0, 0.9);
}
.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 (max-device-width: 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;
  }
}
.popover.calendar-popup {
  max-width: 320px;
}
.popover.calendar-popup .datepicker + .btn-icon {
  margin-top: 8px;
}
.popover.calendar-popup .timepicker {
  padding: 0 15px;
}
.popover.calendar-popup .timepicker + .btn-icon {
  margin-top: 6px;
  margin-left: -32px;
}
.popover.calendar-popup .modal-buttonset {
  position: relative;
  top: 0;
  width: 317px;
  right: 1px;
}

.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 .btn:hover,
.modal.contextual-action-panel .btn-tertiary:hover {
  background-color: #E0E0E1 !important;
}
.modal.contextual-action-panel .modal-body {
  padding: 3rem 0;
}
.modal.contextual-action-panel .modal-body.propagate-style {
  max-height: inherit;
  max-width: inherit;
  overflow: inherit;
}
.modal.contextual-action-panel .modal-body.compact {
  padding: 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% - 78px) !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: 100%;
}
.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: rgba(0, 0, 0, 0.9);
  vertical-align: middle;
}
.datagrid > tbody > tr .datagrid-reorder-icon .icon:hover {
  color: #161618;
}
.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: rgba(0, 0, 0, 0.9);
}
.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 .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-block;
  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: 100%;
}
.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: -1px;
  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: rgba(0, 0, 0, 0.9);
}
.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: transparent !important;
}
.datagrid-expand-btn:hover:not([disabled]) .icon.plus-minus::before,
.datagrid-expand-btn:hover:not([disabled]) .icon.plus-minus::after {
  background-color: #161618;
}
.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: 45px;
  padding: 9px 15px;
}
.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 {
  min-width: 400px;
}
.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 {
  background-color: transparent;
  border: 1px solid;
  border-color: #BBBBBF;
  border-radius: 0 0 2px 2px;
  color: #000000;
  display: block;
  line-height: 2.2rem;
  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 {
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.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, #1F405C 17.32%, #0EAA9B 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, #1F405C 17.32%, #0EAA9B 95.32%);
}
.toolbar.formatter-toolbar .btn-generative:disabled,
.flex-toolbar.formatter-toolbar .btn-generative:disabled {
  background: linear-gradient(107deg, #254A92 17.32%, #10B7A6 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.3333333333%;
  }
  .form-compact .one-one-half.column,
  .form-compact .one-one-half.columns {
    margin-left: 0;
    width: 12.5%;
  }
  .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 .monthview-monthyear-pane .picklist .picklist-item.up, .monthview .monthview-monthyear-pane .picklist .picklist-item.down {
  cursor: pointer;
}
.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: 14px;
  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 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  font-size: 14px;
  font-size: 1.4rem;
  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;
  margin-top: 7px;
}
.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;
  margin-top: 8px;
  margin-bottom: 1px;
}
.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;
  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: 0;
  position: relative;
}
.homepage .card,
.homepage .small-widget,
.homepage .widget {
  height: 368px;
  left: 0;
  position: absolute;
  top: 0;
  width: 360px;
}
.homepage .card[draggable],
.homepage .small-widget[draggable],
.homepage .widget[draggable] {
  overflow: initial;
}
.homepage .card::after,
.homepage .small-widget::after,
.homepage .widget::after {
  content: "";
  display: inline-block;
  height: 16px;
  position: absolute;
  top: 368px;
  width: 10px;
}
.homepage .card.banner,
.homepage .small-widget.banner,
.homepage .widget.banner {
  height: 380px;
  background: none;
  border: none;
  box-shadow: none;
}
.homepage .card.banner .widget-content,
.homepage .small-widget.banner .widget-content,
.homepage .widget.banner .widget-content {
  height: 420px;
  overflow-y: hidden;
}
.homepage .card.banner .circlepager,
.homepage .small-widget.banner .circlepager,
.homepage .widget.banner .circlepager {
  height: 417px;
}
.homepage .card.banner .circlepager .slide,
.homepage .small-widget.banner .circlepager .slide,
.homepage .widget.banner .circlepager .slide {
  height: 368px;
  margin: 0 2px;
}
.homepage .card.banner .circlepager .slide.is-visible.transition,
.homepage .small-widget.banner .circlepager .slide.is-visible.transition,
.homepage .widget.banner .circlepager .slide.is-visible.transition {
  transition: opacity 0.1s ease 0s;
}
.homepage .card.banner .circlepager .slide .small-widget,
.homepage .small-widget.banner .circlepager .slide .small-widget,
.homepage .widget.banner .circlepager .slide .small-widget {
  height: 318px;
  min-height: 318px;
  width: 358px;
}
.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%;
  top: 16px;
  margin-left: -500px;
  margin-top: 16px;
  position: absolute;
}
.homepage > .content.has-banner-icon {
  margin-top: 76px;
}
.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: rgb(37, 120, 169);
  border-radius: 3px;
  flex: 0 0 6px;
  width: 6px;
}
.homepage .drop-indicator .line {
  background-color: rgb(37, 120, 169);
  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%;
}
.homepage .background-image {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 272px;
}
.homepage .banner-icon {
  left: 50%;
  margin-left: -500px;
  margin-top: 24px;
  position: absolute;
  float: left;
  height: 32px;
  min-width: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}

.header + .homepage,
.header + nav + .homepage {
  height: calc(100% - 60px);
  margin-top: 0 !important;
  overflow: auto;
}

.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;
}

.widget-content .fileupload-wrapper .container .file-row .status-icon > .icon,
.card-content .fileupload-wrapper .container .file-row .status-icon > .icon {
  top: 2px;
}

.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: #ffffff;
  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: "❘";
  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;
}
html[dir=rtl] .widget-content .fileupload-wrapper .container .file-row .status-icon > .icon,
html[dir=rtl] .card-content .fileupload-wrapper .container .file-row .status-icon > .icon {
  top: 2px;
}

.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:not(.bleeding-edge__phone, .bleeding-edge__tablet) > .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:not(.bleeding-edge__phone, .bleeding-edge__tablet) > .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 */