/**
* IDS Enterprise Components v4.9.0-dev.20180710
* Date: 10/07/2018 11:46:52 PM
* Revision: 
* License:
*
* The Soho Xi Component Library (the “Runtime”) is made available to you under this Runtime License.
* Infor, Inc. grants you a nonexclusive, non-transferable, non-sublicenseable, and revocable license to use
* the Runtime within the Application for the sole purpose of enabling the Runtime’s functionality within the
* Application. You may not, and you may not permit anyone else to, copy, modify, combine with other software,
* or redistribute the Runtime. You are prohibited from removing, altering, or  obscuring the above copyright
* notice or this Runtime License.
*
* Disclaimer. You assume all responsibility and risk of use of the Runtime. The Runtime is provided "AS IS"
* without warranty or condition of any kind. INFOR DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED,
* INCLUDING ANY IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT,
* AND ANY WARRANTIES OR CONDITIONS ARISING OUT OF COURSE OF DEALING OR USAGE OF TRADE. Infor is not responsible
* or liable (and makes no representation or warranty) for the accuracy, content, * completeness, legality,
* reliability, or availability of the Runtime.
*
* Limitation of Liability. IN NO EVENT WILL INFOR BE LIABLE TO YOU FOR ANY SPECIAL, INCIDENTAL, EXEMPLARY, PUNITIVE OR
* CONSEQUENTIAL DAMAGES (INCLUDING LOSS OF USE, DATA, BUSINESS OR PROFITS) ARISING OUT OF OR IN CONNECTION WITH
* THIS RUNTIME LICENSE, WHETHER SUCH LIABILITY ARISES FROM ANY CLAIM BASED UPON CONTRACT, WARRANTY,
* TORT (INCLUDING NEGLIGENCE), STRICT LIABILITY OR OTHERWISE, AND WHETHER OR NOT INFOR HAS BEEN
* ADVISED OF THE POSSIBILITY OF SUCH LOSS OR DAMAGE. THE FOREGOING LIMITATIONS  * WILL SURVIVE AND
* APPLY EVEN IF ANY LIMITED REMEDY SPECIFIED IN THIS AGREEMENT IS FOUND TO HAVE FAILED OF ITS ESSENTIAL PURPOSE.
* IN NO EVENT WILL INFOR’S TOTAL LIABILITY ARISING OUT OF OR IN CONNECTION WITH THIS AGREEMENT OR FROM THE USE OF
* OR INABILITY TO USE THE RUNTIME EXCEED $100.
*/

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

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

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

html {
  height: 100%; }

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

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

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

ol,
ul {
  list-style: none; }

del {
  text-decoration: line-through; }

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

table {
  font-size: inherit; }

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

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

.icon {
  display: inline-block;
  fill: #999999;
  height: 18px;
  position: relative;
  width: 22px; }

.header .icon {
  fill: #ffffff; }

.icon-error,
.icon-confirm,
.icon-alert,
.icon-info,
.icon-info-field,
.icon-in-progress,
svg.icon-dirty,
.icon-new,
.icon-pending,
.icon-empty-circle,
.icon-half-empty-circle {
  position: relative;
  top: 10px;
  vertical-align: top; }

.icon-info-field {
  fill: #368ac0; }

.field .icon-error,
.field .icon-confirm,
.field .icon-alert,
.field .icon-info,
.field .icon-pending {
  margin-left: -28px;
  margin-top: 9px;
  position: absolute;
  top: inherit; }

.field .icon-error,
.field .icon-confirm {
  height: 14px;
  position: absolute;
  right: 5px;
  top: 24px;
  width: 18px; }

.field .icon-confirm {
  height: 15px;
  margin-top: -2px;
  position: relative;
  right: auto;
  top: auto; }

.field [data-error-type="tooltip"] ~ .icon-error,
.field [data-error-type="tooltip"] ~ .icon-confirm {
  position: relative;
  right: auto;
  top: -5px; }

.field .dropdown-wrapper [data-error-type="tooltip"] ~ .icon-error,
.field .dropdown-wrapper [data-error-type="tooltip"] ~ .icon-confirm {
  position: absolute;
  right: 25px;
  top: 1px; }

.field.editor-container [data-error-type="tooltip"] ~ .icon-error,
.field.editor-container [data-error-type="tooltip"] ~ .icon-confirm {
  position: absolute;
  right: 10px;
  top: 55px; }

.field textarea[data-error-type="tooltip"] ~ .icon-error,
.field textarea[data-error-type="tooltip"] ~ .icon-confirm {
  position: absolute;
  top: 20px; }

.field .lookup-wrapper .icon-error,
.field .lookup-wrapper .icon-confirm {
  right: 31px;
  top: 1px; }

.field .popover-trigger .icon-info {
  height: 14px;
  position: relative;
  top: -6px;
  width: 14px; }

.field .icon {
  vertical-align: middle; }

.field .icon + span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  width: calc(100% - 27px); }

.icon-dirtyerror,
.icon-error {
  fill: #e84f4f !important; }

.icon-confirm {
  fill: #80ce4d !important; }

.icon-empty-circle,
.icon-half-empty-circle {
  fill: #999999; }

.icon-alert {
  fill: #ff9426 !important; }

.icon-pending {
  background: #ffd726 !important;
  border: 2px solid #ffd726;
  border-radius: 50%;
  fill: #ffffff !important;
  height: 18px;
  width: 18px; }

.icon-info {
  fill: #368ac0 !important; }

svg.icon-close {
  height: 16px !important; }

.icon-sohoxi {
  fill: white;
  height: 22px;
  left: -15px;
  top: 5px;
  width: 115px; }

.icon-favorite svg {
  fill: #efa836 !important; }

svg use {
  pointer-events: none; }

svg.icon-logo {
  height: 34px;
  width: 34px; }

.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: #ffd726 transparent transparent #ffd726;
  border-style: solid;
  border-width: 4px;
  height: 0;
  left: 2px;
  margin: 3px 0 0 1px;
  position: absolute;
  width: 0; }
  .icon-dirty.is-checked {
    margin: 0;
    z-index: 1; }
  .icon-dirty.dirty-checkbox.is-checked {
    border-width: 4px;
    left: 1px;
    top: 0;
    z-index: 2; }

.inline .icon-dirty {
  margin-top: 8px; }
  .inline .icon-dirty.dirty-checkbox {
    left: -4px;
    margin-top: inherit;
    top: 1px; }
    .inline .icon-dirty.dirty-checkbox.is-checked {
      top: 0; }

.img-placeholder {
  background-color: #d8d8d8;
  border: 1px solid #d8d8d8;
  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 {
    display: inline-block;
    fill: #ffffff;
    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 {
  fill: #ffd726;
  height: 12px;
  stroke: #ffd726;
  top: 7px;
  width: 12px; }

.icon-in-progress {
  fill: #806594; }

.icon-new {
  fill: #ee9a36; }

.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: #999999;
    border-radius: 2px;
    content: '';
    height: 2px;
    left: .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: #999999;
  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);
  top: 12.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); }

.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);
  top: 12.5px; }

[class^="btn"] .icon.app-header {
  height: 32px;
  width: 32px; }
  [class^="btn"] .icon.app-header span:not(.audible) {
    background-color: #5c5c5c; }

.app-drawer {
  position: relative; }
  .app-drawer span:not(.audible) {
    display: inline-block;
    background-color: #999999;
    border-radius: 1px;
    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 #999999;
  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: #999999 #999999 #999999 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: #368ac0;
  border-color: #368ac0; }
  .icon.checkmark-selected::after {
    border-color: white white white 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 + span {
  padding-left: 0;
  padding-right: 5px; }

html[dir='rtl'] .field .icon-error,
html[dir='rtl'] .field .icon-confirm,
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-confirm {
  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-confirm {
  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: #ffd726 #ffd726 transparent transparent;
  left: auto;
  margin: 1px 1px 0 0; }

.icon-empty-state {
  display: inline-block;
  fill: #368ac0;
  height: 65px;
  position: relative;
  width: 65px; }

.is-graphite.icon-empty-state {
  fill: #999999; }

.icon-empty-offset-color {
  opacity: .4; }

.icon-empty-center-color {
  fill: #ffffff; }

.space-icons svg {
  margin-right: 20px; }

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
  color: #999999; }

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

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

.text-alert {
  color: #e84f4f; }

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

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

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

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

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

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

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

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

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

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

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

.alert-text {
  font-size: 11px;
  font-size: 1.1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 32px;
  line-height: 2rem;
  color: #e84f4f;
  font-weight: bold;
  padding-left: 15px; }
  .alert-text::before {
    background-color: #e84f4f;
    border-radius: 50%;
    content: '';
    height: 8px;
    margin-left: -14px;
    margin-top: 4px;
    position: absolute;
    width: 8px; }

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

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

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

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

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

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

.data-large {
  font-size: 22px;
  font-size: 2.2rem;
  color: #383838;
  padding-bottom: 2px; }

.xl-text {
  font-size: 50px;
  font-size: 5rem; }

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

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

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

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

.text-uppercase,
.uppercase-text {
  text-transform: uppercase; }

.field-flex {
  align-items: center;
  display: flex; }
  .field-flex .data-description {
    flex-basis: 25%; }
  .field-flex .field-flex-group {
    padding: 20px; }

.field-flex-sm {
  align-items: center;
  display: flex;
  overflow: auto; }
  .field-flex-sm .data-description {
    flex-basis: auto;
    line-height: 34px;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: auto;
    white-space: nowrap; }
  .field-flex-sm input {
    min-width: 25%; }

.field.label-left {
  font-size: 14px;
  font-size: 1.4rem;
  display: flex;
  margin: 5px 0; }
  .field.label-left .label {
    font-size: 14px;
    font-size: 1.4rem;
    color: #1a1a1a;
    line-height: normal;
    padding-right: 8px;
    position: relative; }
    .field.label-left .label::after {
      content: ':'; }

.label + .data {
  color: #1a1a1a; }

.is-firefox input,
.is-firefox textarea {
  line-height: 16px; }

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

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

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

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

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

.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: white;
    border: 1px solid #d8d8d8; }

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

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

.two-column {
  font-size: 0; }
  .two-column > .main,
  .two-column > .sidebar {
    background-color: #ffffff;
    display: inline-block; }
    .two-column > .main.scrollable,
    .two-column > .sidebar.scrollable {
      height: 100%;
      width: 100%; }
    .two-column > .main.scrollable-y,
    .two-column > .sidebar.scrollable-y {
      height: 100%; }
    .two-column > .main .fieldset,
    .two-column > .sidebar .fieldset {
      margin: 20px; }
  .two-column > .main {
    border-right: 1px solid #bdbdbd;
    height: 100%;
    width: calc(75%); }
    .two-column > .main + .sidebar {
      border-right: 0;
      margin-right: 0 !important; }
  .two-column > .sidebar {
    background-color: #f0f0f0;
    border-right: 1px solid #bdbdbd;
    height: 100%;
    width: calc(25%); }
    .two-column > .sidebar + .main {
      border-right: 0; }
    .two-column > .sidebar .listview {
      background-color: #f0f0f0; }
      .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: white;
  display: inline-block;
  vertical-align: top; }
  .three-column .main.scrollable,
  .three-column .sidebar.scrollable {
    height: calc(100% - 3px);
    width: 100%; }
  .three-column .main.scrollable-x,
  .three-column .sidebar.scrollable-x {
    width: 100%; }
  .three-column .main.scrollable-y,
  .three-column .sidebar.scrollable-y {
    height: calc(100% - 3px); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header.has-searchfield-xl {
  height: 200px; }
  .header.has-searchfield-xl .searchfield-wrapper input {
    font-size: 20px;
    font-size: 2rem;
    height: 60px;
    padding: 18px 40px; }
    .header.has-searchfield-xl .searchfield-wrapper input::-webkit-input-placeholder {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: normal; }
    .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 .icon {
    height: 18px;
    left: 10px !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: #d8d8d8;
  border-bottom: 1px solid #bdbdbd;
  height: 50px;
  padding-right: 10px; }
  .panel-header .title {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 5px;
    padding-left: 13px; }
  .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: white; }
  .editorial .main {
    height: auto;
    margin: 0 auto;
    max-width: 1080px;
    width: 100%; }
    .editorial .main > .content {
      display: inline-block;
      margin-top: 48px;
      max-width: calc(100% - 240px);
      padding: 0 30px; }
      .editorial .main > .content > h3,
      .editorial .main > .content > h2 {
        margin-bottom: 10px;
        padding-bottom: 10px;
        width: 68%; }
    .editorial .main > p {
      margin-bottom: 25px; }
  .editorial .tag-list .tag {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0;
    width: auto; }
    .editorial .tag-list .tag:last-child {
      margin-bottom: 30px; }
  .editorial .is-sticky .content {
    position: fixed;
    top: 60px; }
  .editorial .hero {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d8d8d8;
    height: 350px; }
  .editorial .section-tracker {
    margin-bottom: 20px; }
    .editorial .section-tracker a {
      border-bottom: medium none;
      border-left: 3px solid transparent;
      color: #737373;
      height: auto;
      line-height: 25px;
      padding: 5px 10px; }
      .editorial .section-tracker a:hover, .editorial .section-tracker a:active, .editorial .section-tracker a:focus, .editorial .section-tracker a.is-active {
        border-bottom: 0;
        border-left: 3px solid #368ac0;
        color: #368ac0;
        outline: none; }

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

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

.page-container .banner-detail {
  min-height: 100%;
  position: relative;
  top: 0; }

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

.banner-detail .detail {
  background-color: #f0f0f0;
  height: auto; }
  .banner-detail .detail .tab-container.alternate {
    position: relative;
    top: -40px; }
    .banner-detail .detail .tab-container.alternate + .tab-panel-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 #bdbdbd; }
  .content-area h2 {
    color: #5c5c5c; }

.header-section {
  background-color: #f0f0f0;
  border-bottom: 1px solid #bdbdbd; }

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

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

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

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

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

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

html[dir='rtl'] .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; }

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

.placeable {
  position: absolute; }

.breadcrumb li {
  -webkit-font-smoothing: antialiased;
  color: #5c5c5c;
  display: inline-block;
  list-style: none; }
  .breadcrumb li::after {
    font-size: 10px;
    font-size: 1rem;
    content: '\002F';
    padding: 0 10px; }
  .breadcrumb li:last-child::after {
    content: '';
    padding: 0; }
  .breadcrumb li .current, .breadcrumb li.current {
    font-size: 12px;
    font-size: 1.2rem;
    color: #5c5c5c;
    font-weight: bold; }

.breadcrumb .hyperlink {
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-font-smoothing: antialiased;
  color: #5c5c5c;
  line-height: 2em;
  text-decoration: none; }
  .breadcrumb .hyperlink:visited {
    color: #5c5c5c; }
  .breadcrumb .hyperlink:hover:not([disabled]) {
    border-bottom: 1px solid #5c5c5c;
    color: #5c5c5c; }
  .breadcrumb .hyperlink:focus {
    border-radius: 2px;
    color: #5c5c5c; }
    .breadcrumb .hyperlink:focus:hover {
      border-bottom: 1px solid #5c5c5c; }
  .breadcrumb .hyperlink:active {
    border-bottom: 1px solid #5c5c5c;
    color: #5c5c5c; }
  .breadcrumb .hyperlink.current {
    font-weight: bold; }
  .breadcrumb .hyperlink[disabled] {
    color: #999999; }

.toolbar .breadcrumb {
  display: inline-block;
  padding-top: 8px;
  vertical-align: top; }
  .toolbar .breadcrumb a,
  .toolbar .breadcrumb span {
    font-size: 14px;
    font-size: 1.4rem; }

html[dir='rtl'] .breadcrumb li::after {
  content: '\005C'; }

html[dir='rtl'] .breadcrumb li:last-child::after {
  content: ''; }

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

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

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

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

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: #bdbdbd;
  border: 1px solid #bdbdbd;
  color: #383838; }
  .btn-secondary .icon {
    fill: #383838; }
  .btn-secondary:hover {
    background-color: #999999;
    border: 1px solid #999999; }
  .btn-secondary:active {
    background-color: #999999;
    border: 1px solid #999999; }
  .btn-secondary:focus {
    border: 1px solid transparent; }
    .btn-secondary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #f0f0f0, 0 0 0 3px #368ac0, 0 0 4px 3px rgba(54, 138, 192, 0.3); }
    .btn-secondary:focus:active {
      background-color: #999999;
      box-shadow: none; }
  .btn-secondary[disabled], .btn-secondary[disabled]:hover {
    background-color: #999999;
    border: 1px solid #bdbdbd;
    box-shadow: none;
    color: #383838;
    cursor: default;
    opacity: 0.5; }
  .btn-secondary .ripple-effect {
    background: #d8d8d8; }
  .btn-secondary.btn-menu {
    color: #383838; }
    .btn-secondary.btn-menu .icon {
      fill: #383838; }
    .btn-secondary.btn-menu:hover, .btn-secondary.btn-menu.is-open {
      color: #383838; }
      .btn-secondary.btn-menu:hover .icon, .btn-secondary.btn-menu.is-open .icon {
        fill: #383838; }

.btn,
.btn-tertiary,
.btn-icon,
.btn-close,
.btn-actions,
.btn-menu {
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  color: #5c5c5c;
  overflow: hidden; }
  .btn:hover,
  .btn-tertiary:hover,
  .btn-icon:hover,
  .btn-close:hover,
  .btn-actions:hover,
  .btn-menu:hover {
    color: #1a1a1a; }
    .btn:hover .icon,
    .btn-tertiary:hover .icon,
    .btn-icon:hover .icon,
    .btn-close:hover .icon,
    .btn-actions:hover .icon,
    .btn-menu:hover .icon {
      fill: #1a1a1a; }
  .btn:active,
  .btn-tertiary:active,
  .btn-icon:active,
  .btn-close:active,
  .btn-actions:active,
  .btn-menu:active {
    color: #1a1a1a; }
  .btn:focus:not(.hide-focus),
  .btn-tertiary:focus:not(.hide-focus),
  .btn-icon:focus:not(.hide-focus),
  .btn-close:focus:not(.hide-focus),
  .btn-actions:focus:not(.hide-focus),
  .btn-menu:focus:not(.hide-focus) {
    box-shadow: 0 0 0 2px transparent, 0 0 0 1px #368ac0, 0 0 4px 3px rgba(54, 138, 192, 0.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], .btn[disabled]:hover,
  .btn-tertiary[disabled],
  .btn-tertiary[disabled]:hover,
  .btn-icon[disabled],
  .btn-icon[disabled]:hover,
  .btn-close[disabled],
  .btn-close[disabled]:hover,
  .btn-actions[disabled],
  .btn-actions[disabled]:hover,
  .btn-menu[disabled],
  .btn-menu[disabled]:hover {
    color: #5c5c5c;
    cursor: default;
    opacity: 0.5; }
    .btn[disabled] .icon, .btn[disabled]:hover .icon,
    .btn-tertiary[disabled] .icon,
    .btn-tertiary[disabled]:hover .icon,
    .btn-icon[disabled] .icon,
    .btn-icon[disabled]:hover .icon,
    .btn-close[disabled] .icon,
    .btn-close[disabled]:hover .icon,
    .btn-actions[disabled] .icon,
    .btn-actions[disabled]:hover .icon,
    .btn-menu[disabled] .icon,
    .btn-menu[disabled]:hover .icon {
      fill: #5c5c5c; }
  .btn span,
  .btn-tertiary span,
  .btn-icon span,
  .btn-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 {
    fill: #5c5c5c; }
  .btn .ripple-effect,
  .btn-tertiary .ripple-effect,
  .btn-icon .ripple-effect,
  .btn-close .ripple-effect,
  .btn-actions .ripple-effect,
  .btn-menu .ripple-effect {
    background-color: #8dc9e6; }

.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: #368ac0; }
  .btn-menu.is-open .icon,
  .btn-actions.is-open .icon {
    fill: #368ac0; }

.btn {
  padding: 0 15px; }

.btn-tertiary.inverse,
.btn-menu.inverse {
  color: #abaeb7; }
  .btn-tertiary.inverse .icon,
  .btn-menu.inverse .icon {
    fill: #abaeb7; }
  .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 {
      fill: #ffffff; }

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

.btn-menu {
  padding: 0 10px; }
  .btn-menu.btn-primary, .btn-menu.btn-secondary {
    padding-right: 20px; }

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

.btn-icon > span:not(.icon) {
  text-indent: -99999px; }

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

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

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

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

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

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

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

@-moz-keyframes ripple-animation {
  0% {
    opacity: .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: .5; }
  100% {
    -webkit-transform: scale(20);
    -moz-transform: scale(20);
    -o-transform: scale(20);
    -ms-transform: scale(20);
    transform: scale(20);
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

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

html[dir='rtl'] .btn-menu.btn-primary, html[dir='rtl'] .btn-menu.btn-secondary {
  padding-left: 20px;
  padding-right: 10px; }

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

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

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

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

.is-mac.is-firefox .field-short [class^="btn"] {
  line-height: 25px; }

.btn-link {
  color: #368ac0; }
  .btn-link .icon {
    fill: #368ac0; }
  .btn-link:hover {
    color: #2578a9; }
    .btn-link:hover .icon {
      fill: #2578a9; }

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

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

.link-list {
  margin-bottom: 40px; }
  .link-list li {
    line-height: 25px; }
    .link-list li svg {
      fill: #368ac0;
      height: 16px;
      left: 6px;
      margin-right: 2px;
      top: 4px;
      width: 16px; }
    .link-list li a span {
      border: 1px solid transparent;
      padding-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: #999999;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: static; }

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

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

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

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

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

.image-sm img {
  max-width: 60px;
  max-height: 60px; }

.image-sm.placeholder {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  height: 60px;
  max-height: 60px;
  max-width: 60px;
  text-align: center;
  width: 60px; }
  .image-sm.placeholder .icon {
    margin-top: 19px; }

.image-md img {
  max-width: 154px;
  max-height: 120px; }

.image-md.placeholder {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  height: 120px;
  max-height: 120px;
  max-width: 154px;
  text-align: center;
  width: 154px; }
  .image-md.placeholder .icon {
    margin-top: 49px; }

.image-lg img {
  max-width: 300px;
  max-height: 350px; }

.image-lg.placeholder {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  height: 350px;
  max-height: 350px;
  max-width: 300px;
  text-align: center;
  width: 300px; }
  .image-lg.placeholder .icon {
    margin-top: 164px; }

.image-round {
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  width: 50px; }

.image-user-status {
  display: inline-block; }
  .image-user-status .icon {
    left: 3px;
    margin-left: -22px;
    position: relative;
    top: 6px; }

.image-initials {
  background: #a38db7;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 1.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  text-align: center;
  vertical-align: middle;
  width: 4.8rem; }
  .image-initials + .icon {
    left: 6px;
    position: relative;
    top: 22px; }

.card,
.widget {
  background-color: white;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  margin-bottom: 20px;
  min-height: 360px;
  position: relative;
  width: 100%; }
  .card.is-empty,
  .widget.is-empty {
    min-height: 0; }
    .card.is-empty .card-content,
    .card.is-empty .widget-content,
    .widget.is-empty .card-content,
    .widget.is-empty .widget-content {
      height: auto;
      min-height: 0; }
  .card.expandable-area,
  .widget.expandable-area {
    height: auto;
    min-height: 0; }
    .card.expandable-area .widget-content,
    .card.expandable-area .card-content,
    .widget.expandable-area .widget-content,
    .widget.expandable-area .card-content {
      height: auto;
      min-height: auto;
      overflow: none; }
    .card.expandable-area .expandable-header:first-child,
    .widget.expandable-area .expandable-header:first-child {
      padding-top: 13px; }
    .card.expandable-area .expandable-header .icon,
    .widget.expandable-area .expandable-header .icon {
      height: 28px;
      width: 28px; }
    .card.expandable-area .btn-expander,
    .widget.expandable-area .btn-expander {
      border: 1px solid transparent;
      border-radius: 2px;
      display: inline-block; }
      .card.expandable-area .btn-expander:focus:not(.hide-focus),
      .widget.expandable-area .btn-expander:focus:not(.hide-focus) {
        border-color: #368ac0; }
  .card .small-thin-text,
  .widget .small-thin-text {
    font-size: 11px;
    font-size: 1.1rem;
    color: #999999; }
  .card .full-table,
  .widget .full-table {
    width: 100%; }
  .card.auto-size,
  .widget.auto-size {
    height: auto;
    min-height: 0;
    width: auto;
    min-width: 0; }
    .card.auto-size .widget-content,
    .card.auto-size .card-content,
    .widget.auto-size .widget-content,
    .widget.auto-size .card-content {
      height: auto;
      min-height: auto;
      overflow: none; }
    .card.auto-size .widget-content,
    .card.auto-size .card-content,
    .widget.auto-size .widget-content,
    .widget.auto-size .card-content {
      min-width: 0;
      overflow: none;
      width: auto; }

.card-header,
.card-footer,
.widget-header,
.widget-footer {
  padding: 13px 20px;
  position: relative; }

.card-header,
.widget-header {
  border-bottom: 1px solid #bdbdbd;
  height: 50px;
  line-height: 50px; }
  .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: #1a1a1a;
      -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 [class^="btn"],
  .widget-header [class^="btn"] {
    color: #5c5c5c; }
    .card-header [class^="btn"] span,
    .widget-header [class^="btn"] span {
      color: #5c5c5c; }
    .card-header [class^="btn"] .icon,
    .widget-header [class^="btn"] .icon {
      fill: #5c5c5c; }
    .card-header [class^="btn"]:focus, .card-header [class^="btn"]:hover,
    .widget-header [class^="btn"]:focus,
    .widget-header [class^="btn"]:hover {
      color: #368ac0; }
      .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: #368ac0; }
      .card-header [class^="btn"]:focus .icon, .card-header [class^="btn"]:hover .icon,
      .widget-header [class^="btn"]:focus .icon,
      .widget-header [class^="btn"]:hover .icon {
        fill: #368ac0; }
    .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 #368ac0;
      color: #368ac0; }
      .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: #368ac0; }
      .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 {
        fill: #368ac0; }
  .card-header > h2,
  .card-header > h1,
  .card-header > button,
  .widget-header > h2,
  .widget-header > h1,
  .widget-header > button {
    display: inline-block;
    float: left; }
  .card-header .btn-actions,
  .widget-header .btn-actions {
    background-color: transparent; }
    .card-header .btn-actions .icon,
    .widget-header .btn-actions .icon {
      fill: #1a1a1a; }
    .card-header .btn-actions .audible,
    .widget-header .btn-actions .audible {
      color: #1a1a1a; }
  .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: 12px; }
  .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: 5px;
      top: 7px; }
  .card-header:not(.has-toolbar) .icon,
  .widget-header:not(.has-toolbar) .icon {
    top: -1px; }

.widget-content,
.card-content {
  height: 318px;
  min-height: 318px;
  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.card-chart-action, .widget-content .card-group-action.widget-chart-action,
    .widget-content .widget-group-action.card-chart-action,
    .widget-content .widget-group-action.widget-chart-action,
    .widget-content .card-chart-action.card-chart-action,
    .widget-content .card-chart-action.widget-chart-action,
    .widget-content .widget-chart-action.card-chart-action,
    .widget-content .widget-chart-action.widget-chart-action,
    .card-content .card-group-action.card-chart-action,
    .card-content .card-group-action.widget-chart-action,
    .card-content .widget-group-action.card-chart-action,
    .card-content .widget-group-action.widget-chart-action,
    .card-content .card-chart-action.card-chart-action,
    .card-content .card-chart-action.widget-chart-action,
    .card-content .widget-chart-action.card-chart-action,
    .card-content .widget-chart-action.widget-chart-action {
      padding-top: 3px; }
    .widget-content .card-group-action.card-group-action, .widget-content .card-group-action.widget-group-action,
    .widget-content .widget-group-action.card-group-action,
    .widget-content .widget-group-action.widget-group-action,
    .widget-content .card-chart-action.card-group-action,
    .widget-content .card-chart-action.widget-group-action,
    .widget-content .widget-chart-action.card-group-action,
    .widget-content .widget-chart-action.widget-group-action,
    .card-content .card-group-action.card-group-action,
    .card-content .card-group-action.widget-group-action,
    .card-content .widget-group-action.card-group-action,
    .card-content .widget-group-action.widget-group-action,
    .card-content .card-chart-action.card-group-action,
    .card-content .card-chart-action.widget-group-action,
    .card-content .widget-chart-action.card-group-action,
    .card-content .widget-chart-action.widget-group-action {
      background-color: #f0f0f0;
      border: 1px solid transparent;
      border-bottom-color: #bdbdbd; }
    .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; }

.card-footer,
.widget-footer {
  border-top: 1px solid #bdbdbd;
  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: #f0f0f0; }

.card-list-item-thumbnail {
  width: 64px; }
  .card-list-item-thumbnail img {
    border-radius: .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: normal;
  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: 14px;
  font-size: 1.4rem;
  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 40px; }

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

.field .checkbox-label,
.field .checkbox > label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  display: inline-block;
  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;
    margin-bottom: -1px; }
  .compound-field > .field .error-message .message-text,
  .compound-field > .field-short .error-message .message-text {
    float: left; }

.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 {
  top: -35px; }

.field {
  margin-bottom: 20px;
  position: relative; }
  .field textarea + .btn-actions {
    margin-left: 4px;
    position: absolute;
    top: calc(50% - 14px); }
  .field .btn-actions {
    border-radius: 50%;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    position: relative;
    top: 0;
    width: 30px; }
    .field .btn-actions .icon {
      height: 16px;
      margin-left: 0;
      width: 16px; }
  .field > .textarea-wordcount {
    color: #999999;
    margin-bottom: 14px; }
  .field.field-radio {
    margin-bottom: 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: 17px; }
  .field.l-pull-left {
    margin-right: 20px; }
  .field.percent::before, .field.percent::after, .field.currency::before, .field.currency::after {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    position: absolute;
    top: 32px; }
  .field.currency::before {
    content: attr(data-currency-symbol);
    left: 10px; }
  .field.percent::before {
    content: attr(data-currency-symbol);
    left: 10px; }
  .field.top-padding {
    margin-top: 3rem; }

.field-pane {
  height: 0;
  overflow: hidden;
  padding: 0 0 0 25px; }
  .field-pane .field-content {
    padding: 20px 0; }

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

[data-clearable="true"] {
  padding-right: 32px; }
  [data-clearable="true"] + .icon.close {
    margin-left: -30px;
    right: auto; }
    [data-clearable="true"] + .icon.close:hover {
      fill: #1a1a1a; }

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

input,
textarea {
  -webkit-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -moz-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -o-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -ms-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  border-collapse: separate;
  border-radius: 2px;
  color: #1a1a1a;
  display: inline-block;
  max-width: 100%;
  padding: 8px 10px;
  resize: none;
  text-align: left;
  width: 300px; }
  input:hover,
  textarea:hover {
    border-color: #383838; }
  input[disabled],
  textarea[disabled] {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #bdbdbd;
    color: #bdbdbd;
    -webkit-text-fill-color: #bdbdbd; }
  input[readonly],
  textarea[readonly] {
    background-color: #d8d8d8;
    border-color: #999999;
    color: #999999;
    -webkit-text-fill-color: #999999; }
  input.is-placeholder,
  textarea.is-placeholder {
    color: #999999; }
    input.is-placeholder.error,
    textarea.is-placeholder.error {
      color: #e84f4f; }
    input.is-placeholder.alert,
    textarea.is-placeholder.alert {
      color: #ff9426; }
    input.is-placeholder.info,
    textarea.is-placeholder.info {
      color: #368ac0; }
  input:focus, input.is-focused,
  textarea:focus,
  textarea.is-focused {
    border: solid 1px #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
    outline: none;
    outline-color: transparent; }
  input.error,
  textarea.error {
    border-color: #e84f4f; }
    input.error:focus,
    textarea.error:focus {
      border-color: #e84f4f !important;
      box-shadow: 0 0 4px 2px rgba(232, 79, 79, 0.3) !important;
      color: #1a1a1a !important; }
  input.alert,
  textarea.alert {
    border-color: #ff9426; }
    input.alert:focus,
    textarea.alert:focus {
      border-color: #ff9426 !important;
      color: #1a1a1a !important; }
  input.confirm,
  textarea.confirm {
    border-color: #80ce4d; }
    input.confirm:focus,
    textarea.confirm:focus {
      border-color: #80ce4d !important;
      color: #1a1a1a !important; }
  input.info,
  textarea.info {
    border-color: #368ac0; }
    input.info:focus,
    textarea.info:focus {
      border-color: #368ac0 !important;
      color: #1a1a1a !important; }

.input-style {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  border-collapse: separate; }
  .input-style:hover, .input-style.is-hovered {
    border-color: #383838; }
  .input-style[disabled], .input-style.is-disabled {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #bdbdbd;
    -webkit-text-fill-color: #bdbdbd; }
  .input-style[readonly], .input-style.is-readonly {
    background-color: #d8d8d8;
    border-color: #999999;
    -webkit-text-fill-color: #999999; }
  .input-style.is-placeholder {
    color: #999999; }
  .input-style.is-focused {
    border: solid 1px #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
    outline: none;
    outline-color: transparent; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert,
.alert-message,
.alert-message p {
  color: #ff9426; }

.alert::-webkit-input-placeholder {
  color: #ff9426;
  opacity: 1; }

.alert::-moz-placeholder {
  color: #ff9426;
  opacity: 1; }

.alert:-ms-input-placeholder {
  color: #ff9426;
  opacity: 1; }

.confirm,
.confirm-message,
.confirm-message p {
  color: #80ce4d; }

.confirm::-webkit-input-placeholder {
  color: #80ce4d;
  opacity: 1; }

.confirm::-moz-placeholder {
  color: #80ce4d;
  opacity: 1; }

.confirm:-ms-input-placeholder {
  color: #80ce4d;
  opacity: 1; }

.info,
.info-message,
.info-message p {
  color: #368ac0; }

.info::-webkit-input-placeholder {
  color: #368ac0;
  opacity: 1; }

.info::-moz-placeholder {
  color: #368ac0;
  opacity: 1; }

.info:-ms-input-placeholder {
  color: #368ac0;
  opacity: 1; }

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

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

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

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

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

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

.input-mm,
.colorpicker-container .input-mm.colorpicker,
.input-mm.datepicker,
.field-short .input-mm {
  width: 225px; }

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

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

.input-full {
  width: 100%; }

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

.alert-message {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ff9426;
  display: block;
  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; }

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

.custom-icon-message,
.info-message {
  font-size: 12px;
  font-size: 1.2rem;
  color: #368ac0;
  display: block;
  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; }

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

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

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

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

.column input.has-actions.datepicker.input-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; }

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

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

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

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

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

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

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

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

html[dir='rtl'] [data-clearable="true"] {
  padding-right: 10px;
  padding-left: 32px; }
  html[dir='rtl'] [data-clearable="true"] + .icon.close {
    right: auto;
    margin-right: -30px; }

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

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

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

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

.row {
  font-size: 12px;
  font-size: 1.2rem;
  clear: both;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%; }
  .row.full-width {
    margin-top: 20px;
    max-width: 100%; }
  .row.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.no-top-padding {
    padding-top: 0 !important; }
  .row.bottom-padding {
    padding-bottom: 20px; }
  .row.extended-bottom-padding {
    padding-bottom: 40px; }
  .row.bottom-space {
    padding-bottom: 10px !important; }
  .row.full-height {
    height: 100%;
    margin: 0 auto; }
  .row.no-indent {
    padding-right: 0; }
    .row.no-indent .column,
    .row.no-indent .columns {
      padding: 0; }
      .row.no-indent .column:first-child,
      .row.no-indent .columns:first-child {
        margin-left: 0; }
    .row.no-indent .one.column,
    .row.no-indent .one.columns {
      width: calc(8.33333333333% - 18.33333333333px); }
    .row.no-indent .two.columns {
      width: calc(16.6666666666% - 16.6666666666px); }
    .row.no-indent .three.columns {
      width: calc(25% - 15px); }
    .row.no-indent .four.columns {
      width: calc(33.3333333333% - 14.33333333333px); }
    .row.no-indent .five.columns {
      width: calc(41.6666666666% - 10px); }
    .row.no-indent .six.columns {
      width: calc(50% - 10px); }
    .row.no-indent .seven.columns {
      width: calc(58.3333333333% - 10px); }
    .row.no-indent .eight.columns {
      width: calc(66.6666666666% - 6px); }
    .row.no-indent .nine.columns {
      width: calc(75% - 5px); }
    .row.no-indent .ten.columns {
      width: calc(83.3333333333% - 4px); }
    .row.no-indent .eleven.columns {
      width: calc(91.6666666666% - 2px); }
    .row.no-indent .twelve.columns,
    .row.no-indent .full.column {
      width: calc(100% - 10px); }

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

.homepage .row {
  clear: none; }

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

.column,
.columns {
  float: left;
  padding: 0 20px;
  width: 100%; }
  .column.l-center .field,
  .columns.l-center .field {
    text-align: center; }
    .column.l-center .field label,
    .columns.l-center .field label {
      text-align: left; }
  .column.full-height,
  .columns.full-height {
    height: 100%;
    margin: 0; }
    .column.full-height .datagrid-body,
    .columns.full-height .datagrid-body {
      height: calc(100% - 85px); }
    .column.full-height .has-toolbar .datagrid-body,
    .columns.full-height .has-toolbar .datagrid-body {
      height: calc(100% - 40px); }
    .column.full-height .one.column,
    .column.full-height .one.columns,
    .columns.full-height .one.column,
    .columns.full-height .one.columns {
      margin-left: 20px;
      width: calc(8.33333333333% - 20px); }
    .column.full-height .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; }
  .column,
  .columns {
    padding: 0; }
  .one.column,
  .one.columns {
    margin-left: 20px;
    width: calc(8.33333333333% - 20px); }
  .two.columns {
    margin-left: 20px;
    width: calc(16.6666666666% - 20px); }
  .three.columns {
    margin-left: 20px;
    width: calc(25% - 20px); }
  .four.columns {
    margin-left: 20px;
    width: calc(33.3333333333% - 20px); }
  .five.columns {
    margin-left: 20px;
    width: calc(41.6666666666% - 20px); }
  .six.columns {
    margin-left: 20px;
    width: calc(50% - 20px); }
  .seven.columns {
    margin-left: 20px;
    width: calc(58.3333333333% - 20px); }
  .eight.columns {
    margin-left: 20px;
    width: calc(66.6666666666% - 20px); }
  .nine.columns {
    margin-left: 20px;
    width: calc(75% - 20px); }
  .ten.columns {
    margin-left: 20px;
    width: calc(83.3333333333% - 20px); }
  .eleven.columns {
    margin-left: 20px;
    width: calc(91.6666666666% - 20px); }
  .twelve.columns,
  .full.column {
    margin-left: 20px;
    width: calc(100% - 20px); }
    .twelve.columns.center,
    .full.column.center {
      display: block;
      min-width: 300px;
      text-align: center; }
  .one-fifth.column {
    margin-left: 20px;
    width: calc(20% - 20px); }
  .one-fourth.column {
    margin-left: 20px;
    width: calc(25% - 20px); }
  .one-third.column {
    margin-left: 20px;
    width: calc(33.3333333% - 20px); }
  .two-thirds.column {
    margin-left: 20px;
    width: calc(66.6666666666% - 20px); }
  .one-half.column {
    margin-left: 20px;
    width: calc(50% - 20px); } }

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

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

.composite-form {
  height: 100%;
  margin-top: 0; }
  .composite-form > .scrollable-flex-content {
    border-top: 1px solid #bdbdbd;
    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 #bdbdbd;
      border-top: 0;
      width: calc(100% - 250px); }
  .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 #bdbdbd; }
  .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-top: 10px !important;
    margin-bottom: 12px !important;
    margin-right: 18px;
    margin-left: 18px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.radio {
  left: 0;
  opacity: 0;
  position: absolute;
  width: 0;
  z-index: 1; }

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

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

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

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

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

.inline .radio ~ .label-text,
.radio-label {
  display: inline-block;
  line-height: 20px;
  z-index: 5; }
  .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: 2px solid #ffffff;
  border-radius: 50%;
  content: '';
  height: 4px;
  left: 5px;
  position: absolute;
  top: 8px;
  transition: all .2s ease 0s;
  width: 4px; }

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

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

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

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

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

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

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

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

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

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

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

.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: 14px;
      font-size: 1.4rem; }
    .radio-section .option .line-through {
      text-decoration: line-through; }
    .radio-section .option .radio-label {
      margin-bottom: 2.3em; }
      .radio-section .option .radio-label .in-label {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25px;
        margin-top: -10px; }
      .radio-section .option .radio-label span {
        display: block; }
    .radio-section .option:first-child {
      margin-left: 0;
      position: relative; }
      .radio-section .option:first-child::after {
        border-right: 1px solid #bdbdbd;
        bottom: 15px;
        content: ' ';
        position: absolute;
        right: 0;
        top: 15px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.switch {
  clear: both;
  display: block;
  margin: 0; }
  .switch label {
    font-size: 14px;
    font-size: 1.4rem;
    color: #1a1a1a;
    display: inline-block;
    padding-left: 42px; }
    .switch label.inline {
      margin-bottom: 0; }
  .switch input {
    position: absolute; }
  .switch input:empty {
    margin-left: -9999px; }
    .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: 14px;
      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: #999999;
      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 #bdbdbd;
      border-radius: 50%;
      height: 14px;
      left: 0;
      top: 0;
      width: 14px; }
  .switch input:checked ~ .label-text::before,
  .switch input:checked ~ label::before {
    background-color: #8dc9e6; }
  .switch input:checked ~ .label-text::after,
  .switch input:checked ~ label::after {
    background: #368ac0;
    border-color: #368ac0;
    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 #368ac0, 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: #368ac0; }
  .switch input:not(:disabled):checked:hover ~ .label-text::after,
  .switch input:not(:disabled):checked:hover ~ label::after {
    background-color: #2578a9; }
  .switch input:disabled ~ .label-text,
  .switch input:disabled ~ label {
    color: #999999;
    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: #bdbdbd; }
  .switch input:disabled ~ .label-text::after,
  .switch input:disabled ~ label::after {
    background-color: #d8d8d8;
    border-color: #bdbdbd; }

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

.tab-container {
  font-size: 0;
  position: relative; }
  .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 > .busy-indicator-container {
    font-size: 14px;
    font-size: 1.4rem; }

.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: #999999 !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(54, 138, 192, 0);
  bottom: 0;
  display: inline-block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 20px; }
  .animated-bar.visible {
    background-color: #368ac0; }

.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: #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }

.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: #f0f0f0;
    min-height: 100%; }
  .tab-panel.is-disabled {
    color: #999999; }
    .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: 0;
  width: 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: 14px;
    font-size: 1.4rem; }

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

.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: 51px; }
  .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-add-button::after,
  .tab-container.header-tabs.has-add-button::after {
    right: 95px; }
  .tab-container.horizontal .tab-more,
  .tab-container.horizontal .add-tab-button,
  .tab-container.header-tabs .tab-more,
  .tab-container.header-tabs .add-tab-button {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: transparent;
    padding: 16px;
    position: relative;
    vertical-align: top; }
    .tab-container.horizontal .tab-more .icon,
    .tab-container.horizontal .add-tab-button .icon,
    .tab-container.header-tabs .tab-more .icon,
    .tab-container.header-tabs .add-tab-button .icon {
      height: 16px;
      margin: 0;
      vertical-align: middle;
      width: 32px; }
  .tab-container.horizontal .add-tab-button,
  .tab-container.header-tabs .add-tab-button {
    padding: 11px 12px;
    text-align: center;
    width: 50px; }
  .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;
    width: calc(100% - 51px); }
  .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 > .tab-list-container,
  .tab-container.header-tabs > .tab-list-container {
    margin-bottom: -18px; }
    .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;
      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.header-tabs > .tab-list-container .tab:not(.last-child).is-error a[role="tab"] {
          padding: 12px 17px 12px 5px; }
        .tab-container.horizontal > .tab-list-container .tab:not(.last-child).is-error .icon-error,
        .tab-container.header-tabs > .tab-list-container .tab:not(.last-child).is-error .icon-error {
          right: -3px;
          top: 14px; }
      .tab-container.horizontal > .tab-list-container .tab::before,
      .tab-container.header-tabs > .tab-list-container .tab::before {
        background-color: rgba(26, 26, 26, 0);
        bottom: 1px;
        content: '';
        display: block;
        height: 3px;
        position: absolute;
        -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;
        width: 0; }
      .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: #1a1a1a;
        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: #368ac0; }
      .tab-container.horizontal > .tab-list-container .tab.is-disabled,
      .tab-container.header-tabs > .tab-list-container .tab.is-disabled {
        color: #999999 !important; }
        .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: -1px;
            padding-right: 1px;
            right: auto;
            top: 1px; }
          .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: 0 0 0 -5px;
        width: 32px;
        position: static; }
      .tab-container.horizontal > .tab-list-container .tab.has-popupmenu .icon-error,
      .tab-container.header-tabs > .tab-list-container .tab.has-popupmenu .icon-error {
        height: 16px;
        right: -5px;
        top: 11px;
        width: 16px; }
      .tab-container.horizontal > .tab-list-container .tab a,
      .tab-container.header-tabs > .tab-list-container .tab a {
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        font-size: 1.4rem;
        color: inherit;
        font-weight: normal;
        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.header-tabs > .tab-list-container .tab .icon-error {
        fill: #e84f4f;
        height: 14px;
        position: absolute;
        right: -10px;
        top: 18px;
        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 #bdbdbd;
        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: #999999; }
    .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: #999999; }
    .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: #999999 !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: #999999 !important;
        cursor: default; }
      .tab-container.horizontal.is-disabled .tab .icon,
      .tab-container.header-tabs.is-disabled .tab .icon {
        fill: #999999 !important; }
    .tab-container.horizontal.is-disabled .separator::before,
    .tab-container.header-tabs.is-disabled .separator::before {
      border-left-color: #bdbdbd; }
    .tab-container.horizontal.is-disabled .animated-bar,
    .tab-container.header-tabs.is-disabled .animated-bar {
      background-color: rgba(153, 153, 153, 0); }
      .tab-container.horizontal.is-disabled .animated-bar.visible,
      .tab-container.header-tabs.is-disabled .animated-bar.visible {
        background-color: #999999; }

.popupmenu.tab-list-spillover .icon.icon-error,
.popupmenu.dropdown-tab .icon.icon-error {
  height: 14px;
  left: 7px;
  top: 8px;
  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;
    position: absolute;
    right: 5px;
    top: 9px; }

.popupmenu.tab-list-spillover li.dismissible.is-focused > a > .icon.close,
.popupmenu.dropdown-tab li.dismissible.is-focused > a > .icon.close {
  background-color: #d8d8d8;
  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; }

.tab-container.horizontal {
  border-bottom: 1px solid #bdbdbd; }
  .tab-container.horizontal::before {
    background-image: linear-gradient(to right, #f0f0f0, rgba(240, 240, 240, 0));
    height: 39px; }
  .tab-container.horizontal::after {
    background-image: linear-gradient(to right, rgba(240, 240, 240, 0), #f0f0f0);
    height: 39px; }
  .tab-container.horizontal.alternate {
    background-color: #ffffff;
    border-bottom-color: #bdbdbd; }
    .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) {
    fill: #5c5c5c; }
  .tab-container.horizontal > .tab-list-container .tab {
    color: #5c5c5c; }
    .tab-container.horizontal > .tab-list-container .tab a {
      padding: 12px 11px; }
    .tab-container.horizontal > .tab-list-container .tab:hover:not(.is-disabled) {
      color: #1a1a1a; }
      .tab-container.horizontal > .tab-list-container .tab:hover:not(.is-disabled) .icon:not(.is-error):not(.icon-error) {
        fill: #1a1a1a; }
    .tab-container.horizontal > .tab-list-container .tab.is-selected {
      color: #368ac0; }
      .tab-container.horizontal > .tab-list-container .tab.is-selected .icon:not(.is-error):not(.icon-error) {
        fill: #368ac0; }
  .tab-container.horizontal .tab-more,
  .tab-container.horizontal .add-tab-button {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: transparent;
    color: #5c5c5c;
    line-height: 12px; }
    .tab-container.horizontal .tab-more .icon,
    .tab-container.horizontal .add-tab-button .icon {
      fill: #5c5c5c; }
    .tab-container.horizontal .tab-more:hover,
    .tab-container.horizontal .add-tab-button:hover {
      color: #1a1a1a; }
      .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) {
        fill: #1a1a1a; }
    .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: #368ac0; }
      .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) {
        fill: #368ac0; }
  .tab-container.horizontal .tab-more {
    padding: 12px 4px 11px 14px; }
    .tab-container.horizontal .tab-more::before {
      background-color: rgba(189, 189, 189, 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: 11px 11px 10px; }
  .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; }

html[dir='rtl'] .tab-container.horizontal::before {
  background-image: linear-gradient(to left, #f0f0f0, rgba(240, 240, 240, 0)); }

html[dir='rtl'] .tab-container.horizontal::after {
  background-image: linear-gradient(to left, rgba(240, 240, 240, 0), #f0f0f0); }

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

.tab-list-info {
  font-size: 20px;
  font-size: 2rem;
  color: #1a1a1a;
  padding: 10px 30px; }
  .tab-list-info:first-child {
    padding-top: 10px; }
  .tab-list-info h2 {
    font-size: 20px;
    font-size: 2rem; }

.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: #f0f0f0;
    border-right: 1px solid #d8d8d8;
    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 {
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-size: 1.4rem;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -moz-touch-callout: none;
      -o-touch-callout: none;
      -ms-touch-callout: none;
      touch-callout: none;
      color: #1a1a1a;
      display: block; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab a .icon {
        fill: #1a1a1a; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab:hover {
      background-color: #d8d8d8; }
      .tab-container.vertical > .tab-list-container > .tab-list > .tab:hover a {
        text-decoration: none; }
    .tab-container.vertical > .tab-list-container > .tab-list > .tab.is-selected {
      background-color: #368ac0; }
      .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: #368ac0; }
        .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: #999999; }
      .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: #999999 !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.scrollable, .tab-container.vertical > .tab-list-container.scrollable-x, .tab-container.vertical > .tab-list-container.scrollable-y {
    height: 100%; }
  .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-list {
    height: 100%; }
    .tab-container.vertical > .tab-list > .tab {
      width: 100%; }
      .tab-container.vertical > .tab-list > .tab a {
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        font-size: 1.4rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -moz-touch-callout: none;
        -o-touch-callout: none;
        -ms-touch-callout: none;
        touch-callout: none;
        color: #1a1a1a;
        display: block; }
        .tab-container.vertical > .tab-list > .tab a .icon {
          fill: #1a1a1a; }
      .tab-container.vertical > .tab-list > .tab:hover {
        background-color: #d8d8d8; }
        .tab-container.vertical > .tab-list > .tab:hover a {
          text-decoration: none; }
      .tab-container.vertical > .tab-list > .tab.is-selected {
        background-color: #368ac0; }
        .tab-container.vertical > .tab-list > .tab.is-selected a {
          color: #ffffff; }
        .tab-container.vertical > .tab-list > .tab.is-selected:hover {
          background-color: #368ac0; }
          .tab-container.vertical > .tab-list > .tab.is-selected:hover a {
            color: #ffffff; }
      .tab-container.vertical > .tab-list > .tab.is-disabled {
        color: #999999; }
        .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: #999999 !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; }
    .tab-container.vertical > .tab-focus-indicator.is-selected.is-visible,
    .tab-container.vertical > .tab-list-container > .tab-focus-indicator.is-selected.is-visible {
      border-color: transparent;
      box-shadow: inset 0 0 0 1px #ffffff; }

.page-container > .tab-container.vertical,
.tab-panel > .tab-container.vertical {
  height: 100%;
  overflow: auto; }
  .page-container > .tab-container.vertical:only-child,
  .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-panel > .tab-container.vertical > .tab-list-container,
  .tab-panel > .tab-container.vertical > .tab-panel-container,
  .tab-panel > .tab-container.vertical + .tab-panel-container {
    min-height: 100%; }
  .page-container > .tab-container.vertical + .tab-panel-container > .tab-panel,
  .tab-panel > .tab-container.vertical + .tab-panel-container > .tab-panel {
    margin: 30px;
    padding-top: 0; }

.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, #2578a9, rgba(37, 120, 169, 0));
    left: 20px; }
  .tab-container.header-tabs::after {
    background-image: linear-gradient(to right, rgba(37, 120, 169, 0), #2578a9); }
  .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 {
      color: rgba(255, 255, 255, 0.7);
      font-weight: bold;
      overflow: hidden; }
      .tab-container.header-tabs > .tab-list-container .tab::before {
        background-color: rgba(255, 255, 255, 0);
        bottom: 0; }
      .tab-container.header-tabs > .tab-list-container .tab a {
        overflow: hidden;
        padding: 12px 11px;
        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: white; }
        .tab-container.header-tabs > .tab-list-container .tab:hover:not(.is-disabled)::before {
          background-color: white; }
        .tab-container.header-tabs > .tab-list-container .tab:hover:not(.is-disabled) .icon:not(.is-error):not(.icon-error) {
          fill: white; }
      .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled) {
        color: white; }
        .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled)::before {
          background-color: white; }
        .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled):hover {
          color: white; }
          .tab-container.header-tabs > .tab-list-container .tab.is-selected:not(.is-disabled):hover::before {
            background-color: white; }
      .tab-container.header-tabs > .tab-list-container .tab.dismissible .icon {
        fill: #ffffff;
        opacity: .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) {
        fill: #ffffff;
        opacity: 1; }
  .tab-container.header-tabs .animated-bar {
    background-color: white;
    margin-top: 8px; }
  .tab-container.header-tabs .tab-focus-indicator.is-visible {
    border-color: white; }
  .tab-container.header-tabs .tab-more,
  .tab-container.header-tabs .add-tab-button {
    color: rgba(255, 255, 255, 0.7); }
    .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 {
      fill: rgba(255, 255, 255, 0.7); }
    .tab-container.header-tabs .tab-more:hover,
    .tab-container.header-tabs .add-tab-button:hover {
      color: white; }
      .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) {
        fill: white; }
    .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: #f0f0f0; }
      .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) {
        fill: #f0f0f0; }
  .tab-container.header-tabs .tab-more {
    padding: 12px 4px 11px 14px; }
    .tab-container.header-tabs .tab-more::before {
      background-color: rgba(255, 255, 255, 0.4);
      content: '';
      display: inline-block;
      height: 30px;
      left: 7px;
      position: absolute;
      top: 4px;
      width: 1px; }
  .tab-container.header-tabs .add-tab-button {
    padding: 12px 4px 12px 14px; }
  .tab-container.header-tabs.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #bdbdbd; }
    .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 .tab {
      color: #5c5c5c; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab::before {
        background-color: rgba(92, 92, 92, 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: #383838; }
        .tab-container.header-tabs.alternate > .tab-list-container .tab:hover:not(.is-disabled)::before {
          background-color: #383838; }
      .tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled) {
        color: #368ac0; }
        .tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled)::before {
          background-color: #368ac0; }
        .tab-container.header-tabs.alternate > .tab-list-container .tab.is-selected:not(.is-disabled) .icon:not(.is-error):not(.icon-error) {
          fill: #368ac0; }
    .tab-container.header-tabs.alternate .animated-bar {
      background-color: #368ac0;
      margin-top: 0;
      top: 36px; }
    .tab-container.header-tabs.alternate .tab-focus-indicator.is-visible {
      border-color: #368ac0;
      box-shadow: 0 0 4px 3px rgba(255, 255, 255, 0.3); }
    .tab-container.header-tabs.alternate .tab-more {
      color: #5c5c5c; }
      .tab-container.header-tabs.alternate .tab-more::before {
        background-color: #bdbdbd; }
      .tab-container.header-tabs.alternate .tab-more .icon {
        fill: #5c5c5c; }
      .tab-container.header-tabs.alternate .tab-more:hover {
        color: #383838; }
        .tab-container.header-tabs.alternate .tab-more:hover .icon:not(.is-error):not(.icon-error) {
          fill: #383838; }
      .tab-container.header-tabs.alternate .tab-more.is-selected, .tab-container.header-tabs.alternate .tab-more.is-open {
        color: #368ac0; }
        .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) {
          fill: #368ac0; }

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, #2578a9, rgba(37, 120, 169, 0));
    left: auto;
    right: 20px; }
  html[dir='rtl'] .tab-container.header-tabs::after {
    background-image: linear-gradient(to left, rgba(37, 120, 169, 0), #2578a9);
    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); }

.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: #1d5f8a;
  border-bottom: 1px solid #134d71;
  border-top: 1px solid #134d71;
  font-size: 0;
  height: 36px;
  overflow: hidden; }
  .tab-container.module-tabs::before {
    content: '';
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    visibility: hidden;
    width: 1px; }
  .tab-container.module-tabs > * {
    display: inline-block;
    vertical-align: middle; }
  .tab-container.module-tabs [class^="btn"] {
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #1d5f8a;
    border: 0;
    color: rgba(255, 255, 255, 0.85);
    min-width: 0; }
    .tab-container.module-tabs [class^="btn"] > * {
      display: inline-block;
      vertical-align: middle; }
    .tab-container.module-tabs [class^="btn"] .icon {
      fill: 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: -6px;
    position: relative;
    top: -7px; }
    .tab-container.module-tabs .icon.app-header span:not(.audible) {
      background-color: rgba(255, 255, 255, 0.85); }
  .tab-container.module-tabs .tab-list-container {
    position: relative;
    width: calc(100% - 1px); }
  .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.has-toolbar .tab-list-container {
    width: calc(70% - 1px); }
    .tab-container.module-tabs.has-toolbar .tab-list-container + .toolbar {
      border-left: 1px solid #368ac0;
      text-align: right;
      width: calc(30% - 1px); }
  .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);
    font-size: 12px;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.85);
    min-width: 120px;
    overflow: hidden;
    text-align: center; }
    .tab-container.module-tabs .tab .icon {
      fill: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs .tab:not(:first-child) {
      border-left: 1px solid #368ac0; }
    .tab-container.module-tabs .tab::before {
      display: none !important; }
    .tab-container.module-tabs .tab::after {
      display: none !important; }
    .tab-container.module-tabs .tab a {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: bold;
      margin: 0 auto;
      overflow: hidden;
      padding: 10px;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .tab-container.module-tabs .tab a > * {
        display: inline-block;
        vertical-align: middle; }
      .tab-container.module-tabs .tab a > span:not(.icon) {
        font-weight: bold;
        margin-left: 5px; }
    .tab-container.module-tabs .tab.is-selected {
      background-color: #2578a9;
      color: #ffffff; }
    .tab-container.module-tabs .tab:hover {
      background-color: #133c59;
      color: #ffffff; }
    .tab-container.module-tabs .tab.is-disabled {
      background-color: #368ac0;
      color: #69b5dd; }
      .tab-container.module-tabs .tab.is-disabled:not(:first-child) {
        border-left: 1px solid #69b5dd; }
      .tab-container.module-tabs .tab.is-disabled.is-selected {
        background-color: #368ac0;
        color: #69b5dd; }
      .tab-container.module-tabs .tab.is-disabled:hover {
        background-color: #368ac0;
        color: #69b5dd; }
    .tab-container.module-tabs .tab.dismissible {
      padding-right: 35px; }
      .tab-container.module-tabs .tab.dismissible .icon {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 14px;
        position: absolute;
        right: 10px;
        top: 50%; }
      .tab-container.module-tabs .tab.dismissible a {
        padding: 10px 35px 10px 10px; }
    .tab-container.module-tabs .tab.application-menu-trigger a {
      padding: 9px 10px 7px; }
  .tab-container.module-tabs .add-tab-button {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    height: 34px;
    padding-bottom: 5px;
    padding-top: 1px;
    width: 41px; }
    .tab-container.module-tabs .add-tab-button span {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: normal; }
  .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: 120px; }
  .tab-container.module-tabs .tab-more,
  .tab-container.module-tabs .add-tab-button {
    font-size: 12px;
    font-size: 1.2rem;
    border-left: 1px solid #368ac0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: bold;
    padding: 8px 10px;
    text-align: center; }
    .tab-container.module-tabs .tab-more .icon,
    .tab-container.module-tabs .add-tab-button .icon {
      fill: 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: 12px;
      font-size: 1.2rem;
      font-weight: bold; }
    .tab-container.module-tabs .tab-more.is-selected,
    .tab-container.module-tabs .add-tab-button.is-selected {
      background-color: #2578a9;
      color: #ffffff; }
      .tab-container.module-tabs .tab-more.is-selected .icon,
      .tab-container.module-tabs .add-tab-button.is-selected .icon {
        fill: #ffffff; }
    .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: #133c59;
      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 {
        fill: #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 {
      height: 34px; }
    .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: 32px;
      margin-top: 1px; }
      .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: #ffffff; }
      .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 {
        fill: 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"]:hover,
      .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover {
        color: #ffffff; }
        .tab-container.module-tabs .toolbar [class^="btn"]:hover .icon,
        .tab-container.module-tabs .toolbar .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon {
          fill: #ffffff; }
      .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: #ffffff; }
        .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 {
          fill: #ffffff; }
        .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 {
        fill: #ffffff; }
    .tab-container.module-tabs .toolbar .btn-actions {
      min-height: 32px;
      min-width: 32px;
      width: 32px; }
  .tab-container.module-tabs .toolbar-searchfield-wrapper {
    color: #ffffff; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper .icon:not(.error) {
      fill: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield {
      background-color: rgba(33, 34, 36, 0);
      border-bottom-color: rgba(28, 24, 25, 0);
      border-top-color: rgba(33, 34, 36, 0);
      color: rgba(255, 255, 255, 0.85); }
      .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield::-moz-placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .tab-container.module-tabs .toolbar-searchfield-wrapper .searchfield:-moz-placeholder {
        color: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs .toolbar-searchfield-wrapper [class^="btn"] {
      background-color: transparent; }
      .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: rgba(33, 34, 36, 0.4);
      border-bottom-color: rgba(28, 24, 25, 0.4);
      border-top-color: rgba(33, 34, 36, 0.4);
      color: rgba(255, 255, 255, 0.85); }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.active .searchfield {
      background-color: rgba(33, 34, 36, 0.4);
      border-bottom-color: rgba(28, 24, 25, 0.4); }
      .tab-container.module-tabs .toolbar-searchfield-wrapper.active .searchfield::-webkit-input-placeholder {
        color: transparent; }
      .tab-container.module-tabs .toolbar-searchfield-wrapper.active .searchfield::-moz-placeholder {
        color: transparent; }
      .tab-container.module-tabs .toolbar-searchfield-wrapper.active .searchfield:-ms-input-placeholder {
        color: transparent; }
      .tab-container.module-tabs .toolbar-searchfield-wrapper.active .searchfield:-moz-placeholder {
        color: transparent; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.active .btn {
      border-color: transparent; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-focus .searchfield {
      color: #ffffff; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-focus .icon:not(.error) {
      fill: #ffffff; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper.has-categories {
      width: 101px; }
    .tab-container.module-tabs .toolbar-searchfield-wrapper .btn:focus {
      border-color: #ffffff; }
  .tab-container.module-tabs > .toolbar-searchfield-wrapper.active {
    width: calc(100% - 1px); }
  .tab-container.module-tabs.has-add-button .tab-list {
    width: calc(100% - 39px); }
  .tab-container.module-tabs.has-add-button .add-tab-button {
    height: 34px;
    right: 0;
    top: 0; }
    .tab-container.module-tabs.has-add-button .add-tab-button span:first-child {
      position: relative;
      top: -7px; }
  .tab-container.module-tabs.has-more-button .tab-list {
    width: calc(100% - 119px); }
  .tab-container.module-tabs.has-more-button .tab-more {
    right: 0;
    top: 0; }
  .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: #368ac0;
    border-bottom: 1px solid #2578a9;
    border-top: 1px solid #2578a9; }
    .tab-container.module-tabs.is-disabled [class^="btn"] {
      background-color: #368ac0;
      color: #69b5dd; }
      .tab-container.module-tabs.is-disabled [class^="btn"] .icon {
        fill: #69b5dd; }
    .tab-container.module-tabs.is-disabled .icon {
      fill: #69b5dd; }
      .tab-container.module-tabs.is-disabled .icon.app-header span:not(.audible) {
        background-color: #69b5dd; }
    .tab-container.module-tabs.is-disabled.has-toolbar .tab-list-container + .toolbar {
      border-left: 1px solid #69b5dd; }
    .tab-container.module-tabs.is-disabled .tab {
      color: #69b5dd; }
      .tab-container.module-tabs.is-disabled .tab:not(:first-child) {
        border-left: 1px solid #69b5dd; }
      .tab-container.module-tabs.is-disabled .tab.is-selected {
        background-color: #368ac0;
        color: #69b5dd; }
      .tab-container.module-tabs.is-disabled .tab:hover, .tab-container.module-tabs.is-disabled .tab.is-focused {
        background-color: #368ac0;
        color: #69b5dd; }
    .tab-container.module-tabs.is-disabled .tab-more {
      border-left: 1px solid #69b5dd;
      color: #69b5dd; }
      .tab-container.module-tabs.is-disabled .tab-more .icon {
        fill: #69b5dd; }
      .tab-container.module-tabs.is-disabled .tab-more.is-selected {
        background-color: #368ac0;
        color: #69b5dd; }
        .tab-container.module-tabs.is-disabled .tab-more.is-selected .icon {
          fill: #69b5dd; }
      .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: #368ac0;
        color: #69b5dd; }
        .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 {
          fill: #69b5dd; }
    .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: #69b5dd;
      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: #69b5dd; }
      .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: #69b5dd; }
      .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 {
        fill: #69b5dd; }
      .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: #69b5dd; }
        .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 {
          fill: #69b5dd; }
      .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: #69b5dd; }
        .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 {
          fill: #69b5dd; }
        .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 #69b5dd; }
      .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 {
        fill: #69b5dd; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper .icon:not(.error) {
      fill: #69b5dd; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper .searchfield {
      background-color: rgba(65, 66, 71, 0);
      border-bottom-color: rgba(65, 66, 71, 0);
      border-top-color: rgba(65, 66, 71, 0);
      color: #69b5dd; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper.active .searchfield {
      background-color: #414247;
      border-bottom-color: #313236; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper.has-focus .searchfield {
      color: #69b5dd; }
    .tab-container.module-tabs.is-disabled .toolbar-searchfield-wrapper.has-focus .icon:not(.error) {
      fill: #69b5dd; }

.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.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-left: 35px;
  padding-right: 0; }
  html[dir='rtl'] .tab-container.module-tabs .tab.dismissible a {
    padding: 10px 10px 10px 35px; }
  html[dir='rtl'] .tab-container.module-tabs .tab.dismissible .icon {
    left: 10px;
    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; }

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

@media (min-width: 767px) {
  .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    background-color: rgba(33, 34, 36, 0.4);
    border-bottom-color: rgba(28, 24, 25, 0.4); } }

.multitabs-container {
  display: flex;
  height: 100%; }

.multitabs-section {
  flex: 1;
  height: 100%; }
  .multitabs-section + .multitabs-section {
    border-left: 1px solid #999999; }
  .multitabs-section.alternate {
    background-color: #ffffff; }
    .multitabs-section.alternate + .multitabs-section {
      border-left: 1px solid #d8d8d8; }
  .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 {
  left: 51px;
  right: auto; }

html[dir='rtl'] .tab-container.horizontal.has-add-button::after {
  left: 95px; }

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 .icon-error,
html[dir='rtl'] .tab-container.header-tabs .tab .icon-error {
  left: -10px;
  right: auto; }

html[dir='rtl'] .tab-container.horizontal .tab-more,
html[dir='rtl'] .tab-container.header-tabs .tab-more {
  padding: 12px 14px 11px 4px; }
  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.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; }

.tab-container.tab-borders {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-bottom: 0; }
  .tab-container.tab-borders .tab-more {
    background-color: #ffffff; }
  .tab-container.tab-borders .tab.is-selected a {
    font-weight: bold; }
  .tab-container.tab-borders + .tab-panel-container {
    border: 1px solid #bdbdbd; }
    .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; }

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-confirm,
  .dropdown-wrapper .icon-alert,
  .dropdown-wrapper .icon-info,
  .dropdown-wrapper .icon-pending {
    right: 25px;
    top: 1px; }
  .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;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  border-collapse: separate;
  border-radius: 2px;
  color: #1a1a1a;
  display: inline-block;
  max-width: 100%;
  padding: 8px 10px;
  resize: none;
  text-align: left;
  width: 300px;
  -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: rgba(0, 0, 0, 0);
  border-color: #999999;
  color: #1a1a1a;
  cursor: pointer;
  overflow: hidden;
  padding: 8px 30px 8px 10px;
  -webkit-text-fill-color: #1a1a1a;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap; }
  div.dropdown:hover,
  div.multiselect:hover {
    border-color: #383838; }
  div.dropdown[disabled],
  div.multiselect[disabled] {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #bdbdbd;
    color: #bdbdbd;
    -webkit-text-fill-color: #bdbdbd; }
  div.dropdown[readonly],
  div.multiselect[readonly] {
    background-color: #d8d8d8;
    border-color: #999999;
    color: #999999;
    -webkit-text-fill-color: #999999; }
  div.dropdown.is-placeholder,
  div.multiselect.is-placeholder {
    color: #999999; }
    div.dropdown.is-placeholder.error,
    div.multiselect.is-placeholder.error {
      color: #e84f4f; }
    div.dropdown.is-placeholder.alert,
    div.multiselect.is-placeholder.alert {
      color: #ff9426; }
    div.dropdown.is-placeholder.info,
    div.multiselect.is-placeholder.info {
      color: #368ac0; }
  div.dropdown:focus, div.dropdown.is-focused,
  div.multiselect:focus,
  div.multiselect.is-focused {
    border: solid 1px #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
    outline: none;
    outline-color: transparent; }
  div.dropdown.error,
  div.multiselect.error {
    border-color: #e84f4f; }
    div.dropdown.error:focus,
    div.multiselect.error:focus {
      border-color: #e84f4f !important;
      box-shadow: 0 0 4px 2px rgba(232, 79, 79, 0.3) !important;
      color: #1a1a1a !important; }
  div.dropdown.alert,
  div.multiselect.alert {
    border-color: #ff9426; }
    div.dropdown.alert:focus,
    div.multiselect.alert:focus {
      border-color: #ff9426 !important;
      color: #1a1a1a !important; }
  div.dropdown.confirm,
  div.multiselect.confirm {
    border-color: #80ce4d; }
    div.dropdown.confirm:focus,
    div.multiselect.confirm:focus {
      border-color: #80ce4d !important;
      color: #1a1a1a !important; }
  div.dropdown.info,
  div.multiselect.info {
    border-color: #368ac0; }
    div.dropdown.info:focus,
    div.multiselect.info:focus {
      border-color: #368ac0 !important;
      color: #1a1a1a !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,
  div.multiselect > span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    width: inhert; }
  div.dropdown > .listoption-icon,
  div.multiselect > .listoption-icon {
    fill: #5c5c5c;
    height: 16px;
    left: 14px;
    position: absolute;
    top: 9px;
    vertical-align: middle;
    width: 16px; }
    div.dropdown > .listoption-icon.error,
    div.multiselect > .listoption-icon.error {
      fill: #e84f4f; }
    div.dropdown > .listoption-icon.alert,
    div.multiselect > .listoption-icon.alert {
      fill: #ff9426; }
    div.dropdown > .listoption-icon.alert-yellow,
    div.multiselect > .listoption-icon.alert-yellow {
      fill: #ffd726; }
    div.dropdown > .listoption-icon.neutral,
    div.multiselect > .listoption-icon.neutral {
      fill: #dbdbdb; }
    div.dropdown > .listoption-icon.good,
    div.multiselect > .listoption-icon.good {
      fill: #80ce4d; }
    div.dropdown > .listoption-icon.info,
    div.multiselect > .listoption-icon.info {
      fill: #368ac0; }
    div.dropdown > .listoption-icon.white,
    div.multiselect > .listoption-icon.white {
      fill: #ffffff; }
    div.dropdown > .listoption-icon + span,
    div.multiselect > .listoption-icon + span {
      padding-left: 29px; }
  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: rgba(0, 0, 0, 0);
    border-color: #bdbdbd;
    color: #bdbdbd;
    cursor: default;
    pointer-events: none;
    -webkit-text-fill-color: #bdbdbd; }
    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: rgba(0, 0, 0, 0);
      cursor: default;
      fill: #999999; }
  div.dropdown:active:not([disabled]):not(.is-disabled):not(.is-readonly),
  div.multiselect:active:not([disabled]):not(.is-disabled):not(.is-readonly) {
    border-color: #368ac0; }
    div.dropdown:active:not([disabled]):not(.is-disabled):not(.is-readonly) + .icon,
    div.multiselect:active:not([disabled]):not(.is-disabled):not(.is-readonly) + .icon {
      fill: #368ac0; }
  div.dropdown:hover:not([disabled]):not(.is-disabled):not(.is-readonly):not(.is-open),
  div.multiselect:hover:not([disabled]):not(.is-disabled):not(.is-readonly):not(.is-open) {
    border-color: #1a1a1a; }
    div.dropdown:hover:not([disabled]):not(.is-disabled):not(.is-readonly):not(.is-open) + .icon,
    div.multiselect:hover:not([disabled]):not(.is-disabled):not(.is-readonly):not(.is-open) + .icon {
      fill: #1a1a1a; }
  div.dropdown + .icon,
  div.multiselect + .icon {
    background-color: inherit;
    border-radius: 1px;
    cursor: pointer;
    display: inline-block;
    fill: #5c5c5c;
    height: 32px;
    margin-left: -33px;
    pointer-events: none;
    position: absolute;
    right: 6px;
    top: 1px;
    width: 18px; }
  div.dropdown.is-readonly,
  div.multiselect.is-readonly {
    background-color: #d8d8d8;
    border-color: #999999;
    color: #999999;
    cursor: text;
    -webkit-text-fill-color: #999999; }
  div.dropdown:focus,
  div.multiselect:focus {
    border-color: #368ac0 !important; }

.dropdown-list {
  -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;
  outline-style: none;
  background-color: transparent;
  border: 1px solid #368ac0;
  border-radius: 3px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2), 0 0 4px 3px rgba(54, 138, 192, 0.3);
  font-size: 1.4rem;
  max-height: 300px;
  min-height: 30px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  white-space: nowrap;
  width: auto;
  z-index: 4501; }
  .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: #f0f0f0; }
  .dropdown-list.is-ontop {
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.2); }
  .dropdown-list ul {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: white;
    color: #1a1a1a;
    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 i {
      color: #1a1a1a;
      font-style: normal;
      text-decoration: none; }
    .dropdown-list li .clear-selection {
      color: #999999; }
    .dropdown-list li:hover, .dropdown-list li.hover {
      background-color: #d8d8d8;
      outline: none; }
    .dropdown-list li.is-disabled {
      cursor: default;
      pointer-events: none; }
      .dropdown-list li.is-disabled > a {
        color: #999999; }
      .dropdown-list li.is-disabled:hover, .dropdown-list li.is-disabled.hover {
        background-color: transparent; }
    .dropdown-list li:focus {
      background-color: #d8d8d8;
      outline: none; }
    .dropdown-list li.is-focused:not(.is-disabled) {
      background-color: #368ac0; }
      .dropdown-list li.is-focused:not(.is-disabled) a {
        color: #ffffff; }
      .dropdown-list li.is-focused:not(.is-disabled).is-selected {
        background-color: #368ac0; }
        .dropdown-list li.is-focused:not(.is-disabled).is-selected a {
          color: white; }
      .dropdown-list li.is-focused:not(.is-disabled) .listoption-icon {
        fill: white; }
      .dropdown-list li.is-focused:not(.is-disabled) .badge {
        border-color: white; }
    .dropdown-list li .listoption-icon {
      fill: #5c5c5c;
      height: 16px;
      left: 0;
      margin-right: 7px;
      pointer-events: none;
      top: 3px; }
      .dropdown-list li .listoption-icon.error {
        fill: #e84f4f; }
      .dropdown-list li .listoption-icon.alert {
        fill: #ff9426; }
      .dropdown-list li .listoption-icon.alert-yellow {
        fill: #ffd726; }
      .dropdown-list li .listoption-icon.neutral {
        fill: #dbdbdb; }
      .dropdown-list li .listoption-icon.good {
        fill: #80ce4d; }
      .dropdown-list li .listoption-icon.info {
        fill: #368ac0; }
      .dropdown-list li .listoption-icon.white {
        fill: #ffffff; }
    .dropdown-list li .badge {
      border: 1px solid transparent;
      display: inline-block;
      float: right;
      margin-left: -40px;
      margin-top: 4px;
      position: relative;
      right: 8px;
      text-indent: 0; }
  .dropdown-list > .listoption-icon {
    fill: #5c5c5c;
    height: 16px;
    left: 10px;
    position: absolute;
    top: 8px; }
    .dropdown-list > .listoption-icon.error {
      fill: #e84f4f; }
    .dropdown-list > .listoption-icon.alert {
      fill: #ff9426; }
    .dropdown-list > .listoption-icon.alert-yellow {
      fill: #ffd726; }
    .dropdown-list > .listoption-icon.neutral {
      fill: #dbdbdb; }
    .dropdown-list > .listoption-icon.good {
      fill: #80ce4d; }
    .dropdown-list > .listoption-icon.info {
      fill: #368ac0; }
    .dropdown-list > .listoption-icon.white {
      fill: #ffffff; }
    .dropdown-list > .listoption-icon + span {
      padding-left: 39px; }
  .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: #1a1a1a;
    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 i {
    color: #1a1a1a;
    font-weight: bold;
    letter-spacing: -.2; }
  .dropdown-list.search-mode li.is-disabled a {
    color: #999999; }
  .dropdown-list.search-mode li.is-focused i {
    color: white; }
  .dropdown-list.multiple ul {
    text-indent: 33px; }
  .dropdown-list.multiple li::before {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #999999;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    margin-top: 4px;
    position: absolute;
    width: 14px;
    margin-left: 10px;
    margin-top: 8px; }
  .dropdown-list.multiple li.is-disabled::before {
    background-color: rgba(0, 0, 0, 0);
    border-color: #bdbdbd; }
  .dropdown-list.multiple li.is-focused:not(.is-disabled) {
    background-color: #d8d8d8; }
    .dropdown-list.multiple li.is-focused:not(.is-disabled) > a {
      color: #383838; }
  .dropdown-list.multiple li.is-selected::before {
    background-color: #368ac0;
    border-color: #368ac0; }
  .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: white white white transparent;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    left: 3px;
    position: absolute;
    top: 13px;
    width: 4px;
    left: 15px;
    margin-top: 0;
    top: 8px; }
  .dropdown-list.multiple li.is-disabled.is-selected::before {
    background-color: #bdbdbd;
    border-color: #bdbdbd; }
  .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: #383838; }
  .dropdown-list.multiple.search-mode a i {
    color: #383838; }
  .dropdown-list .group-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-size: 1.2rem;
    color: #737373;
    font-weight: bold;
    line-height: 20px;
    min-height: 20px;
    padding: 6px 0 4px;
    text-indent: 10px; }
    .dropdown-list .group-label:not(:first-child) {
      border-top: 1px solid #bdbdbd;
      margin-top: 10px; }
    .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 {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      background-color: rgba(255, 255, 255, 0);
      fill: #5c5c5c;
      height: 32px;
      width: 18px; }
      .dropdown-list > .trigger .icon.search {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        height: 18px;
        margin-top: 7px;
        width: 16px; }
      .dropdown-list > .trigger .icon.close {
        right: -6px;
        top: 0;
        width: 14px; }
  .dropdown-list.dropdown-short > .trigger {
    margin-left: -18px; }

.dropdown-search {
  background-color: #f0f0f0;
  border: 0;
  border-bottom: 1px solid #bdbdbd;
  border-radius: 0;
  color: #1a1a1a;
  padding: 8px 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:focus {
    border: 0;
    border-bottom: 1px solid #999999;
    box-shadow: none;
    outline: none; }

.modal-engaged .dropdown-search {
  background-color: #ffffff; }

.is-ontop.dropdown-list ul {
  top: -1px; }

.is-ontop .dropdown-search {
  border-bottom: 0; }

.dropdown.error {
  border-color: #e84f4f; }
  .dropdown.error::-webkit-input-placeholder {
    color: #e84f4f; }

input.dropdown.error:focus {
  border-color: #e84f4f;
  box-shadow: 0 0 4px 2px rgba(232, 79, 79, 0.3);
  color: #1a1a1a; }

.field .dropdown-wrapper,
.field-short .dropdown-wrapper {
  margin-bottom: 0; }

.field .dropdown,
.field-short .dropdown {
  line-height: normal; }

.field-short div.dropdown {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0;
  padding: 5px 21px 5px 5px; }
  .field-short div.dropdown > .listoption-icon {
    height: 14px;
    left: 6px;
    top: 6px; }
    .field-short div.dropdown > .listoption-icon + span {
      padding-left: 20px; }

.field-short div.dropdown + .icon,
.field-short div.multiselect + .icon {
  height: 30px;
  right: 4px;
  top: -2px;
  width: 16px; }

.field-short div.dropdown ~ .icon-error,
.field-short div.multiselect ~ .icon-error {
  margin-left: -38px;
  right: auto; }

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

div.dropdown-lg {
  width: 400px; }

.dropdown-md,
div.dropdown-md,
.field-short .dropdown-md {
  width: 300px; }

.dropdown-mm,
div.dropdown-mm,
.field-short .dropdown-mm {
  width: 225px; }

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

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

.dropdown-list.dropdown-short .dropdown-search {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 32px 5px 5px; }

.dropdown-list.dropdown-short.has-icons .dropdown-search {
  padding-left: 25px; }

.dropdown-list.dropdown-short ul {
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: 5px; }

.dropdown-list.dropdown-short li > a {
  line-height: 24px; }

.dropdown-list.dropdown-short li .listoption-icon {
  height: 14px;
  width: 14px; }

.dropdown-list.dropdown-short.is-ontop {
  margin-top: 8px; }

.dropdown-list.dropdown-short > .icon {
  height: 24px;
  margin-left: -21px;
  margin-top: 0;
  width: 16px; }

.dropdown-list.dropdown-short > .listoption-icon {
  height: 14px;
  left: 26px;
  top: 5px; }

.dropdown-list.dropdown-short .trigger .icon {
  height: 30px;
  right: 3px;
  top: -4px;
  width: 16px; }
  .dropdown-list.dropdown-short .trigger .icon.icon.search {
    height: 14px;
    right: -6px;
    top: -2px; }

.dropdown-list.dropdown-short.multiple li::before {
  margin-left: 5px; }

.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.multiple li::before {
  margin-left: -23px; }

.ie.ie11 .is-ontop {
  margin-top: 2px; }
  .ie.ie11 .is-ontop .dropdown-search {
    border-top: 1px solid #bdbdbd; }

.is-firefox .is-ontop.dropdown-list ul {
  margin-top: 1px;
  top: 0; }

.is-firefox .is-ontop .dropdown-search {
  border-top: 1px solid #bdbdbd; }

.is-firefox .dropdown-list.multiple li::before {
  margin-left: -23px; }

.is-firefox .dropdown-list.multiple li.is-selected::after {
  left: 15px;
  top: 9px; }

.is-firefox .dropdown-list .dropdown-search {
  padding-bottom: 6px;
  padding-top: 9px; }

.is-firefox .dropdown-list.dropdown-short .dropdown-search {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 21px 5px 5px; }

.is-firefox div.dropdown > span,
.is-firefox div.multiselect > span {
  padding-top: 1px; }

.ios .dropdown-list.multiple li::before {
  top: 6px; }

.ios .dropdown-list.multiple li.is-selected::after {
  top: 11px; }

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: 8px;
    margin-left: inherit;
    margin-right: -33px;
    right: auto !important; }

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 {
  margin-left: inherit;
  margin-right: 5px; }

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

html[dir='rtl'] .dropdown-list li .listoption-icon {
  left: auto;
  margin-left: 7px;
  margin-right: inherit;
  right: 0; }

html[dir='rtl'] .dropdown-list > .listoption-icon {
  left: auto;
  right: 36px; }
  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: 5px 5px 5px 32px; }

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

html[dir='rtl'] .dropdown-wrapper .icon-error,
html[dir='rtl'] .dropdown-wrapper .icon-confirm,
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 {
  padding: 5px 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 {
    margin-left: inherit;
    margin-right: -38px !important; }

html[dir='rtl'] .field-short div.dropdown > .listoption-icon {
  left: auto;
  right: 6px; }
  html[dir='rtl'] .field-short div.dropdown > .listoption-icon + span {
    padding-left: inherit;
    padding-right: 20px; }

.modal-wrapper {
  display: table;
  height: 100%;
  margin: 0 auto; }

.modal-page-container {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%; }

.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;
  display: table-cell;
  height: auto;
  max-height: 90%;
  max-width: 90%;
  min-width: 200px;
  opacity: 0;
  position: relative;
  vertical-align: middle;
  width: auto;
  z-index: 1001; }
  .modal.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 .field [data-error-type="tooltip"] ~ .icon-error,
  .modal .field [data-error-type="tooltip"] ~ .icon-confirm {
    top: -7px; }
  .modal .field .dropdown-wrapper [data-error-type="tooltip"] ~ .icon-error,
  .modal .field .dropdown-wrapper [data-error-type="tooltip"] ~ .icon-confirm {
    top: 1px; }
  .modal .field.editor-container [data-error-type="tooltip"] ~ .icon-error,
  .modal .field.editor-container [data-error-type="tooltip"] ~ .icon-confirm {
    top: 55px; }
  .modal .field textarea {
    width: 300px; }
    .modal .field textarea[data-error-type="tooltip"] ~ .icon-error,
    .modal .field textarea[data-error-type="tooltip"] ~ .icon-confirm {
      top: 20px; }
    .modal .field textarea.input-lg {
      min-height: inherit;
      width: 400px; }
  .modal .field:first-child .audible ~ input:not(.spinbox):not(.colorpicker),
  .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 .field:last-child input:not(.spinbox):not(.colorpicker):not(.searchfield),
  .modal .field:last-child .dropdown,
  .modal .field:last-child textarea,
  .modal .field:last-child .spinbox-wrapper,
  .modal .field:last-child .colorpicker-container {
    margin-bottom: 10px; }
    .modal .field:last-child input:not(.spinbox):not(.colorpicker):not(.searchfield) + .error-message,
    .modal .field:last-child .dropdown + .error-message,
    .modal .field:last-child textarea + .error-message,
    .modal .field:last-child .spinbox-wrapper + .error-message,
    .modal .field:last-child .colorpicker-container + .error-message {
      margin-top: -10px; }
  .modal .textarea-wordcount {
    width: auto; }
  .modal hr {
    border-bottom: 0 none;
    border-top: 1px solid #bdbdbd;
    margin-bottom: -10px;
    margin-left: -27px;
    margin-top: 10px;
    padding: 0; }
  .modal.full-width {
    margin: auto;
    width: auto; }
    .modal.full-width .modal-content .modal-body-wrapper {
      padding: 5px 0 0; }
    .modal.full-width .modal-content .no-full-width {
      padding: 0 20px; }
    .modal.full-width .modal-content .modal-buttonset {
      margin-top: 0; }
  .modal.divider-top .modal-content .modal-header {
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 15px; }
  .modal.divider-top .modal-content .modal-body-wrapper {
    padding: 0; }
  .modal .listview-search + .listview {
    max-height: 220px;
    min-height: 220px; }
  .modal .listview-search .searchfield-wrapper {
    min-width: 300px;
    width: 100%; }
    .modal .listview-search .searchfield-wrapper input {
      border-color: #bdbdbd;
      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: #f0f0f0; }
    .modal .alternate-bg.listview li {
      border-color: transparent; }
      .modal .alternate-bg.listview li:not(.is-selected):hover {
        background-color: #d8d8d8; }
  .modal .alternate-bg.listview-search input {
    border-color: #bdbdbd;
    border-left-color: transparent;
    border-right-color: transparent; }

.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: #000000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1000; }

.modal-engaged .overlay {
  opacity: .70;
  visibility: visible; }

.modal-header {
  padding: 20px; }

.modal-content {
  background: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #5c5c5c;
  margin: 10px; }
  .modal-content h1 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #1a1a1a;
    font-weight: normal;
    -webkit-margin-after: 0;
    text-align: left; }
    .modal-content h1 > * {
      vertical-align: middle; }
    .modal-content h1:focus {
      outline: none; }
    .modal-content h1.is-error {
      color: #e84f4f; }
      .modal-content h1.is-error .icon {
        fill: #e84f4f;
        left: -6px;
        margin-left: 5px;
        margin-right: 4px;
        top: auto; }
  .modal-content h2 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #1a1a1a;
    font-weight: normal;
    -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;
    -webkit-overflow-scrolling: auto;
    padding: 0 20px; }
    .modal-content .modal-body-wrapper .field:last-child {
      margin-bottom: 0; }
      .modal-content .modal-body-wrapper .field:last-child .textarea-wordcount {
        margin-bottom: 0; }
  .modal-content .modal-body > button {
    display: block;
    font-size: 1.5rem;
    margin: 25px auto 5px; }
  .modal-content .message {
    color: #5c5c5c;
    font-size: 1.4rem;
    line-height: 20px;
    max-width: 369px;
    padding: 15px 0 25px;
    text-align: left; }
  .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 > *:last-child {
  margin-bottom: 0; }

.modal-body p:first-of-type {
  padding-top: 0; }

.modal-body p:last-child {
  padding-bottom: 0; }

.modal-buttonset {
  border-top: 1px solid #bdbdbd;
  height: 50px;
  margin-top: 20px;
  padding: 2px; }
  .modal-buttonset button {
    font-size: 14px;
    font-size: 1.4rem;
    -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 #bdbdbd;
    border-radius: 0;
    color: #5c5c5c;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    margin-right: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%; }
    .modal-buttonset button:hover {
      color: #1a1a1a; }
    .modal-buttonset button:nth-child(1) {
      border-left: 1px solid transparent; }
    .modal-buttonset button:focus:not(.hide-focus) {
      border: 1px solid #368ac0;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
      outline: none;
      outline-color: transparent; }
    .modal-buttonset button[disabled], .modal-buttonset button[disabled]:hover {
      color: rgba(92, 92, 92, 0.5);
      cursor: default;
      text-decoration: none; }
      .modal-buttonset button[disabled].btn-modal-primary, .modal-buttonset button[disabled]:hover.btn-modal-primary {
        color: rgba(37, 120, 169, 0.5); }
    .modal-buttonset button[disabled]:focus {
      text-decoration: underline; }
    .modal-buttonset button .ripple-effect {
      background-color: #368ac0; }
  .modal-buttonset .btn-modal-primary {
    color: #368ac0; }
    .modal-buttonset .btn-modal-primary:hover {
      color: #1d5f8a; }

html[dir='rtl'] .modal-buttonset button {
  float: right;
  margin-left: 0; }
  html[dir='rtl'] .modal-buttonset button:nth-child(1) {
    border-left: 1px solid #bdbdbd; }

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

input[type="range"] {
  height: 4px;
  margin: 20px 4% 35px;
  position: relative;
  visibility: hidden;
  width: 92%; }
  input[type="range"].vertical {
    -webkit-appearance: slider-vertical;
    writing-mode: bt-lr; }

.slider-wrapper {
  background-color: #999999;
  position: relative;
  -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) .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; }
    .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: 0; }
    .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;
    width: 8px; }
    .slider-wrapper > .tick.complete:after {
      background-color: #368ac0; }
    .slider-wrapper > .tick:after {
      background-color: #999999;
      border-radius: 50%;
      content: '';
      height: 8px;
      position: absolute;
      width: 8px; }
    .slider-wrapper > .tick.inherit:after {
      background-color: inherit !important; }
    .slider-wrapper > .tick > .label {
      color: #5c5c5c;
      position: absolute;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .slider-wrapper.is-disabled {
    background-color: #d8d8d8 !important;
    opacity: .7; }
    .slider-wrapper.is-disabled > * {
      cursor: default; }
    .slider-wrapper.is-disabled > .tick {
      background-color: #d8d8d8 !important; }
      .slider-wrapper.is-disabled > .tick > .label {
        color: #999999; }
      .slider-wrapper.is-disabled > .tick:after {
        background-color: #d8d8d8; }
      .slider-wrapper.is-disabled > .tick.complete {
        background-color: #bdbdbd !important; }
    .slider-wrapper.is-disabled > .slider-range {
      background-color: #bdbdbd !important;
      border-color: #bdbdbd !important; }
    .slider-wrapper.is-disabled > .slider-handle {
      background-color: #bdbdbd !important;
      border-color: #bdbdbd !important; }
  .slider-wrapper.is-readonly {
    background-color: #737373 !important; }
    .slider-wrapper.is-readonly > * {
      cursor: default; }
    .slider-wrapper.is-readonly > .tick {
      background-color: #737373 !important; }
      .slider-wrapper.is-readonly > .tick > .label {
        color: #5c5c5c; }
      .slider-wrapper.is-readonly > .tick:after {
        background-color: #737373; }
      .slider-wrapper.is-readonly > .tick.complete {
        background-color: #5c5c5c !important; }
    .slider-wrapper.is-readonly > .slider-range {
      background-color: #999999 !important;
      border-color: #999999 !important; }
    .slider-wrapper.is-readonly > .slider-handle {
      background-color: #737373 !important;
      border-color: #737373 !important; }

.ie:not(.ie-edge) .slider-wrapper > .tick::after {
  margin-left: 0; }

.slider-handle {
  background-color: #368ac0;
  border: 6px solid #368ac0;
  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;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  z-index: 20; }
  .slider-handle::after, .slider-handle::before {
    border-color: inherit;
    border-radius: 50%;
    content: '';
    left: -14px;
    position: absolute;
    top: -14px;
    -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);
    z-index: 19; }
  .slider-handle:not(.hide-focus)::after {
    border: 1px solid;
    border-color: inherit;
    border-radius: 50%;
    content: '';
    height: 30px;
    position: absolute;
    -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;
    width: 30px;
    z-index: 19; }
  .slider-handle:not(.is-dragging)::before {
    border: 16px solid;
    border-color: inherit;
    border-radius: 50%;
    content: '';
    opacity: .1;
    position: absolute;
    -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);
    z-index: 19; }
  .slider-handle:focus, .slider-handle:active {
    outline: 0; }
    .slider-handle:focus:not(.hide-focus), .slider-handle:active:not(.hide-focus) {
      border-color: #368ac0; }
  .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: #368ac0;
  cursor: pointer;
  display: block;
  position: absolute; }
  .slider-range.is-dragging {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none; }

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

.popupmenu-wrapper {
  display: inline-block;
  left: -9999px;
  position: fixed;
  z-index: 4000; }
  .popupmenu-wrapper .arrow,
  .popupmenu-wrapper .arrow::after {
    border-width: 8px; }
  .popupmenu-wrapper.top .arrow {
    border-top-color: #bdbdbd; }
  .popupmenu-wrapper.top .arrow::after {
    border-top-color: white; }
  .popupmenu-wrapper.bottom .arrow {
    border-bottom-color: #bdbdbd;
    top: -7px; }
  .popupmenu-wrapper.bottom .arrow::after {
    border-bottom-color: white;
    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: #bdbdbd; }
  .popupmenu-wrapper.right .arrow::after {
    border-right-color: white; }
  .popupmenu-wrapper.left .arrow {
    border-left-color: #bdbdbd; }
  .popupmenu-wrapper.left .arrow::after {
    border-left-color: white; }
  .popupmenu-wrapper.inverse .popupmenu {
    background-color: #414247;
    border: 1px solid #656871;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    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: #50535a; }
    .popupmenu-wrapper.inverse .popupmenu .icon {
      fill: #dee1e8; }
    .popupmenu-wrapper.inverse .popupmenu .heading {
      color: #888b94; }
  .popupmenu-wrapper.inverse.top .arrow {
    border-top-color: #656871; }
  .popupmenu-wrapper.inverse.top .arrow::after {
    border-top-color: #414247; }
  .popupmenu-wrapper.inverse.bottom .arrow {
    border-bottom-color: #656871; }
  .popupmenu-wrapper.inverse.bottom .arrow::after {
    border-bottom-color: #414247; }
  .popupmenu-wrapper.inverse.right .arrow {
    border-right-color: #656871; }
  .popupmenu-wrapper.inverse.right .arrow::after {
    border-right-color: #414247; }
  .popupmenu-wrapper.inverse.left .arrow {
    border-left-color: #656871; }
  .popupmenu-wrapper.inverse.left .arrow::after {
    border-left-color: #414247; }

.popupmenu {
  background-color: white;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #1a1a1a;
  display: none;
  list-style: none;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 5px 0;
  text-align: left; }
  .popupmenu .icon,
  .popupmenu b {
    fill: #5c5c5c;
    height: 18px; }
  .popupmenu.is-selectable a, .popupmenu.is-multiselectable a {
    padding-left: 40px; }
  .popupmenu.has-icons a {
    padding-left: 40px; }
  .popupmenu.has-icons.is-selectable a {
    padding-left: 57px; }
  .popupmenu.has-icons.is-selectable .icon {
    left: 58px; }
  .popupmenu.has-icons .icon:not(.arrow) {
    height: 16px;
    margin-left: -30px;
    margin-top: 8.5px;
    pointer-events: none;
    position: absolute; }
  .popupmenu.is-open {
    display: block; }
  .popupmenu .heading {
    font-size: 12px;
    font-size: 1.2rem;
    color: #999999;
    font-weight: bold;
    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: #d8d8d8; }
    .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: #368ac0 #368ac0 #368ac0 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 {
      padding-left: 35px; }
  .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;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid transparent;
    color: #1a1a1a;
    display: block;
    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] {
      color: #999999;
      pointer-events: none; }
  .popupmenu span {
    font-size: 14px;
    font-size: 1.4rem;
    color: #383838; }
  .popupmenu i {
    color: #1a1a1a;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -.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: #999999 !important;
      cursor: default; }
    .popupmenu li.is-disabled .icon,
    .popupmenu li.disabled .icon {
      fill: #999999 !important; }
    .popupmenu li.is-disabled:hover,
    .popupmenu li.disabled:hover {
      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 .icon:not(.arrow) {
    margin-left: -30px;
    margin-top: 6.5px; }
  .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: 24px;
      left: auto;
      pointer-events: none;
      position: absolute;
      right: 4px;
      top: 3px;
      width: 16px; }
  .popupmenu .icon-close {
    height: 22px; }
  .popupmenu .separator {
    border-bottom: 1px solid #bdbdbd;
    margin: 5px 0; }
    .popupmenu .separator:first-child {
      border: medium none;
      margin: 0; }
  .popupmenu.popupmenu-short a {
    line-height: 24px;
    padding: 0 25px 0 10px; }
  .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::before {
      display: none; }
    .popupmenu.is-multiselectable li::before, .popupmenu.is-multiselectable li.is-focused::before {
      background-color: rgba(0, 0, 0, 0);
      border: 1px solid #999999;
      border-radius: 2px;
      content: '';
      height: 14px;
      margin-left: -25px;
      margin-top: 4px;
      position: absolute;
      width: 14px;
      margin-left: 7px;
      margin-top: 0;
      top: 8px; }
    .popupmenu.is-multiselectable li.is-checked::before {
      background-color: #368ac0;
      border-color: #368ac0;
      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: white white white transparent;
      border-style: solid;
      border-width: 2px 2px 0 0;
      content: '';
      height: 10px;
      left: 3px;
      position: absolute;
      top: 13px;
      width: 4px;
      left: 12px;
      margin-top: 4px;
      top: 5px; }
    .popupmenu.is-multiselectable li.is-disabled::before {
      background-color: rgba(0, 0, 0, 0);
      border-color: #bdbdbd;
      margin-left: 12px;
      margin-top: 0;
      top: 9px; }
    .popupmenu.is-multiselectable li.is-disabled.is-checked::before {
      background-color: #bdbdbd;
      border-color: #bdbdbd; }
    .popupmenu.is-multiselectable li.is-disabled.is-checked::after {
      border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
      left: 21px;
      margin-top: 8px; }

.popup-footer {
  border-top: 1px solid #bdbdbd;
  height: 50px;
  margin-top: 10px; }
  .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;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid transparent;
    border-left: 1px solid #bdbdbd;
    border-radius: 0;
    color: #5c5c5c;
    float: left;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 50%; }
    .popup-footer button:hover {
      color: #1a1a1a; }
    .popup-footer button:nth-child(1) {
      border-left: 1px solid transparent; }
    .popup-footer button.btn-primary {
      background-color: #ffffff;
      color: #368ac0; }
      .popup-footer button.btn-primary:hover {
        border: 1px solid transparent;
        border-left: 1px solid #bdbdbd; }

.ios .has-submenu {
  overflow: hidden; }

html[dir='rtl'] .popupmenu {
  text-align: right; }
  html[dir='rtl'] .popupmenu a {
    padding: 0 10px 0 30px; }
  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 .submenu > a > .icon.icon-dropdown {
    left: 5px;
    right: auto;
    top: 5px;
    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 {
    padding-left: 10px;
    padding-right: 35px; }

html[dir='rtl'] .popup-footer button {
  margin-left: inherit; }

html[dir='rtl'].ie .submenu > a > .icon.icon-dropdown {
  transform: rotate(270deg); }

.popover,
.tooltip {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #313236;
  border: 1px solid #313236;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  left: -9999px;
  max-width: 300px;
  min-width: 40px;
  opacity: 1;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: -9999px;
  transition: opacity .4s ease;
  white-space: normal;
  z-index: 5010; }

.tooltip {
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  .tooltip .links-clickable {
    pointer-events: auto; }
  .tooltip.is-clickable {
    pointer-events: initial; }
  .tooltip.top .arrow::after {
    border-top-color: #313236;
    top: -6px; }
  .tooltip.bottom .arrow::after {
    border-bottom-color: #313236; }
  .tooltip.right .arrow::after {
    border-right-color: #313236; }
  .tooltip.left .arrow::after {
    border-left-color: #313236; }
  .tooltip .hyperlink {
    color: #ffffff; }
    .tooltip .hyperlink:hover {
      color: #ffffff; }
  .tooltip.is-error {
    background-color: #e84f4f;
    border-color: #e84f4f;
    pointer-events: auto; }
    .tooltip.is-error p {
      color: #ffffff; }
    .tooltip.is-error.top .arrow::after {
      border-top-color: #e84f4f; }
    .tooltip.is-error.bottom .arrow::after {
      border-bottom-color: #e84f4f; }
    .tooltip.is-error.left .arrow::after {
      border-left-color: #e84f4f; }
    .tooltip.is-error.right .arrow::after {
      border-right-color: #e84f4f; }
  .tooltip p {
    font-size: 12px;
    font-size: 1.2rem;
    color: #ffffff;
    word-break: normal;
    word-wrap: break-word; }
  .tooltip span {
    font-size: 12px;
    font-size: 1.2rem; }
  .tooltip .icon {
    display: inline-block;
    fill: #ffffff;
    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: bold; }

.popover {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #5c5c5c;
  pointer-events: auto;
  z-index: 3010; }
  .popover .arrow,
  .popover .arrow::after {
    border-width: 12px; }
  .popover.top .arrow {
    border-top-color: #bdbdbd;
    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: #f0f0f0; }
  .popover.bottom .arrow {
    border-bottom-color: #bdbdbd;
    left: calc(50% - 12px);
    top: -12px; }
  .popover.bottom .arrow::after {
    border-bottom-color: #ffffff;
    left: -12px;
    top: 1px; }
  .popover.bottom.alternate .arrow::after {
    border-bottom-color: #f0f0f0; }
  .popover.right .arrow {
    border-right-color: #bdbdbd;
    left: -12px;
    top: calc(50% - 12px); }
  .popover.right .arrow::after {
    border-right-color: #ffffff;
    top: -12px; }
  .popover.right.alternate .arrow::after {
    border-right-color: #f0f0f0; }
  .popover.left .arrow {
    border-left-color: #bdbdbd;
    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: #f0f0f0; }
  .popover p {
    color: #5c5c5c;
    max-width: none; }
  .popover .tooltip-content {
    padding: 20px; }
  .popover.alternate {
    background-color: #f0f0f0;
    border: 1px solid #bdbdbd;
    max-width: inherit;
    padding-bottom: 50px; }
    .popover.alternate .tooltip-title {
      background-color: #ffffff;
      color: #1a1a1a;
      font-size: 1.8rem;
      padding: 15px 5px 15px 15px; }
    .popover.alternate .modal-buttonset {
      background-color: #ffffff;
      margin: 20px 0 0 -20px;
      position: absolute;
      width: calc(100% - 2px); }
    .popover.alternate th {
      color: #5c5c5c;
      font-size: 1.2rem; }
    .popover.alternate td,
    .popover.alternate p {
      color: #1a1a1a;
      font-size: 1.4rem;
      text-align: left; }

.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 #bdbdbd;
  color: #383838;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 10px 20px; }

.tooltip-content {
  padding: 7px 10px 5px; }
  .tooltip-content li {
    list-style: none outside none; }
  .tooltip-content p {
    margin-left: 0;
    text-align: center; }

.popover-content {
  margin-left: 0; }

.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: -8px;
    top: -9px; }

.bottom > .arrow {
  border-top-width: 0;
  left: calc(50% - 6px);
  top: -7px; }
  .bottom > .arrow::after {
    border-top-width: 0;
    left: -6px;
    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;
  text-align: right; }

html[dir='rtl'] .tooltip .icon + p {
  margin-left: inherit;
  margin-right: 2px; }

html[dir='rtl'] .tooltip-content p {
  margin-left: inherit;
  margin-right: 0; }

html[dir='rtl'] .popover-content {
  margin-left: inherit;
  margin-right: 0; }

.masthead {
  background-color: #414247;
  border-bottom: 1px solid #313236;
  height: 38px;
  width: 100%;
  z-index: 9000; }
  .masthead .masthead-icon {
    border-radius: 0;
    height: 32px;
    margin-right: 0;
    margin-top: 4px;
    padding: 0;
    width: 32px; }
    .masthead .masthead-icon > .icon {
      height: 30px;
      width: 30px; }
    .masthead .masthead-icon .ripple-effect {
      background-color: transparent; }
  .masthead [class^="btn"] {
    height: 32px;
    min-width: 32px; }
  .masthead .btn {
    padding: 0 10px; }
  .masthead .btn-icon,
  .masthead .btn-actions,
  .masthead .btn-close {
    min-height: 32px;
    min-width: 32px;
    width: 32px; }
  .masthead .toolbar-searchfield-wrapper > .icon {
    fill: #888b94;
    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 .title {
      height: 100%;
      padding: 0; }
      .masthead .toolbar .title > *:first-child {
        margin-left: 10px; }
      .masthead .toolbar .title > button + h1 {
        margin-left: 10px; }
    .masthead .toolbar .buttonset {
      height: 36px; }
      .masthead .toolbar .buttonset > *:not(.toolbar-searchfield-wrapper) {
        margin: 3px 3px 2px 0; }
      .masthead .toolbar .buttonset .toolbar-searchfield-wrapper {
        margin: 2px 5px 1px 0; }
    .masthead .toolbar [class^="btn"] {
      background-color: transparent;
      color: #abaeb7; }
      .masthead .toolbar [class^="btn"] .ripple-effect {
        background-color: #ffffff; }
      .masthead .toolbar [class^="btn"]:active {
        border-color: transparent; }
      .masthead .toolbar [class^="btn"] span {
        color: inherit; }
      .masthead .toolbar [class^="btn"] .icon {
        fill: #888b94; }
        .masthead .toolbar [class^="btn"] .icon.app-drawer {
          left: -6px;
          position: relative !important;
          top: -6px; }
      .masthead .toolbar [class^="btn"]:hover:not([disabled]) {
        color: #ffffff; }
        .masthead .toolbar [class^="btn"]:hover:not([disabled]) .icon {
          fill: #ffffff; }
      .masthead .toolbar [class^="btn"].is-open, .masthead .toolbar [class^="btn"].is-open:hover {
        color: #ffffff; }
        .masthead .toolbar [class^="btn"].is-open .icon, .masthead .toolbar [class^="btn"].is-open:hover .icon {
          fill: #ffffff; }
      .masthead .toolbar [class^="btn"]:focus:not(.hide-focus) {
        box-shadow: 0 0 0 2px transparent, 0 0 0 1px #ffffff, 0 0 4px 3px rgba(255, 255, 255, 0.3); }
        .masthead .toolbar [class^="btn"]:focus:not(.hide-focus) .icon {
          fill: #ffffff; }
      .masthead .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) {
        color: #ffffff; }
        .masthead .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon {
          fill: #ffffff; }
    .masthead .toolbar .btn-actions {
      margin-left: -8px;
      margin-right: 5px; }

.twelve .masthead {
  position: static; }

.masthead-appname {
  font-size: 12px;
  font-size: 1.2rem;
  color: #abaeb7;
  display: inline-block;
  font-weight: bold;
  line-height: 38px;
  margin: 0;
  vertical-align: top; }

.tree a {
  font-size: 14px;
  font-size: 1.4rem;
  -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: #5c5c5c;
  line-height: 28px;
  padding: 6px 5px 3px;
  text-decoration: none;
  white-space: nowrap; }
  .tree a .tree-badge {
    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: #5c5c5c;
    margin: 0 0 0 4px; }
  .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);
    fill: #5c5c5c;
    height: 15px;
    margin: 0 5px 0 0;
    top: 2px;
    width: 15px; }
  .tree a:visited {
    color: #5c5c5c; }
  .tree a:not(.hide-focus):focus {
    border: 1px solid #368ac0;
    border-radius: 2px;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
    color: #5c5c5c; }
    .tree a:not(.hide-focus):focus svg {
      fill: #5c5c5c; }
  .tree a:hover {
    color: #1a1a1a; }
    .tree a:hover svg {
      fill: #1a1a1a; }
    .tree a:hover .tree-text {
      color: #1a1a1a; }
  .tree a.is-disabled {
    -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;
    outline-style: none;
    cursor: default; }
    .tree a.is-disabled .tree-text {
      color: #999999; }
    .tree a.is-disabled svg {
      fill: #999999; }
    .tree a.is-disabled:hover {
      color: #999999; }
      .tree a.is-disabled:hover svg {
        fill: #999999; }
      .tree a.is-disabled:hover .tree-text {
        color: #999999; }
  .tree a.is-loading {
    opacity: .5; }

.tree li.folder.is-open {
  margin-bottom: 0; }

.tree li.is-selected > a {
  background-color: #d8d8d8;
  color: #1a1a1a; }
  .tree li.is-selected > a.is-over {
    background-color: #c8e9f4;
    border: 1px dashed #69b5dd; }
  .tree li.is-selected > a svg {
    fill: #1a1a1a; }
  .tree li.is-selected > a .tree-text {
    border-color: transparent;
    color: #1a1a1a; }
  .tree li.is-selected > a.is-disabled {
    -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;
    outline-style: none;
    background-color: transparent;
    cursor: default; }
    .tree li.is-selected > a.is-disabled .tree-text {
      color: #999999; }
    .tree li.is-selected > a.is-disabled svg {
      fill: #999999; }
    .tree li.is-selected > a.is-disabled:hover {
      color: #999999; }
      .tree li.is-selected > a.is-disabled:hover svg {
        fill: #999999; }
      .tree li.is-selected > a.is-disabled:hover .tree-text {
        color: #999999; }

.tree ul {
  display: none;
  left: 13px;
  overflow: hidden;
  position: relative;
  top: -7px; }
  .tree ul a {
    margin: 0 0 0 5px; }
  .tree ul ul {
    left: 15px; }
  .tree ul li:first-child {
    margin-top: 8px; }
  .tree ul.is-disabled::before {
    opacity: .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: rgba(0, 0, 0, 0);
    border: 1px solid #999999;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    margin-top: 4px;
    position: absolute;
    width: 14px;
    margin-left: 4px;
    margin-top: 0;
    top: 0; }

.tree.is-multiselect li.is-selected > a .tree-checkbox::before {
  background-color: #368ac0;
  border-color: #368ac0; }

.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: white white white transparent;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  height: 10px;
  left: 3px;
  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: #bdbdbd;
  border-color: #bdbdbd; }

.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: #368ac0;
  border-color: #368ac0; }

.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: white white white transparent;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  height: 10px;
  left: 3px;
  position: absolute;
  top: 13px;
  width: 4px;
  border-width: 0 0 2px;
  margin-left: 1px;
  top: 1px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  width: 10px;
  animation: none !important;
  left: 6px;
  top: -3px; }

.tree.is-multiselect li.is-partial > a.is-disabled .tree-checkbox::before {
  background-color: #bdbdbd;
  border-color: #bdbdbd; }

.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: white white white transparent;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  height: 10px;
  left: 3px;
  position: absolute;
  top: 13px;
  width: 4px;
  border-width: 0 0 2px;
  margin-left: 1px;
  top: 1px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  width: 10px;
  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: #1a1a1a; }

.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: #368ac0;
  border: 1px solid #368ac0;
  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 {
    fill: #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: #d8d8d8;
  border: 1px solid #d8d8d8;
  color: #1a1a1a; }
  .tree .is-dragging.is-dragging {
    opacity: .5; }
  .tree .is-dragging svg {
    fill: #1a1a1a; }
  .tree .is-dragging .tree-text {
    border-color: transparent;
    color: #1a1a1a; }

.tree .is-over {
  background-color: #c8e9f4;
  border: 1px dashed #69b5dd; }

.tree-drag-target-arrow {
  background: #1a1a1a;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#1a1a1a), to(transparent));
  background: -webkit-linear-gradient(left, #1a1a1a, transparent);
  background: -moz-linear-gradient(left, #1a1a1a, transparent);
  background: -ms-linear-gradient(left, #1a1a1a, transparent);
  background: -o-linear-gradient(left, #1a1a1a, transparent);
  background-repeat: no-repeat;
  display: none;
  height: 1px;
  margin: 0 0 0 6px;
  position: fixed;
  width: 50px; }
  .tree-drag-target-arrow::before {
    color: #1a1a1a;
    content: '\25BA';
    display: block;
    font-size: 7px;
    height: 0;
    margin: -3px 0 0 -6px; }

.is-firefox .tree.is-multiselect li .tree-checkbox::before {
  top: -2px; }

.is-firefox .tree.is-multiselect li.is-selected > a .tree-checkbox::after {
  top: -1px; }

.is-firefox .tree.is-multiselect li.is-partial > a .tree-checkbox::after {
  top: -5px; }

.is-firefox .tree-drag-target-arrow::before {
  margin-top: -3.5px; }

.sidebar .tree {
  margin: 20px;
  min-width: 200px; }
  .sidebar .tree a {
    white-space: normal; }

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

.rating {
  display: inline-block; }
  .rating input {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    height: 14px;
    margin: 4px 0 0 1px;
    position: absolute;
    width: 14px;
    z-index: 1; }
  .rating label {
    cursor: pointer;
    display: inline-block;
    margin-right: 7px;
    padding: 0; }
  .rating.is-readonly input,
  .rating.is-readonly label {
    cursor: default; }
  .rating svg.icon {
    display: inline-block;
    fill: transparent;
    height: 22px;
    position: relative;
    stroke: #888b94;
    stroke-width: 1px;
    width: 22px; }
  .rating .rating .inline input:focus + svg.icon,
  .rating input:focus + label > svg.icon {
    stroke: #368ac0 !important; }

.rating-text {
  font-size: 14px;
  font-size: 1.4rem;
  color: #888b94;
  display: inline-block;
  line-height: 20px;
  padding-left: 40px; }

.rating:not(.is-readonly) .inline input:hover + svg.icon,
.rating:not(.is-readonly) input:hover + label > svg.icon {
  stroke: #368ac0; }

.rating .inline .is-filled + svg.icon,
.rating .is-filled + label > svg.icon {
  opacity: 1;
  filter: alpha(opacity=100);
  fill: #efa836;
  stroke: #efa836; }

.rating .inline input:checked + svg.icon,
.rating .inline .is-half + svg.icon,
.rating input:checked + label > svg.icon,
.rating .is-half + label > svg.icon {
  opacity: 1;
  filter: alpha(opacity=100);
  fill: #efa836;
  stroke: transparent; }

.rating:not(.is-readonly) .inline input:active + svg.icon,
.rating:not(.is-readonly) input:active + label > svg.icon {
  stroke: #368ac0; }

.listview {
  background-color: inherit;
  height: inherit;
  overflow: auto;
  position: relative;
  width: 100%; }
  .listview p[class^="listview-"] {
    margin-top: 0; }
  .listview .bold {
    font-weight: bold; }
  .listview:focus {
    outline: none; }
  .listview .listview-heading,
  .listview .listview-data {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-size: 1.4rem;
    color: #1a1a1a;
    font-weight: normal;
    overflow-wrap: break-word; }
    .listview .listview-heading.hyperlink,
    .listview .listview-data.hyperlink {
      color: #368ac0; }
  .listview .image-user-status {
    float: left;
    padding-right: 10px; }
  .listview .listview-heading-lg {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    margin: 8px 0 5px;
    vertical-align: top; }
    .listview .listview-heading-lg .icon-favorite {
      display: inline;
      margin-top: -10px;
      position: absolute;
      vertical-align: top; }
  .listview .listview-image-column {
    width: 100px; }
  .listview .listview-subheading,
  .listview .listview-data-label {
    font-size: 12px;
    font-size: 1.2rem;
    color: #5c5c5c;
    overflow-wrap: break-word; }
  .listview.alternate-row .listview-text {
    color: #5c5c5c; }
  .listview.alternate-row li:not(:hover):not(:focus):nth-child(odd) {
    background-color: white; }
  .listview.alternate-row li:not(:hover):not(:focus):nth-child(even) {
    background-color: #f0f0f0; }
  .listview.paginated {
    min-height: 400px; }
  .listview .listview-micro {
    font-size: 12px;
    font-size: 1.2rem;
    color: #999999; }
    .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: .35em !important; }
  .listview li {
    -webkit-transition: background-color 0.15s ease 0s;
    -moz-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    -ms-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
    border: 1px solid transparent;
    border-bottom-color: #bdbdbd;
    color: #1a1a1a;
    padding: 16px 20px 15px; }
    .listview li::after {
      clear: both;
      content: '';
      display: inline-block;
      position: absolute; }
    .listview li:hover {
      background-color: #d8d8d8;
      outline: none; }
    .listview li:focus {
      border-color: #368ac0 !important;
      box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.3);
      outline: none; }
      .listview li:focus + li {
        border-top-color: transparent; }
    .listview li.error, .listview li.alert {
      border-left-style: solid;
      border-left-width: 3px;
      padding: 15px 20px 15px 17px; }
    .listview li.error {
      border-left-color: #e84f4f !important; }
      .listview li.error .days,
      .listview li.error .hours,
      .listview li.error .day-sign,
      .listview li.error .hour-sign {
        color: #e84f4f; }
    .listview li.is-error {
      background-color: rgba(232, 79, 79, 0.1);
      border-color: #e84f4f; }
      .listview li.is-error:hover {
        background-color: rgba(232, 79, 79, 0.1); }
      .listview li.is-error + li {
        border-top-color: transparent; }
    .listview li.alert {
      border-left-color: #ff9426 !important; }
      .listview li.alert .days,
      .listview li.alert .hours,
      .listview li.alert .day-sign,
      .listview li.alert .hour-sign {
        color: #ff9426; }
      .listview li.alert .icon-alert {
        fill: #ff9426 !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;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 14px;
      font-size: 1.4rem;
      color: #1a1a1a;
      font-weight: normal;
      text-decoration: none; }
      .listview li > a.hyperlink {
        color: #368ac0; }
  .listview.disable-hover li:hover {
    background-color: transparent; }
  .listview i {
    color: #1a1a1a;
    font-style: normal;
    font-weight: bold; }
  .listview .days,
  .listview .hours,
  .listview .day-sign,
  .listview .hour-sign {
    font-size: 20px;
    font-size: 2rem;
    color: #5c5c5c; }
  .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: initial;
        top: initial; }
  .listview .field {
    float: left; }
  .listview .checkbox-label {
    left: 20px;
    line-height: 18px;
    margin: 0;
    position: relative;
    top: 10px; }
  .listview .listview-thumbnail {
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 50px;
    margin-right: 20px;
    margin-top: -7px;
    padding: 0;
    vertical-align: middle;
    width: 50px; }
  .listview .listview-cell {
    display: table-cell;
    width: auto; }
  .listview p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #1a1a1a;
    line-height: 23px; }
  .listview .is-toolbar-open {
    height: calc(100% - 50px);
    margin-top: 50px; }
  .listview button {
    background-color: transparent;
    border-radius: 0; }
  .listview button svg {
    height: 23px;
    width: 30px; }
    .listview button svg.icon-close {
      height: 15px;
      width: 15px; }
  .listview.is-selectable li,
  .listview.is-selectable tr {
    cursor: pointer; }
    .listview.is-selectable li.is-disabled,
    .listview.is-selectable tr.is-disabled {
      cursor: default; }
  .listview .is-disabled {
    -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;
    outline-style: none;
    color: #bdbdbd;
    cursor: default;
    -webkit-text-fill-color: #bdbdbd; }
    .listview .is-disabled * {
      -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;
      outline-style: none;
      color: #bdbdbd;
      cursor: default;
      -webkit-text-fill-color: #bdbdbd; }
    .listview .is-disabled:hover {
      background-color: inherit; }
  .listview li.is-selected:not(.hide-selected-color),
  .listview tr.is-selected:not(.hide-selected-color) {
    background-color: rgba(200, 233, 244, 0.7); }
    .listview li.is-selected:not(.hide-selected-color):hover,
    .listview tr.is-selected:not(.hide-selected-color):hover {
      background-color: rgba(200, 233, 244, 0.7); }
  .listview li.is-activated,
  .listview tr.is-activated {
    background-color: rgba(200, 233, 244, 0.7); }
    .listview li.is-activated:hover,
    .listview tr.is-activated:hover {
      background-color: rgba(200, 233, 244, 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: 2px;
      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: #bdbdbd !important;
      opacity: .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: bold; }
  .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-table {
  border-collapse: collapse;
  width: 100%; }
  .listview-table tr,
  .listview-table td {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color 0.15s ease 0s;
    -moz-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    -ms-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
    color: #1a1a1a;
    padding: 13px 15px; }
  .listview-table tr {
    border-bottom: 1px solid #bdbdbd; }
  .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 {
    font-size: 12px;
    font-size: 1.2rem;
    color: #737373;
    display: table-cell;
    font-weight: bold;
    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 #bdbdbd;
  padding: 20px; }
  .listview-header .listview-heading {
    font-size: 18px;
    font-size: 1.8rem; }
  .listview-header .btn-expand {
    display: inline-block;
    float: left;
    left: -7px; }
    .listview-header .btn-expand .icon.plus-minus::before,
    .listview-header .btn-expand .icon.plus-minus::after {
      left: .8em; }
  .listview-header .listview-subheading {
    font-size: 14px;
    font-size: 1.4rem;
    color: #999999;
    font-weight: bold;
    padding-top: 3px; }
  .listview-header + .listview {
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd; }

.listview-footer {
  border-bottom: 1px solid #bdbdbd; }
  .listview-footer td:first-child {
    padding: 20px; }
  .listview-footer p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #383838; }
  .listview-footer strong {
    font-size: 16px;
    font-size: 1.6rem;
    color: #383838;
    font-weight: bold;
    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 {
  background-color: #f0f0f0;
  height: 36px;
  margin-bottom: 0;
  width: 100%; }
  .listview-search .searchfield-wrapper.has-focus input {
    border: 1px solid #368ac0; }

.listview-search .icon:not(.close) {
  left: 10px;
  top: 10px; }

.listview-search .icon.close {
  right: 10px;
  top: 10px; }

.listview-search .searchfield {
  background-color: #f0f0f0;
  border: 1px solid transparent;
  border-bottom-color: #bdbdbd;
  line-height: 16px;
  padding: 9px 10px 9px 40px;
  width: 100%; }

.listview-search + .contextual-toolbar + .listview {
  height: calc(100% - 90px); }

.listview-search + .contextual-toolbar.is-hidden + .listview {
  height: calc(100% - 40px); }

.listview-search + .listview {
  height: calc(100% - 36px); }

@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-confirm,
.ios .listview .icon-pending {
  top: 3px !important; }

html[dir='rtl'] .listview[aria-label^='Icons'] li {
  padding: 16px 12px 15px; }

html[dir='rtl'] .listview .listview-image-round {
  float: right;
  margin-left: 20px;
  margin-right: inherit; }

html[dir='rtl'] .listview .badge {
  float: right;
  margin-left: 15px;
  margin-right: inherit; }
  html[dir='rtl'] .listview .badge.pending::before {
    left: auto;
    right: .35em !important; }

html[dir='rtl'] .listview li.error {
  border-left: 3px solid #e84f4f !important;
  border-right: 0 solid #e84f4f !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: initial !important; }

.listbuilder .listbuilder-content {
  background-color: #ffffff;
  border: 1px solid;
  border-color: transparent #999999 #999999;
  border-radius: 2px;
  box-sizing: content-box;
  height: 230px;
  margin-bottom: 20px;
  width: calc(100% - 2px); }

.listbuilder .arrange-placeholder {
  background-color: #d8d8d8;
  border-color: transparent;
  min-height: 34px;
  opacity: .4; }
  .listbuilder .arrange-placeholder .handle {
    display: inline-block; }

.listbuilder .toolbar.formatter-toolbar {
  margin-bottom: -1px; }
  .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: #1a1a1a;
  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: #d8d8d8; }
    .listbuilder .listview li:hover:not(.is-disabled):not(.is-selected) .handle, .listbuilder .listview li:focus:not(.is-disabled):not(.is-selected) .handle {
      color: #1a1a1a;
      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: #368ac0; }
  .listbuilder .listview li.is-selected {
    background-color: #368ac0; }
    .listbuilder .listview li.is-selected.is-disabled {
      background-color: #d8d8d8; }
    .listbuilder .listview li.is-selected .edit-input {
      background: transparent; }
      .listbuilder .listview li.is-selected .edit-input::selection {
        background: #1d5f8a; }
      .listbuilder .listview li.is-selected .edit-input::-ms-selection {
        background: #1d5f8a; }
      .listbuilder .listview li.is-selected .edit-input::-moz-selection {
        background: #1d5f8a; }
    .listbuilder .listview li.is-selected p {
      color: #ffffff;
      font-weight: bold; }
    .listbuilder .listview li.is-selected:hover:not(.is-disabled), .listbuilder .listview li.is-selected:focus:not(.is-disabled) {
      background-color: #368ac0; }
      .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: #368ac0; }
  .listbuilder .listview li.is-editing {
    -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;
    outline-style: none;
    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: bold; }

.listbuilder .listview .over {
  border: 1px dashed #999999; }

.is-firefox .listbuilder .handle {
  top: 5px; }

.swaplist .card {
  border-bottom-width: 1px;
  border-color: #bdbdbd;
  border-left-width: 0;
  float: left;
  width: 50%; }
  .swaplist .card:first-child {
    border-left-width: 1px; }
  .swaplist .card .card-content {
    width: 100%; }
  .swaplist .card .card-header .btn {
    background-color: transparent;
    border: 0;
    color: #5c5c5c;
    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: #5c5c5c;
      content: '';
      display: inline-block;
      left: 9px;
      position: absolute;
      top: 8px; }
    .swaplist .card .card-header .btn::after {
      box-shadow: 0 6px 0 #5c5c5c, 0 12px 0 #5c5c5c, 16px 0 0 #5c5c5c, 16px 6px 0 #5c5c5c, 16px 12px 0 #5c5c5c;
      height: 5px;
      width: 2px; }
    .swaplist .card .card-header .btn::before {
      box-shadow: 13px 0 0 #5c5c5c, 0 16px 0 #5c5c5c, 13px 16px 0 #5c5c5c;
      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: #1a1a1a; }
    .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 #1a1a1a, 0 12px 0 #1a1a1a, 16px 0 0 #1a1a1a, 16px 6px 0 #1a1a1a, 16px 12px 0 #1a1a1a; }
    .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 #1a1a1a, 0 16px 0 #1a1a1a, 13px 16px 0 #1a1a1a; }
    .swaplist .card .card-header .btn:hover .icon, .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled) .icon {
      fill: #000000; }
    .swaplist .card .card-header .btn:focus:not(.hide-focus):not(.is-disabled) {
      box-shadow: 0 0 0 1px #368ac0, 0 0 4px 3px rgba(54, 138, 192, 0.3); }
    .swaplist .card .card-header .btn .icon {
      fill: #1a1a1a;
      left: 13px;
      margin: 0;
      position: absolute;
      top: 8px;
      width: 10px; }
  .swaplist .card .buttons {
    position: absolute;
    right: 10px;
    top: 7px;
    vertical-align: bottom; }
  .swaplist .card .card-title {
    color: #1a1a1a;
    font-weight: normal; }
  .swaplist .card p {
    color: #1a1a1a; }
  .swaplist .card .is-disabled p {
    color: #bdbdbd; }

.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: 130px;
          min-height: 130px; }
      .swaplist.one-third .card .buttons {
        right: 5px; } }

.swaplist .handle {
  color: #1a1a1a;
  display: none;
  font-size: 2.5em;
  left: 6px;
  position: absolute;
  top: 0; }

.swaplist .is-multiselect ul {
  min-height: 100%;
  padding: 5px 0; }
  .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), .swaplist .is-multiselect li:focus:not(.is-disabled):not(.is-selected) {
    background-color: #d8d8d8; }
    .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: #1a1a1a;
      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: #368ac0; }
  .swaplist .is-multiselect li.is-selected {
    background-color: #368ac0; }
    .swaplist .is-multiselect li.is-selected p {
      color: #ffffff;
      font-weight: bold; }
    .swaplist .is-multiselect li.is-selected:hover:not(.is-disabled), .swaplist .is-multiselect li.is-selected:focus:not(.is-disabled) {
      background-color: #368ac0; }
      .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: #368ac0; }
  .swaplist .is-multiselect li.is-dragging {
    background-color: #f0f0f0;
    border: 1px solid transparent;
    opacity: .4;
    padding: 9px 20px 8px; }

.swaplist .is-multiselect .over {
  border: 1px dashed #5c5c5c; }

.swaplist .is-dragging-touch {
  background-color: #f0f0f0;
  border: 1px solid transparent;
  opacity: .4;
  padding: 9px 20px 8px;
  background-color: #368ac0;
  color: #ffffff;
  opacity: .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; }

.is-mac.is-firefox .swaplist .buttons {
  top: -3px; }

#sl-placeholder-container p,
#sl-placeholder-container div {
  display: inline-block;
  margin: 0;
  padding: 0; }

#sl-placeholder-container .is-dragging-touch {
  background-color: #f0f0f0;
  border: 1px solid transparent;
  opacity: .4;
  padding: 9px 20px 8px;
  background-color: #368ac0;
  color: #ffffff;
  opacity: .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; }

.tag,
.badge {
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #d8d8d8;
  border-radius: 15px;
  color: #1a1a1a;
  display: inline-block;
  font-weight: normal;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  text-decoration: none;
  vertical-align: middle; }
  .tag.secondary,
  .badge.secondary {
    background-color: #ffffff;
    border: 1px solid #bdbdbd;
    color: #1a1a1a;
    line-height: 21px; }
  .tag.error,
  .badge.error {
    background-color: #e84f4f;
    color: #ffffff !important; }
  .tag.alert,
  .badge.alert {
    background-color: #ffd726;
    color: #1a1a1a !important; }
  .tag.neutral,
  .badge.neutral {
    background-color: #d8d8d8;
    color: #1a1a1a !important; }
  .tag.good,
  .badge.good {
    background-color: #80ce4d;
    color: #ffffff !important; }
  .tag.info,
  .badge.info {
    background-color: #2578a9;
    color: #ffffff !important; }
  .tag.graphite03, .tag.graphite02,
  .badge.graphite03,
  .badge.graphite02 {
    color: #1a1a1a; }
  .tag.round,
  .badge.round {
    padding: 0;
    text-align: center;
    width: 22px; }
  .tag.is-clickable,
  .badge.is-clickable {
    background-color: #d8d8d8;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: 21px; }
    .tag.is-clickable:hover,
    .badge.is-clickable:hover {
      background-color: #bdbdbd; }
    .tag.is-clickable:focus:not(.hide-focus),
    .badge.is-clickable:focus:not(.hide-focus) {
      border-color: #368ac0;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
      outline: none;
      -moz-outline-style: none; }
  .tag.is-dismissable, .tag.is-dismissible,
  .badge.is-dismissable,
  .badge.is-dismissible {
    background-color: #d8d8d8;
    border: 1px solid transparent;
    cursor: default;
    line-height: 21px;
    padding: 0 10px; }
    .tag.is-dismissable:focus:not(.hide-focus), .tag.is-dismissible:focus:not(.hide-focus),
    .badge.is-dismissable:focus:not(.hide-focus),
    .badge.is-dismissible:focus:not(.hide-focus) {
      border-color: #368ac0;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
      outline: none;
      -moz-outline-style: none; }
    .tag.is-dismissable.secondary, .tag.is-dismissible.secondary,
    .badge.is-dismissable.secondary,
    .badge.is-dismissible.secondary {
      background-color: #ffffff;
      border: 1px solid #bdbdbd;
      color: #1a1a1a; }
    .tag.is-dismissable .dismissable-btn,
    .tag.is-dismissable .dismissible-btn, .tag.is-dismissible .dismissable-btn,
    .tag.is-dismissible .dismissible-btn,
    .badge.is-dismissable .dismissable-btn,
    .badge.is-dismissable .dismissible-btn,
    .badge.is-dismissible .dismissable-btn,
    .badge.is-dismissible .dismissible-btn {
      cursor: pointer;
      padding-left: 5px;
      position: relative; }
      .tag.is-dismissable .dismissable-btn .icon,
      .tag.is-dismissable .dismissible-btn .icon, .tag.is-dismissible .dismissable-btn .icon,
      .tag.is-dismissible .dismissible-btn .icon,
      .badge.is-dismissable .dismissable-btn .icon,
      .badge.is-dismissable .dismissible-btn .icon,
      .badge.is-dismissible .dismissable-btn .icon,
      .badge.is-dismissible .dismissible-btn .icon {
        fill: #5c5c5c;
        height: 10px;
        left: 2px;
        top: 1px;
        width: 10px; }
      .tag.is-dismissable .dismissable-btn:hover .icon,
      .tag.is-dismissable .dismissible-btn:hover .icon, .tag.is-dismissible .dismissable-btn:hover .icon,
      .tag.is-dismissible .dismissible-btn:hover .icon,
      .badge.is-dismissable .dismissable-btn:hover .icon,
      .badge.is-dismissable .dismissible-btn:hover .icon,
      .badge.is-dismissible .dismissable-btn:hover .icon,
      .badge.is-dismissible .dismissible-btn:hover .icon {
        fill: #1a1a1a; }

.badge.pending {
  min-height: 22px;
  min-width: 22px;
  position: relative; }
  .badge.pending::before {
    border: 1px solid #ffffff;
    border-radius: 50%;
    content: '';
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px; }
  .badge.pending::after {
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    content: '';
    height: 24%;
    left: .75em;
    position: absolute;
    top: .55em;
    width: 19.5%; }
  [class*='ie'] .badge.pending::before {
    left: 3px !important;
    top: 2.5px; }
  .badge.pending.current {
    background-color: #ff9426; }

.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: white;
  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: white;
  content: '!';
  display: inline-block;
  font-size: 1.3em;
  font-weight: bold;
  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 {
    fill: #abaeb7; }

.tag-list {
  margin: 20px 20px 0 25px; }
  .tag-list .tag {
    margin: 0 5px 5px 0; }

html[dir='rtl'] .hyperlink + .tag {
  margin-left: inherit;
  margin-right: 10px; }

html[dir='rtl'] .tag.is-dismissible .dismissible-btn .icon,
html[dir='rtl'] .badge.is-dismissible .dismissible-btn .icon {
  left: -7px; }

.circlepager {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .circlepager .slides {
    left: 0;
    overflow: hidden;
    position: relative;
    transition: left .3s ease 0s; }
    .circlepager .slides > .slide {
      float: left;
      opacity: 0;
      position: relative;
      transition: opacity .8s ease 0s; }
      .circlepager .slides > .slide.is-visible {
        opacity: 1; }
  .circlepager .controls {
    display: none; }
  .circlepager.is-active .btn-next,
  .circlepager.is-active .btn-previous {
    background-color: #1a1a1a;
    border: 1px solid #999999;
    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 {
      fill: #999999;
      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 {
        fill: #ffffff; }
  .circlepager.is-active .btn-next {
    left: auto;
    right: 10px; }
    .circlepager.is-active .btn-next .icon {
      margin-left: 2px; }
  .circlepager.is-active .controls {
    bottom: 20px;
    display: block;
    left: 50%;
    margin-left: -50%;
    position: absolute;
    text-align: center;
    width: 100%; }
    .circlepager.is-active .controls .control-button {
      background-color: transparent;
      border: 1px solid #999999;
      border-radius: 50%;
      cursor: pointer;
      display: inline-block;
      height: 10px;
      margin: 0 20px 0 0;
      text-align: center;
      text-decoration: none;
      width: 10px; }
      .circlepager.is-active .controls .control-button:last-child {
        margin: 0; }
      .circlepager.is-active .controls .control-button:hover {
        background-color: transparent;
        border-color: #383838; }
      .circlepager.is-active .controls .control-button:focus {
        background-color: transparent;
        border-color: #368ac0; }
      .circlepager.is-active .controls .control-button.is-active {
        background-color: #368ac0;
        border-color: #368ac0; }
        .circlepager.is-active .controls .control-button.is-active:hover {
          background-color: #368ac0;
          border-color: #368ac0; }
        .circlepager.is-active .controls .control-button.is-active:focus {
          background-color: #368ac0;
          border-color: #368ac0; }
      .circlepager.is-active .controls .control-button[disabled], .circlepager.is-active .controls .control-button.is-disable {
        background-color: transparent;
        border-color: #bdbdbd; }
        .circlepager.is-active .controls .control-button[disabled]:hover, .circlepager.is-active .controls .control-button.is-disable:hover {
          background-color: transparent;
          border-color: #bdbdbd; }
        .circlepager.is-active .controls .control-button[disabled]:focus, .circlepager.is-active .controls .control-button.is-disable:focus {
          background-color: transparent;
          border-color: #bdbdbd; }
  .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.is-active {
      background-color: #1a1a1a;
      border: 1px solid #999999;
      border-radius: 2px;
      color: #999999;
      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: #1a1a1a;
        border-color: #999999; }
      .circlepager.is-bullets-nav-hidden .controls .control-button.is-active:focus {
        background-color: #1a1a1a;
        border-color: #999999; }

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

.pager-toolbar {
  font-size: 14px;
  font-size: 1.4rem;
  height: 38px;
  margin: 10px;
  max-height: 38px;
  text-align: center; }
  .pager-toolbar > * {
    vertical-align: middle; }
  .pager-toolbar > li {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: auto; }
    .pager-toolbar > li:hover > a {
      border-bottom: 1px solid #368ac0; }
      .pager-toolbar > li:hover > a[disabled] {
        border-bottom: 1px solid transparent; }
    .pager-toolbar > li.is-focused > a {
      border: 1px solid #368ac0;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
      .pager-toolbar > li.is-focused > a[disabled] {
        border: 1px solid transparent; }
    .pager-toolbar > li.is-focused.selected > a, .pager-toolbar > li.is-focused.selected:hover > a {
      border-bottom: 1px solid #368ac0; }
    .pager-toolbar > li.pager-prev:not(.is-focused):hover > a, .pager-toolbar > li.pager-last:not(.is-focused):hover > a, .pager-toolbar > li.pager-first:not(.is-focused):hover > a, .pager-toolbar > li.pager-next:not(.is-focused):hover > a {
      border-bottom: 1px solid transparent; }
    .pager-toolbar > li.selected > a {
      color: #1a1a1a;
      font-weight: bold; }
    .pager-toolbar > li > a {
      border: 1px solid transparent;
      border-radius: 2px;
      color: #368ac0;
      cursor: pointer;
      display: inline-block;
      height: 28px;
      margin: 0 2px;
      outline: none;
      padding: 5px;
      position: relative;
      text-align: center;
      text-decoration: none;
      transition: all .2s ease; }
      .pager-toolbar > li > a[disabled] {
        box-shadow: none;
        cursor: default; }
        .pager-toolbar > li > a[disabled] .icon {
          fill: #d8d8d8; }
      .pager-toolbar > li > a .audible {
        color: #1a1a1a; }
  .pager-toolbar li:not(.selected) a:hover:not([disabled]) svg {
    fill: #1a1a1a; }
  .pager-toolbar li:not(.selected) a:active:not([disabled]) svg {
    fill: #1a1a1a; }
  .pager-toolbar.is-listview .pager-prev,
  .pager-toolbar.is-listview .pager-next {
    position: static; }
  .pager-toolbar.is-listview li + .pager-count {
    margin-top: 2px; }
  .pager-toolbar.is-listview .pager-pagesize {
    padding: 0; }

.pager-prev,
.pager-first,
.pager-last,
.pager-next {
  margin: 0;
  padding: 0; }
  .pager-prev .icon,
  .pager-first .icon,
  .pager-last .icon,
  .pager-next .icon {
    fill: #5c5c5c;
    height: 17px;
    width: 18px; }
  .pager-prev a,
  .pager-first a,
  .pager-last a,
  .pager-next a {
    backface-visibility: hidden;
    border-radius: 20px;
    margin: 0;
    overflow: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0); }
  .pager-prev .ripple-effect,
  .pager-first .ripple-effect,
  .pager-last .ripple-effect,
  .pager-next .ripple-effect {
    background-color: #8dc9e6; }

.pager-next .icon,
.pager-last .icon {
  left: 1px; }

.paginated li {
  font-size: 14px;
  font-size: 1.4rem; }

.pager-count {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  line-height: normal;
  vertical-align: top; }
  .pager-count > label {
    font-size: inherit !important;
    line-height: inherit !important;
    margin-bottom: 0; }
  .pager-count input {
    font-size: 14px;
    font-size: 1.4rem;
    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: 10px; }

li + .pager-count {
  margin-left: 10px; }

.pager-pagesize {
  float: right;
  padding: 2px; }
  .pager-pagesize .btn-menu {
    height: 30px;
    margin: -1px; }
    .pager-pagesize .btn-menu:focus {
      border-color: #368ac0;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
    .pager-pagesize .btn-menu span {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      line-height: 30px;
      text-transform: none; }
    .pager-pagesize .btn-menu .icon {
      height: 18px;
      margin-left: -2px;
      margin-right: 2px;
      width: 18px; }

.ie .pager-count input {
  margin-top: 2px;
  padding-top: 0; }

.card .pager-toolbar,
.widget .pager-toolbar {
  margin: 0; }

.card .pager-prev,
.card .pager-next,
.widget .pager-prev,
.widget .pager-next {
  position: absolute; }

.card .pager-prev,
.widget .pager-prev {
  left: 15px; }

.card .pager-next,
.widget .pager-next {
  right: 15px; }

.card.card .card-footer .pager-toolbar,
.widget.card .card-footer .pager-toolbar {
  height: 30px; }
  .card.card .card-footer .pager-toolbar > li > a,
  .widget.card .card-footer .pager-toolbar > li > a {
    height: 30px;
    margin: 0;
    padding: 5px 7px; }
  .card.card .card-footer .pager-toolbar > li.pager-prev > a, .card.card .card-footer .pager-toolbar > li.pager-next > a,
  .widget.card .card-footer .pager-toolbar > li.pager-prev > a,
  .widget.card .card-footer .pager-toolbar > li.pager-next > a {
    height: 29px;
    padding: 5px; }

.list-detail .listview + .pager-toolbar {
  padding-top: 5px; }

html[dir='rtl'] .pager-count .pager-total-pages {
  text-align: right; }

html[dir='rtl'] .pager-count input {
  text-align: center; }

@media (max-width: 766px) {
  .pager-pagesize {
    display: none !important; } }

.datagrid-container {
  background-color: transparent;
  border: 1px solid #bdbdbd;
  clear: both;
  height: inherit;
  min-width: 100%;
  overflow: hidden;
  position: relative; }
  .datagrid-container.is-windows.has-vertical-scroll {
    background-color: #50535a; }
    .datagrid-container.is-windows.has-vertical-scroll .datagrid-body {
      background-color: #f4f4f4; }
  .datagrid-container.is-empty .datagrid {
    border-bottom: 1px solid transparent;
    height: auto; }
  .datagrid-container .datagrid-body {
    height: calc(100% - 40px); }
    .datagrid-container .datagrid-body.paginated {
      background-color: #f4f4f4; }
  .datagrid-container.paginated {
    height: calc(100% - 40px); }
  .datagrid-container.has-toolbar.paginated {
    height: calc(100% - 103px); }
  .datagrid-container.has-vertical-scroll.is-windows .datagrid-header {
    margin-right: 18px; }
  .datagrid-container.has-toolbar.has-filterable-columns .datagrid-body {
    height: calc(100% - 60px); }
  .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 .is-filterable .datagrid-column-wrapper {
    top: -3px; }
  .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 td:last-child {
    border-right-color: transparent; }
  .datagrid-container tr:not(.datagrid-expandable-row):last-child td {
    border-bottom-color: transparent; }
  .datagrid-container.has-less-rows tr:last-child td {
    border-bottom-color: #bdbdbd; }
  .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: 2; }
  .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 tr:hover:not(.datagrid-expandable-row) td:not(.is-editing) {
      background-color: transparent; }
      .datagrid-container.is-gridlist tr:hover:not(.datagrid-expandable-row) td:not(.is-editing) .is-readonly {
        background-color: transparent; }
    .datagrid-container.is-gridlist th {
      background-color: #d8d8d8;
      border-right: 0; }
      .datagrid-container.is-gridlist th .datagrid-header-text {
        color: #5c5c5c; }
      .datagrid-container.is-gridlist th.is-sortable:hover {
        background-color: #d8d8d8; }
      .datagrid-container.is-gridlist th .sort-indicator .icon {
        fill: #bdbdbd; }
      .datagrid-container.is-gridlist th:focus {
        background-color: #d8d8d8;
        box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.4);
        outline: 1px solid #368ac0 !important; }
      .datagrid-container.is-gridlist th.is-active {
        background-color: #bdbdbd; }
      .datagrid-container.is-gridlist th.is-sorted-asc .sort-asc .icon,
      .datagrid-container.is-gridlist th.is-sorted-desc .sort-desc .icon {
        fill: #737373; }
      .datagrid-container.is-gridlist th .datagrid-checkbox::before {
        border: 1px solid #999999; }
    .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 .datagrid-body {
      background-color: transparent !important; }
    .datagrid-container.is-gridlist tr td {
      border-left: 0;
      border-right: 0; }
    .datagrid-container.is-gridlist .datagrid-header {
      background-color: #d8d8d8; }
      .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: #888b94 !important;
        color: #1c1819;
        -webkit-text-fill-color: #1c1819; }
        .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: #abaeb7 !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 {
            fill: #abaeb7 !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: #368ac0 !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: #1c1819 !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 {
        fill: #888b94 !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 {
        fill: #1c1819 !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:disabled .icon {
        fill: #abaeb7 !important; }
      .datagrid-container.is-gridlist .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter.is-open .icon {
        fill: #368ac0 !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 {
        fill: #888b94 !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 {
        fill: #1c1819 !important; }
  .datagrid-container.short-rowheight .datagrid-cell-wrapper {
    min-height: 29px; }
  .datagrid-container.short-rowheight .datagrid-body {
    height: calc(100% - 25px); }
  .datagrid-container.short-rowheight.has-group-headers .datagrid-body {
    height: calc(100% - 50px); }
  .datagrid-container.short-rowheight.has-filterable-columns .datagrid-body {
    height: calc(100% - 54px); }
  .datagrid-container.short-rowheight.has-toolbar {
    height: calc(100% - 45px); }
    .datagrid-container.short-rowheight.has-toolbar.paginated {
      height: calc(100% - 103px); }
  .datagrid-container.short-rowheight.paginated {
    height: calc(100% - 58px); }
  .datagrid-container.short-rowheight .drag-target-arrows {
    font-size: 1.5em;
    height: 23px;
    padding: 1px 0 0 5px;
    width: 14px; }
  .datagrid-container.short-rowheight .datagrid-column-wrapper,
  .datagrid-container.short-rowheight th {
    height: 25px; }
    .datagrid-container.short-rowheight .datagrid-column-wrapper .handle,
    .datagrid-container.short-rowheight .datagrid-column-wrapper .is-draggable-target,
    .datagrid-container.short-rowheight th .handle,
    .datagrid-container.short-rowheight th .is-draggable-target {
      font-size: 22px;
      font-size: 2.2rem;
      height: 25px;
      padding: 0 0 0 2px; }
    .datagrid-container.short-rowheight .datagrid-column-wrapper .datagrid-checkbox,
    .datagrid-container.short-rowheight th .datagrid-checkbox {
      top: -1px;
      vertical-align: top; }
  .datagrid-container.short-rowheight .datagrid-column-wrapper {
    padding: 0 10px;
    top: 0; }
    .datagrid-container.short-rowheight .datagrid-column-wrapper.l-right-text .datagrid-header-text {
      margin-top: 6px; }
    .datagrid-container.short-rowheight .datagrid-column-wrapper.l-right-text .sort-indicator {
      margin: 0 2px; }
    .datagrid-container.short-rowheight .datagrid-column-wrapper .datagrid-checkbox {
      top: -13px; }
  .datagrid-container.short-rowheight .sort-indicator {
    margin: 0 0 0 4px; }
    .datagrid-container.short-rowheight .sort-indicator .icon {
      height: 16px;
      width: 16px; }
    .datagrid-container.short-rowheight .sort-indicator .sort-desc {
      margin-top: -1px; }
  .datagrid-container.short-rowheight .arrange-placeholder {
    height: 30px; }
  .datagrid-container.short-rowheight.has-filterable-columns > .datagrid-header .datagrid-filter-wrapper {
    height: 20px; }
  .datagrid-container.short-rowheight.has-filterable-columns > .datagrid-header .datagrid-column-wrapper {
    margin-bottom: 4px;
    position: relative;
    top: -2px; }
  .datagrid-container.short-rowheight.has-filterable-columns .is-filterable .datagrid-column-wrapper {
    top: -1px; }
  .datagrid-container.medium-rowheight .datagrid-cell-wrapper {
    min-height: 29px; }
  .datagrid-container.medium-rowheight .datagrid-body {
    height: calc(100% - 30px); }
  .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 {
      font-size: 2.3em;
      height: 30px;
      padding: 0 0 0 5px;
      width: 16px; }
  .datagrid-container.medium-rowheight .datagrid-column-wrapper {
    padding: 0 15px;
    top: 0; }
    .datagrid-container.medium-rowheight .datagrid-column-wrapper.l-right-text .datagrid-header-text {
      margin-top: 9px; }
    .datagrid-container.medium-rowheight .datagrid-column-wrapper.l-right-text .sort-indicator {
      margin: 1px 5px 0; }
  .datagrid-container.medium-rowheight .sort-indicator {
    margin: 1px 0 0 4px; }
  .datagrid-container.medium-rowheight .is-filterable .datagrid-column-wrapper {
    top: -2px; }
  .datagrid-container.medium-rowheight .is-filterable .datagrid-filter-wrapper {
    margin-bottom: 3px;
    top: -6px; }
    .datagrid-container.medium-rowheight .is-filterable .datagrid-filter-wrapper .btn-filter {
      left: 11px; }
    .datagrid-container.medium-rowheight .is-filterable .datagrid-filter-wrapper input {
      left: 11px;
      width: calc(100% - 45px); }
  .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 .is-filterable .datagrid-column-wrapper {
    top: -3px; }

.datagrid-body {
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
  width: 100%; }
  .datagrid-body table {
    empty-cells: show; }
  .datagrid-body .empty-message {
    display: none; }

.full-height .datagrid-body .empty-message {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: top; }

.datagrid {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%; }
  .datagrid.medium-rowheight tbody tr {
    line-height: 33px; }
    .datagrid.medium-rowheight tbody tr td .datagrid-row-heading {
      margin-top: 25px; }
    .datagrid.medium-rowheight tbody tr td .btn-actions {
      top: 13px; }
    .datagrid.medium-rowheight tbody tr td .datagrid-alert-icon:not(.icon-dirty) {
      top: 5px; }
    .datagrid.medium-rowheight tbody tr td .hyperlink {
      margin-top: -5px;
      vertical-align: middle; }
    .datagrid.medium-rowheight tbody tr td .datagrid-drilldown {
      height: 25px;
      min-height: 25px;
      min-width: 25px;
      top: -2px;
      width: 25px; }
    .datagrid.medium-rowheight tbody tr td.is-editing .colorpicker-container {
      padding: 4px 15px 0; }
    .datagrid.medium-rowheight tbody tr td.is-editing .datepicker {
      margin-top: 12px;
      padding: 0 15px; }
    .datagrid.medium-rowheight tbody tr td.is-editing input {
      padding: 8px 0 7px;
      vertical-align: top; }
      .datagrid.medium-rowheight tbody tr td.is-editing input.lookup {
        width: calc(100% - 21px); }
        .datagrid.medium-rowheight tbody tr td.is-editing input.lookup ~ .trigger .icon {
          top: calc(50% - 6px);
          width: inherit; }
      .datagrid.medium-rowheight tbody tr td.is-editing input.timepicker {
        margin-top: 11px;
        padding: 0 15px;
        width: calc(100% - 26px); }
        .datagrid.medium-rowheight tbody tr td.is-editing input.timepicker ~ .icon {
          left: auto;
          margin-left: -5px;
          top: calc(50% - 18px); }
    .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 #368ac0;
        padding: 11px 10px;
        width: 35px; }
        .datagrid.medium-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control.up {
          border-left: 1px solid #368ac0; }
    .datagrid.medium-rowheight tbody tr td.is-editing .dropdown {
      padding: 2px 15px; }
    .datagrid.medium-rowheight tbody tr td.is-editing div.dropdown + .icon,
    .datagrid.medium-rowheight tbody tr td.is-editing div.multiselect + .icon {
      top: 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.confirm.datagrid-trigger-cell .icon-confirm {
      margin-top: auto; }
    .datagrid.medium-rowheight tbody tr td.confirm .datagrid-cell-wrapper .icon-confirm {
      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: 39px;
    padding: 4px 15px 0; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .icon-calendar,
    .datagrid.medium-rowheight .datagrid-cell-wrapper .icon-fileupload {
      left: 0 !important; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .colorpicker-container .swatch {
      height: 28px;
      width: 28px; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .colorpicker-container .colorpicker {
      padding: 6px 10px; }
    .datagrid.medium-rowheight .datagrid-cell-wrapper .colorpicker-container .trigger {
      height: 28px; }
  .datagrid.medium-rowheight .lookup-wrapper {
    padding-left: 14px !important;
    padding-top: 2px !important; }
    .datagrid.medium-rowheight .lookup-wrapper .trigger {
      margin-left: -10px !important;
      margin-top: -5px !important; }
  .datagrid.medium-rowheight .datagrid-drilldown {
    top: -1px; }
  .datagrid.medium-rowheight .datagrid-trigger-cell .icon {
    left: -6px;
    top: 3px; }
  .datagrid.medium-rowheight .datagrid-trigger-cell .colorpicker-container .icon {
    left: 9px;
    top: 5px; }
  .datagrid.medium-rowheight .chart-completion-target {
    top: 2px; }
    .datagrid.medium-rowheight .chart-completion-target .chart-targeted-text {
      margin-top: -33px; }
  .datagrid.short-rowheight tbody tr {
    line-height: 23px; }
    .datagrid.short-rowheight tbody tr:last-child td {
      height: 24px; }
    .datagrid.short-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn {
      left: -10px; }
      .datagrid.short-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::before,
      .datagrid.short-rowheight tbody tr.datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::after {
        left: 6px; }
    .datagrid.short-rowheight tbody tr td span {
      line-height: 23px; }
    .datagrid.short-rowheight tbody tr td .badge {
      line-height: 22px;
      top: 0; }
      .datagrid.short-rowheight tbody tr td .badge::before {
        margin-top: 0; }
    .datagrid.short-rowheight tbody tr td .btn {
      top: -3px !important; }
    .datagrid.short-rowheight tbody tr td .datagrid-expand-btn {
      height: 24px;
      line-height: 24px;
      margin-top: -6px;
      min-height: 24px;
      min-width: 24px;
      vertical-align: middle;
      width: 24px; }
      .datagrid.short-rowheight tbody tr td .datagrid-expand-btn .icon {
        position: relative;
        right: 4px;
        top: -5px; }
    .datagrid.short-rowheight tbody tr td .datagrid-drilldown {
      height: 22px;
      min-height: 20px;
      min-width: 22px;
      top: -2px;
      width: 22px; }
    .datagrid.short-rowheight tbody tr td .datagrid-alert-icon:not(.icon-dirty) {
      height: 19px;
      margin-left: 0 !important;
      top: 0 !important;
      width: 18px; }
    .datagrid.short-rowheight tbody tr td .tag {
      height: 22px;
      line-height: 24px;
      margin-top: 0;
      padding: 0 10px 4px; }
    .datagrid.short-rowheight tbody tr td .hyperlink {
      line-height: 1.4rem;
      margin-top: 3px;
      padding-top: 0;
      vertical-align: top; }
    .datagrid.short-rowheight tbody tr td .row-btn {
      height: 21px;
      line-height: 18px;
      min-width: 80px;
      top: -12px;
      vertical-align: middle; }
      .datagrid.short-rowheight tbody tr td .row-btn span {
        line-height: 18px; }
      .datagrid.short-rowheight tbody tr td .row-btn.btn-icon {
        height: 20px;
        margin-bottom: -20px;
        min-width: 20px; }
      .datagrid.short-rowheight tbody tr td .row-btn .icon {
        margin-top: -3px; }
    .datagrid.short-rowheight tbody tr td a.row-btn {
      top: -4px; }
    .datagrid.short-rowheight tbody tr td .btn-secondary.row-btn {
      top: -2px; }
    .datagrid.short-rowheight tbody tr td.datagrid-trigger-cell .icon {
      height: 16px;
      margin-bottom: -1px;
      top: 3px; }
      .datagrid.short-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-calendar, .datagrid.short-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-fileupload {
        height: 15px;
        left: -5px;
        top: 1px; }
      .datagrid.short-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-clock {
        left: -8px;
        top: 1px; }
      .datagrid.short-rowheight tbody tr td.datagrid-trigger-cell .icon.icon-close {
        margin-left: -30px !important;
        margin-right: 10px; }
    .datagrid.short-rowheight tbody tr td.datagrid-trigger-cell .colorpicker-container .icon {
      top: 1px; }
    .datagrid.short-rowheight tbody tr td.datagrid-trigger-cell .dropdown-trigger + .icon {
      left: -3px; }
    .datagrid.short-rowheight tbody tr td.is-editing.is-fileupload .trigger .icon,
    .datagrid.short-rowheight tbody tr td.is-editing.is-fileupload .trigger-close .icon {
      height: 15px;
      width: 15px; }
    .datagrid.short-rowheight tbody tr td.is-editing.is-fileupload .trigger .icon {
      top: 4px; }
    .datagrid.short-rowheight tbody tr td.is-editing .colorpicker-container {
      padding: 3px 10px 0; }
    .datagrid.short-rowheight tbody tr td.is-editing .datepicker {
      margin-top: 6px;
      padding: 0 10px; }
      .datagrid.short-rowheight tbody tr td.is-editing .datepicker + .icon {
        height: 15px;
        top: -2px; }
    .datagrid.short-rowheight tbody tr td.is-editing .timepicker {
      margin-top: 6px;
      padding: 0 10px; }
      .datagrid.short-rowheight tbody tr td.is-editing .timepicker + .icon {
        margin-left: -2px;
        top: -4px; }
    .datagrid.short-rowheight tbody tr td.is-editing input {
      padding: 2px 0 0;
      vertical-align: top; }
    .datagrid.short-rowheight tbody tr td.is-editing .dropdown {
      padding: 2px 20px; }
    .datagrid.short-rowheight tbody tr td.is-editing .lookup-wrapper {
      padding-left: 10px; }
      .datagrid.short-rowheight tbody tr td.is-editing .lookup-wrapper .trigger {
        margin-left: -18px;
        top: -7px; }
    .datagrid.short-rowheight tbody tr td.is-editing .spinbox-wrapper {
      margin-left: -16px;
      margin-top: -5px;
      width: 100%; }
      .datagrid.short-rowheight tbody tr td.is-editing .spinbox-wrapper input {
        padding: 6px 0 0;
        width: calc(100% - 34px); }
      .datagrid.short-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control {
        border: 0;
        border-right: 1px solid #368ac0;
        padding: 3px 15px;
        width: 30px; }
        .datagrid.short-rowheight tbody tr td.is-editing .spinbox-wrapper .spinbox-control.up {
          border-left: 1px solid #368ac0;
          padding: 2px 10px; }
    .datagrid.short-rowheight tbody tr td.error.datagrid-trigger-cell .icon-error {
      margin-top: auto; }
    .datagrid.short-rowheight tbody tr td.error .datagrid-cell-wrapper .icon-error {
      height: 16px;
      top: 6px; }
    .datagrid.short-rowheight tbody tr td.alert.datagrid-trigger-cell .icon-alert {
      margin-top: auto; }
    .datagrid.short-rowheight tbody tr td.alert .datagrid-cell-wrapper .icon-alert {
      height: 16px;
      top: 6px; }
    .datagrid.short-rowheight tbody tr td.confirm.datagrid-trigger-cell .icon-confirm {
      margin-top: auto; }
    .datagrid.short-rowheight tbody tr td.confirm .datagrid-cell-wrapper .icon-confirm {
      height: 16px;
      top: 6px; }
    .datagrid.short-rowheight tbody tr td.info.datagrid-trigger-cell .icon-info {
      margin-top: auto; }
    .datagrid.short-rowheight tbody tr td.info .datagrid-cell-wrapper .icon-info {
      height: 16px;
      top: 6px; }
  .datagrid.short-rowheight .datagrid-cell-wrapper {
    padding: 3px 10px 0; }
    .datagrid.short-rowheight .datagrid-cell-wrapper .colorpicker-container .swatch {
      height: 20px;
      width: 20px; }
    .datagrid.short-rowheight .datagrid-cell-wrapper .colorpicker-container .colorpicker {
      padding: 2px 10px; }
    .datagrid.short-rowheight .datagrid-cell-wrapper .colorpicker-container .trigger {
      height: 20px; }
  .datagrid.short-rowheight .icon-search-list {
    left: -9px !important; }
  .datagrid.short-rowheight .icon-error,
  .datagrid.short-rowheight .icon-alert,
  .datagrid.short-rowheight .icon-confirm,
  .datagrid.short-rowheight .icon-info {
    margin-left: -29px !important; }
  .datagrid.short-rowheight .chart-completion-target {
    top: -2px; }
    .datagrid.short-rowheight .chart-completion-target .chart-targeted-text {
      margin-top: -27px; }
  .datagrid tbody tr {
    line-height: 43px; }
    .datagrid tbody tr.is-active-row {
      outline: 1px solid #368ac0;
      outline-offset: -1px; }
      .datagrid tbody tr.is-active-row td {
        border-bottom-color: transparent; }
    .datagrid tbody tr.error td {
      background-color: rgba(232, 79, 79, 0.1); }
    .datagrid tbody tr.alert td {
      background-color: rgba(255, 148, 38, 0.1); }
    .datagrid tbody tr.confirm td {
      background-color: rgba(128, 206, 77, 0.1); }
    .datagrid tbody tr.info td {
      background-color: rgba(54, 138, 192, 0.1); }
    .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 {
        fill: #5c5c5c;
        vertical-align: middle; }
        .datagrid tbody tr .datagrid-reorder-icon .icon:hover {
          fill: #1a1a1a; }
        .datagrid tbody tr .datagrid-reorder-icon .icon:active {
          fill: #1a1a1a; }
    .datagrid tbody tr.arrange-dragging td {
      background-color: #ffffff !important;
      border-bottom: 1px solid #bdbdbd;
      border-top: 1px solid #bdbdbd; }
      .datagrid tbody tr.arrange-dragging td:first-child {
        border-left: 1px solid #bdbdbd; }
    .datagrid tbody tr.arrange-placeholder {
      height: 50px; }
      .datagrid tbody tr.arrange-placeholder td {
        background-color: #f0f0f0; }
    .datagrid tbody tr.is-hidden {
      display: none; }
    .datagrid tbody tr:not(.error):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row):hover td:not(.is-editing):not(.error) {
      background-color: #d8d8d8; }
      .datagrid tbody tr:not(.error):not(.datagrid-virtual-row-bottom):not(.is-selected):not(.is-rowactivated):not(.datagrid-expandable-row):hover td:not(.is-editing):not(.error) .is-readonly {
        background-color: #d8d8d8; }
    .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: #d8f0f7; }
    .datagrid tbody tr.is-rowactivated td:not(.is-editing),
    .datagrid tbody tr.is-rowactivated td:not(.is-editing) .datagrid-cell-wrapper {
      background-color: #d8f0f7; }
      .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: #368ac0;
        border: 1px solid #368ac0;
        color: white; }
        .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: #2578a9; }
        .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: #2578a9; }
    .datagrid tbody tr.is-selected:not(.hide-selected-color) .is-readonly:not(.is-editing) .datagrid-cell-wrapper {
      background-color: #d4ebf3; }
      .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-cell-wrapper, .datagrid tbody tr.is-active-row td:focus .datagrid-cell-wrapper {
      border-color: transparent;
      box-shadow: none; }
    .datagrid tbody tr.is-clickable td, .datagrid tbody tr.is-active-row td {
      box-shadow: none; }
    .datagrid tbody tr.is-clickable {
      cursor: pointer; }
    .datagrid tbody tr .icon.plus-minus::before,
    .datagrid tbody tr .icon.plus-minus::after {
      background-color: #5c5c5c; }
    .datagrid tbody tr.alt-shading td {
      background-color: #f0f0f0; }
    .datagrid tbody tr:hover.alt-shading td {
      background-color: #d8d8d8; }
    .datagrid tbody tr .btn-icon span {
      color: transparent; }
    .datagrid tbody tr .datagrid-alert-text {
      display: inline-block;
      line-height: 25px;
      padding-left: 10px;
      text-align: left;
      width: inherit; }
    .datagrid tbody tr .datagrid-alert-icon {
      display: inline-block;
      height: 20px;
      top: 10px; }
      .datagrid tbody tr .datagrid-alert-icon.icon-dirty {
        height: 16px;
        top: 0;
        vertical-align: middle;
        width: 16px; }
    .datagrid tbody tr .badge {
      color: #1a1a1a;
      line-height: 24px;
      margin-top: 0;
      top: 0; }
      .datagrid tbody tr .badge[class*='azure'] {
        color: white; }
      .datagrid tbody tr .badge.info .audible {
        background-color: #737373; }
    .datagrid tbody tr .ruby01.tag {
      background: #f4bcbc; }
    .datagrid tbody tr .ruby02.tag {
      background: #eb9d9d; }
    .datagrid tbody tr .ruby03.tag {
      background: #de8181; }
    .datagrid tbody tr .ruby04.tag {
      background: #d26d6d; }
    .datagrid tbody tr .ruby05.tag {
      background: #c65f5f; }
    .datagrid tbody tr .ruby06.tag {
      background: #b94e4a; }
    .datagrid tbody tr .ruby07.tag {
      background: #ad4242; }
    .datagrid tbody tr .ruby08.tag {
      background: #a13030; }
    .datagrid tbody tr .ruby09.tag {
      background: #941e1e; }
    .datagrid tbody tr .ruby10.tag {
      background: #880e0e; }
    .datagrid tbody tr .amber01.tag {
      background: #fbe9bf; }
    .datagrid tbody tr .amber02.tag {
      background: #f8e09c; }
    .datagrid tbody tr .amber03.tag {
      background: #f7d475; }
    .datagrid tbody tr .amber04.tag {
      background: #f4c951; }
    .datagrid tbody tr .amber05.tag {
      background: #f2bc41; }
    .datagrid tbody tr .amber06.tag {
      background: #efa836; }
    .datagrid tbody tr .amber07.tag {
      background: #ee9a36; }
    .datagrid tbody tr .amber08.tag {
      background: #e4882b; }
    .datagrid tbody tr .amber09.tag {
      background: #db7726; }
    .datagrid tbody tr .amber10.tag {
      background: #d66221; }
    .datagrid tbody tr .emerald01.tag {
      background: #d5f6c0; }
    .datagrid tbody tr .emerald02.tag {
      background: #c3e8ac; }
    .datagrid tbody tr .emerald03.tag {
      background: #afdc91; }
    .datagrid tbody tr .emerald04.tag {
      background: #9cce7c; }
    .datagrid tbody tr .emerald05.tag {
      background: #89bf65; }
    .datagrid tbody tr .emerald06.tag {
      background: #76b051; }
    .datagrid tbody tr .emerald07.tag {
      background: #66a140; }
    .datagrid tbody tr .emerald08.tag {
      background: #56932e; }
    .datagrid tbody tr .emerald09.tag {
      background: #488421; }
    .datagrid tbody tr .emerald10.tag {
      background: #397514; }
    .datagrid tbody tr .azure01.tag {
      background: #c8e9f4; }
    .datagrid tbody tr .azure02.tag {
      background: #addbeb; }
    .datagrid tbody tr .azure03.tag {
      background: #8dc9e6; }
    .datagrid tbody tr .azure04.tag {
      background: #69b5dd; }
    .datagrid tbody tr .azure05.tag {
      background: #54a1d3; }
    .datagrid tbody tr .azure06.tag {
      background: #368ac0; }
    .datagrid tbody tr .azure07.tag {
      background: #2578a9; }
    .datagrid tbody tr .azure08.tag {
      background: #1d5f8a; }
    .datagrid tbody tr .azure09.tag {
      background: #134d71; }
    .datagrid tbody tr .azure10.tag {
      background: #133c59; }
    .datagrid tbody tr .turquoise01.tag {
      background: #c0ede3; }
    .datagrid tbody tr .turquoise02.tag {
      background: #a9e1d6; }
    .datagrid tbody tr .turquoise03.tag {
      background: #8ed1c6; }
    .datagrid tbody tr .turquoise04.tag {
      background: #7cc0b5; }
    .datagrid tbody tr .turquoise05.tag {
      background: #69ada3; }
    .datagrid tbody tr .turquoise06.tag {
      background: #579e95; }
    .datagrid tbody tr .turquoise07.tag {
      background: #448d83; }
    .datagrid tbody tr .turquoise08.tag {
      background: #317c73; }
    .datagrid tbody tr .turquoise09.tag {
      background: #206b62; }
    .datagrid tbody tr .turquoise10.tag {
      background: #0e5b52; }
    .datagrid tbody tr .amethyst01.tag {
      background: #ede3fc; }
    .datagrid tbody tr .amethyst02.tag {
      background: #daccec; }
    .datagrid tbody tr .amethyst03.tag {
      background: #c7b4db; }
    .datagrid tbody tr .amethyst04.tag {
      background: #b59eca; }
    .datagrid tbody tr .amethyst05.tag {
      background: #a38db7; }
    .datagrid tbody tr .amethyst06.tag {
      background: #9279a6; }
    .datagrid tbody tr .amethyst07.tag {
      background: #806594; }
    .datagrid tbody tr .amethyst08.tag {
      background: #6e5282; }
    .datagrid tbody tr .amethyst09.tag {
      background: #5d3e70; }
    .datagrid tbody tr .amethyst10.tag {
      background: #4b2a5e; }
    .datagrid tbody tr .graphite01.tag {
      background: #f0f0f0; }
    .datagrid tbody tr .graphite02.tag {
      background: #d8d8d8; }
    .datagrid tbody tr .graphite03.tag {
      background: #bdbdbd; }
    .datagrid tbody tr .graphite04.tag {
      background: #999999; }
    .datagrid tbody tr .graphite05.tag {
      background: #737373; }
    .datagrid tbody tr .graphite06.tag {
      background: #5c5c5c; }
    .datagrid tbody tr .graphite07.tag {
      background: #454545; }
    .datagrid tbody tr .graphite08.tag {
      background: #383838; }
    .datagrid tbody tr .graphite09.tag {
      background: #292929; }
    .datagrid tbody tr .graphite10.tag {
      background: #1a1a1a; }
    .datagrid tbody tr .slate01.tag {
      background: #dee1e8; }
    .datagrid tbody tr .slate02.tag {
      background: #c8cbd4; }
    .datagrid tbody tr .slate03.tag {
      background: #abaeb7; }
    .datagrid tbody tr .slate04.tag {
      background: #888b94; }
    .datagrid tbody tr .slate05.tag {
      background: #656871; }
    .datagrid tbody tr .slate06.tag {
      background: #50535a; }
    .datagrid tbody tr .slate07.tag {
      background: #414247; }
    .datagrid tbody tr .slate08.tag {
      background: #313236; }
    .datagrid tbody tr .slate09.tag {
      background: #212224; }
    .datagrid tbody tr .slate10.tag {
      background: #1c1819; }
    .datagrid tbody tr .alert01.tag {
      background: #e84f4f; }
    .datagrid tbody tr .alert02.tag {
      background: #ff9426; }
    .datagrid tbody tr .alert03.tag {
      background: #ffd726; }
    .datagrid tbody tr .alert04.tag {
      background: #80ce4d; }
    .datagrid tbody tr .tag[class*='azure'] {
      color: #ffffff; }
    .datagrid tbody tr .row-btn {
      line-height: normal;
      position: relative;
      top: -3px; }
    .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 {
      -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;
      border: 1px solid transparent;
      display: block;
      min-height: 49px;
      overflow: hidden;
      padding: 4px 20px 0; }
      .datagrid tbody tr .datagrid-cell-wrapper .colorpicker-container {
        border: 0;
        display: block;
        width: 100%; }
        .datagrid tbody tr .datagrid-cell-wrapper .colorpicker-container .colorpicker {
          padding: 9px 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 .icon-favorite {
      position: relative;
      top: 3px; }
    .datagrid tbody tr .datagrid-img {
      display: block;
      height: 60px;
      margin-top: -7px;
      width: 60px; }
  .datagrid td {
    background-color: #ffffff;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    color: #1a1a1a;
    height: inherit;
    line-height: inherit;
    min-height: inherit;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .datagrid td:focus, .datagrid td.is-focused {
      box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.4); }
      .datagrid td:focus .datagrid-cell-wrapper, .datagrid td.is-focused .datagrid-cell-wrapper {
        border: 1px solid #368ac0; }
    .datagrid td .is-singleline * {
      display: inline; }
    .datagrid td .is-singleline br {
      display: none; }
    .datagrid td .word-wrap {
      word-wrap: break-word; }
      .datagrid td .word-wrap .hyperlink {
        display: inline;
        margin-top: 2px;
        white-space: pre-line; }
        .datagrid td .word-wrap .hyperlink:hover {
          display: inline; }
        .datagrid td .word-wrap .hyperlink:focus {
          border-bottom: 1px solid #2578a9 !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;
        vertical-align: middle; }
    .datagrid td .chart-completion-target {
      height: 25px;
      margin-bottom: 0 !important;
      position: relative;
      top: 8px; }
    .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 .datagrid-cell-wrapper {
        position: relative; }
        .datagrid td.error .datagrid-cell-wrapper .icon-error {
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
      .datagrid td.error:focus .datagrid-cell-wrapper {
        border-color: #e84f4f; }
      .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-alert {
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
      .datagrid td.alert:focus .datagrid-cell-wrapper {
        border-color: #ff9426; }
      .datagrid td.alert.l-right-text .datagrid-cell-wrapper .icon-alert {
        left: 0;
        margin-left: 0;
        margin-right: -15px; }
    .datagrid td.confirm {
      background-color: rgba(128, 206, 77, 0.1); }
      .datagrid td.confirm .datagrid-cell-wrapper {
        position: relative; }
        .datagrid td.confirm .datagrid-cell-wrapper .icon-confirm {
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
      .datagrid td.confirm:focus .datagrid-cell-wrapper {
        border-color: #80ce4d; }
      .datagrid td.confirm.l-right-text .datagrid-cell-wrapper .icon-confirm {
        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-info {
          left: 100%;
          margin-left: -30px;
          position: absolute;
          top: 15px;
          visibility: visible; }
      .datagrid td.info:focus .datagrid-cell-wrapper {
        border-color: #368ac0; }
      .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 {
      font-size: 14px;
      font-size: 1.4rem;
      color: #368ac0;
      display: inline-block;
      margin-top: -1px;
      vertical-align: middle; }
      .datagrid td .hyperlink:focus {
        outline: none; }
      .datagrid td .hyperlink.micro-text {
        font-size: 12px;
        font-size: 1.2rem; }
    .datagrid td .search-mode i {
      font-style: normal;
      font-weight: bold; }
    .datagrid td.is-readonly {
      background-color: #f0f0f0; }
    .datagrid td.is-cell-readonly .hyperlink {
      color: #999999; }
      .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; }
      .datagrid td.is-editing .datagrid-cell-wrapper {
        border: 1px solid #368ac0;
        left: 0;
        position: absolute;
        text-overflow: initial;
        top: 0;
        width: 100%; }
        .datagrid td.is-editing .datagrid-cell-wrapper .colorpicker-container {
          padding: 4px 20px 0; }
      .datagrid td.is-editing .lookup-wrapper {
        margin-bottom: 0;
        padding-left: 19px;
        padding-top: 4px;
        vertical-align: top;
        width: 100%; }
        .datagrid td.is-editing .lookup-wrapper .trigger {
          margin-left: -21px;
          margin-top: 1px; }
      .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.is-fileupload label {
        margin-bottom: 0; }
      .datagrid td.is-editing input {
        border: 1px solid transparent;
        outline: none;
        padding: 12px 0 8px;
        vertical-align: top;
        width: 100%; }
        .datagrid td.is-editing input.lookup {
          width: calc(100% - 21px); }
          .datagrid td.is-editing input.lookup ~ .trigger .icon {
            top: calc(50% - 6px);
            width: inherit; }
          .datagrid td.is-editing input.lookup.is-not-editable {
            border-color: transparent; }
        .datagrid td.is-editing input.timepicker {
          margin-top: 16px;
          padding: 0 19px;
          width: calc(100% - 26px); }
          .datagrid td.is-editing input.timepicker ~ .icon {
            left: auto;
            margin-left: -5px;
            top: calc(50% - 16px); }
        .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;
          outline: none; }
          .datagrid td.is-editing input:focus.is-not-editable {
            border-color: transparent; }
      .datagrid td.is-editing .dropdown {
        border: medium none;
        line-height: inherit;
        padding: 0 20px; }
      .datagrid td.is-editing textarea {
        border: 0;
        padding: 5px 0 0;
        width: inherit; }
        .datagrid td.is-editing textarea:focus {
          box-shadow: none;
          outline: none; }
      .datagrid td.is-editing .icon {
        visibility: visible; }
      .datagrid td.is-editing .datepicker {
        border: 0;
        margin-top: 17px;
        padding: 0 0 0 20px;
        width: calc(100% - 28px); }
        .datagrid td.is-editing .datepicker ~ .icon {
          left: auto;
          margin-left: -6px;
          top: calc(50% - 15px);
          width: 34px; }
        .datagrid td.is-editing .datepicker:disabled .icon {
          fill: #656871; }
      .datagrid td.is-editing .spinbox-wrapper {
        margin-left: -21px;
        margin-top: -6px;
        width: 100%; }
        .datagrid td.is-editing .spinbox-wrapper input {
          padding: 17px 0 8px;
          width: calc(100% - 38px); }
        .datagrid td.is-editing .spinbox-wrapper .spinbox-control {
          border: 0;
          border-right: 1px solid #368ac0;
          padding: 18px 10px 15px;
          width: 40px; }
          .datagrid td.is-editing .spinbox-wrapper .spinbox-control.up {
            border-left: 1px solid #368ac0; }
    .datagrid td .datagrid-cell-wrapper .is-placeholder {
      color: #999999; }
    .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 {
        top: 6px; }
    .datagrid td.l-right-text .datagrid-cell-wrapper {
      text-align: right; }
    .datagrid td.l-center-text .datagrid-cell-wrapper {
      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 {
      cursor: default;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .datagrid td.text-ellipsis.is-active {
      cursor: default;
      line-height: 22px;
      white-space: normal; }
      .datagrid td.text-ellipsis.is-active .datagrid-cell-wrapper {
        padding: 7px 20px;
        white-space: normal; }
    .datagrid td span.exclamation {
      line-height: 44px; }
  .datagrid .datagrid .datagrid-header th {
    background-color: #656871;
    border-right: 1px solid #bdbdbd; }

.datagrid-header {
  background-color: #50535a;
  overflow: hidden; }
  .datagrid-header table {
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    table-layout: fixed;
    width: 100%; }
  .datagrid-header th {
    background-color: #50535a;
    border-right: 1px solid #bdbdbd;
    height: 39px;
    overflow: hidden;
    position: relative;
    text-align: left; }
    .datagrid-header th.l-center-text {
      text-align: center; }
      .datagrid-header th.l-center-text .datagrid-header-text {
        text-align: center;
        width: auto; }
      .datagrid-header th.l-center-text .datagrid-filter-wrapper .btn-filter {
        left: 18px; }
    .datagrid-header th.is-hidden {
      display: none; }
    .datagrid-header th .datagrid-header-text {
      font-size: 12px;
      font-size: 1.2rem;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      color: #ffffff;
      direction: ltr;
      display: table-cell;
      font-weight: bold;
      text-align: left;
      vertical-align: middle;
      white-space: nowrap; }
      .datagrid-header th .datagrid-header-text.required::after {
        font-size: 18px;
        font-size: 1.8rem;
        color: #e84f4f;
        content: '*';
        display: inline-block;
        left: 3px;
        line-height: 0;
        position: relative;
        top: 3px;
        color: #ffffff; }
    .datagrid-header th .datagrid-checkbox {
      top: -12px; }
      .datagrid-header th .datagrid-checkbox::before {
        border: 1px solid #bdbdbd; }
      .datagrid-header th .datagrid-checkbox.is-checked::before {
        border: 1px solid #368ac0; }
    .datagrid-header th.is-active {
      background-color: #383838; }
    .datagrid-header th:focus {
      background-color: #50535a;
      box-shadow: 0 0 4px 3px rgba(255, 255, 255, 0.3);
      color: #ffffff;
      outline: 1px solid #ffffff;
      outline-offset: -2px; }
      .datagrid-header th:focus .icon {
        fill: #999999;
        opacity: 1; }
      .datagrid-header th:focus.is-sorted-asc .sort-asc .icon,
      .datagrid-header th:focus.is-sorted-desc .sort-desc .icon {
        fill: #ffffff; }
    .datagrid-header th.is-sortable:hover {
      background-color: #383838;
      cursor: pointer; }
      .datagrid-header th.is-sortable:hover .icon {
        opacity: 1; }
  .datagrid-header thead tr + tr th {
    border-top: 1px solid #bdbdbd; }
  .datagrid-header .datagrid-header-groups th {
    background-color: #383838; }
  .datagrid-header .datagrid-column-wrapper {
    display: table;
    height: 35px;
    padding: 0 20px;
    position: relative;
    vertical-align: top; }
    .datagrid-header .datagrid-column-wrapper.l-right-text {
      direction: rtl;
      float: right; }
      .datagrid-header .datagrid-column-wrapper.l-right-text .sort-indicator {
        margin: 2px 2px 0; }
  .datagrid-header .is-filterable .datagrid-column-wrapper.l-right-text + .datagrid-filter-wrapper {
    clear: both; }
  .datagrid-header .is-filterable .datagrid-filter-wrapper {
    display: block;
    height: 22px;
    line-height: 30px;
    margin-bottom: 3px;
    max-width: calc(100% - 20px);
    min-width: 70px;
    position: relative;
    top: -7px;
    width: calc(100% - 20px); }
    .datagrid-header .is-filterable .datagrid-filter-wrapper input {
      background-color: transparent;
      border-color: #888b94;
      color: #ffffff;
      height: 24px;
      left: 12px;
      padding: 3px 5px 2px;
      position: relative;
      vertical-align: top;
      width: calc(100% - 46px); }
      .datagrid-header .is-filterable .datagrid-filter-wrapper input.datepicker {
        padding: 3px 24px 2px 5px; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper input.error {
        color: #ffffff !important; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper input:focus {
        border-color: #69b5dd; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper input:hover:not(:disabled):not(:focus) {
        border-color: #c8cbd4; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper input:disabled {
        border-color: #656871; }
    .datagrid-header .is-filterable .datagrid-filter-wrapper [data-mask-mode="number"] {
      padding: 3px 7px 2px 3px; }
    .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown {
      background-color: transparent;
      color: #ffffff;
      height: 24px;
      line-height: 21px;
      padding: 3px 0 0 5px;
      -webkit-text-fill-color: #ffffff;
      vertical-align: top;
      width: calc(100% - 5px); }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown:hover {
        border-color: #c8cbd4 !important; }
        .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown:hover + .icon {
          fill: #ffffff !important; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdowndiv:hover:not(:disabled) {
        border-color: #c8cbd4 !important; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown + .icon {
        right: 4px;
        top: -2px !important; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown.is-disabled {
        border-color: #656871; }
        .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown.is-disabled + .icon {
          fill: #656871; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown > span {
        color: inherit;
        -webkit-text-fill-color: inherit;
        width: calc(100% - 16px); }
    .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown-wrapper {
      background-color: transparent;
      display: inline;
      left: 13px;
      vertical-align: top;
      width: calc(100% - 44px); }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown-wrapper .icon {
        height: 16px;
        vertical-align: top;
        width: 16px; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown-wrapper div.dropdown {
        border: 1px solid #888b94; }
        .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown-wrapper div.dropdown:hover {
          border: 1px solid #c8cbd4; }
    .datagrid-header .is-filterable .datagrid-filter-wrapper .timepicker + .icon,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .datepicker + .icon,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown + .icon {
      fill: #abaeb7;
      height: 13px;
      margin-left: -9px;
      top: -3px;
      width: 13px; }
    .datagrid-header .is-filterable .datagrid-filter-wrapper .timepicker:not(:disabled) + .icon:hover,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .timepicker:hover:not(:disabled) + .icon,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .datepicker:not(:disabled) + .icon:hover,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .datepicker:hover:not(:disabled) + .icon,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown:not(:disabled) + .icon:hover,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown:hover:not(:disabled) + .icon {
      fill: #ffffff !important; }
    .datagrid-header .is-filterable .datagrid-filter-wrapper .timepicker:disabled + .icon,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .datepicker:disabled + .icon,
    .datagrid-header .is-filterable .datagrid-filter-wrapper .dropdown:disabled + .icon {
      fill: #abaeb7 !important;
      opacity: .6; }
    .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter {
      height: 21px;
      left: 15px;
      min-width: 34px;
      padding-top: 3px;
      top: 1px;
      vertical-align: top;
      width: 34px; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:disabled {
        opacity: .6; }
        .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:disabled .icon {
          fill: #656871; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter .icon-dropdown {
        fill: #abaeb7 !important;
        height: 14px;
        left: -7px;
        position: relative;
        top: 2px;
        vertical-align: top;
        width: 14px; }
        .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter .icon-dropdown + .icon-dropdown {
          left: -5px; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter.is-open .icon {
        fill: #69b5dd !important; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:hover:not(.is-open):not(:disabled) .icon {
        fill: #ffffff !important; }
      .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:focus:not(.hide-focus) {
        border: 1px solid #69b5dd; }
        .datagrid-header .is-filterable .datagrid-filter-wrapper .btn-filter:focus:not(.hide-focus) .icon {
          fill: #69b5dd !important; }

.datagrid-rowgroup-header.is-animating {
  opacity: .2; }

.datagrid-rowgroup-header td {
  background-color: #f0f0f0;
  border: 1px solid transparent;
  border-bottom: 1px solid #bdbdbd;
  border-right: 1px solid #bdbdbd;
  padding: 0 20px; }
  .datagrid-rowgroup-header td:focus, .datagrid-rowgroup-header td.is-focused {
    border: 1px solid #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
  .datagrid-rowgroup-header td span {
    color: #5c5c5c;
    font-weight: bold; }
  .datagrid-rowgroup-header td .icon {
    fill: #5c5c5c; }

.datagrid-rowgroup-header .datagrid-expand-btn {
  left: -14px; }
  .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: 3px 0 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;
    fill: #999999;
    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);
    left: -2px; }
  .sort-indicator span {
    display: block;
    height: 10px;
    margin-left: 5px; }

.datagrid-column-wrapper.l-center-text {
  width: 100%; }
  .datagrid-column-wrapper.l-center-text .sort-indicator {
    margin: -6px -22px 0 0; }

.is-sorted-asc .sort-indicator .icon {
  opacity: 1; }

.is-sorted-asc .sort-asc .icon {
  fill: #ffffff; }

.is-sorted-desc .sort-indicator .icon {
  opacity: 1; }

.is-sorted-desc .sort-desc .icon {
  fill: #ffffff; }

.datagrid-row-heading {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1a1a1a;
  line-height: 22px;
  padding-top: 6px; }

.datagrid-row-subheading {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  line-height: 22px;
  margin-top: -4px; }

.datagrid-row-micro {
  font-size: 12px;
  font-size: 1.2rem;
  color: #1a1a1a;
  line-height: 2rem; }

.datagrid-drilldown {
  background-color: transparent;
  border-radius: 50%;
  margin: 0 auto; }
  .datagrid-drilldown .icon {
    fill: #5c5c5c;
    height: 20px;
    width: 20px; }

td .btn-actions {
  background-color: transparent; }

.datagrid-multiline-text {
  display: block;
  height: inherit;
  line-height: 22px;
  margin: 0 -20px;
  min-height: 49px;
  overflow: auto;
  padding: 5px 20px;
  white-space: pre-line;
  word-wrap: break-word; }

.medium-rowheight .datagrid-multiline-text {
  min-height: 39px; }

.short-rowheight .datagrid-multiline-text {
  min-height: 29px; }

.datagrid-checkbox {
  font-size: 12px;
  font-size: 1.2rem;
  cursor: pointer;
  display: inline-block;
  left: -7px;
  position: relative;
  top: -14px; }
  .datagrid-checkbox::before {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #999999;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    margin-top: 4px;
    position: absolute;
    width: 14px;
    margin-left: 0;
    top: -4px; }
  .datagrid-checkbox.is-checked::before {
    background-color: #368ac0;
    border-color: #368ac0; }
  .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: white white white transparent;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    left: 3px;
    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;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    width: 10px;
    animation: none !important;
    margin-left: -2px;
    margin-top: -4px;
    top: 2px; }

[aria-readonly="true"] .datagrid-checkbox {
  cursor: default; }

.datagrid-trigger-cell:not(.is-readonly) {
  cursor: pointer; }

.datagrid-trigger-cell .icon {
  fill: #5c5c5c;
  left: 4px;
  top: 5px;
  visibility: hidden; }
  .datagrid-trigger-cell .icon.icon-search-list {
    left: -2px;
    top: 4px; }

.datagrid-trigger-cell .icon-clock {
  left: -1px; }

.datagrid-trigger-cell .icon-calendar,
.datagrid-trigger-cell .icon-fileupload {
  height: 16px;
  left: 5px;
  top: 3px;
  width: 16px; }

.datagrid-trigger-cell .trigger {
  color: #1a1a1a;
  display: inline-block;
  text-align: left;
  width: calc(100% - 10px); }
  .datagrid-trigger-cell .trigger.is-clearable:not(.colorpicker-container), .datagrid-trigger-cell .trigger.dropdown-trigger:not(.colorpicker-container) {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; }
  .datagrid-trigger-cell .trigger.is-clearable {
    margin-right: 22px;
    width: calc(100% - 32px); }

.datagrid-trigger-cell.has-editor:not(.is-readonly):not(.error):hover .icon, .datagrid-trigger-cell.has-editor:not(.is-readonly):not(.error):focus .icon {
  visibility: visible; }

.datagrid-trigger-cell.has-editor:not(.is-readonly):not(.error):hover .icon-close, .datagrid-trigger-cell.has-editor:not(.is-readonly):not(.error):focus .icon-close {
  margin-left: -22px; }

.datagrid-trigger-cell.is-editing {
  padding: 0; }
  .datagrid-trigger-cell.is-editing .datagrid-cell-wrapper {
    padding: 0; }
  .datagrid-trigger-cell.is-editing .dropdown-wrapper {
    height: inherit;
    margin-bottom: 0;
    width: inherit; }

.datagrid-checkbox-wrapper {
  font-size: 12px;
  font-size: 1.2rem;
  position: relative; }
  .datagrid-checkbox-wrapper + .datagrid-filter-wrapper {
    display: none; }

.datagrid-expand-btn {
  background-color: transparent;
  height: 32px;
  left: -10px;
  margin-top: -4px;
  min-height: 32px;
  min-width: 32px;
  vertical-align: middle;
  width: 32px; }
  .datagrid-expand-btn span:not(.icon) {
    color: transparent; }
  .datagrid-expand-btn .plus-minus {
    left: -8px;
    position: relative;
    top: -4px; }
  .datagrid-expand-btn + span {
    color: #1a1a1a;
    margin-left: -10px;
    position: relative; }
  .datagrid-expand-btn .icon.plus-minus::before,
  .datagrid-expand-btn .icon.plus-minus::after {
    left: 10px;
    top: 14px;
    width: 14px; }
  .datagrid-expand-btn:hover .icon.plus-minus::before,
  .datagrid-expand-btn:hover .icon.plus-minus::after {
    background-color: #1a1a1a; }
  .datagrid-expand-btn:hover 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 #bdbdbd;
  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 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999999; }

.datagrid-expandable-row .datagrid-cell-layout {
  display: table-cell;
  padding: 0 30px 0 0;
  vertical-align: top; }

.datagrid-result-count {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  position: relative;
  top: 0; }

.ie-edge .datagrid-container.has-vertical-scroll.is-windows .datagrid-header {
  margin-right: 12px; }

.is-firefox .is-inline.dropdown-wrapper .icon {
  top: 5px !important; }

.is-firefox .datagrid-expand-btn {
  line-height: 27px !important; }

.is-firefox .datagrid-filter-wrapper .dropdown {
  padding: 1px 0 2px 5px  !important; }

.is-firefox .short-rowheight th .datagrid-checkbox {
  top: -2px; }

.is-firefox .short-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 {
  margin-top: 17px; }
  .is-firefox .datagrid td.is-editing .timepicker ~ .icon {
    top: calc(50% - 16px); }

.is-firefox .datagrid.medium-rowheight td.is-editing .lookup-wrapper {
  margin-top: 4px; }
  .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: 13px; }
  .is-firefox .datagrid.medium-rowheight td.is-editing .datepicker ~ .icon {
    top: calc(50% - 15px); }

.is-firefox .datagrid.medium-rowheight td.is-editing .timepicker {
  margin-top: 12px; }
  .is-firefox .datagrid.medium-rowheight td.is-editing .timepicker ~ .icon {
    top: calc(50% - 16px); }

.is-firefox .datagrid.short-rowheight td.is-editing .lookup-wrapper .lookup ~ .trigger .icon {
  top: calc(50% - 5px); }

.is-firefox .datagrid.short-rowheight td.is-editing .datepicker {
  margin-top: 8px; }
  .is-firefox .datagrid.short-rowheight td.is-editing .datepicker ~ .icon {
    top: calc(50% - 14px); }

.is-firefox .datagrid.short-rowheight td.is-editing .timepicker {
  margin-top: 7px; }
  .is-firefox .datagrid.short-rowheight td.is-editing .timepicker ~ .icon {
    top: calc(50% - 15px); }

.is-firefox .datagrid tbody tr.arrange-dragging td {
  font-size: 14px;
  font-size: 1.4rem;
  height: 43px; }

.datagrid-row-count {
  line-height: 43px; }

.datagrid-dropdown-list {
  border-radius: 0 0 3px 3px;
  margin-left: -1px;
  margin-top: -1px; }
  .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.short-rowheight ul {
      text-indent: 10px; }
  .datagrid-dropdown-list input {
    height: 49px;
    padding-top: 12px !important;
    text-indent: 10px;
    width: 100% !important; }
  .datagrid-dropdown-list.short-rowheight input {
    height: 30px;
    padding-top: 9px;
    text-indent: 0;
    width: 100% !important; }
  .datagrid-dropdown-list.short-rowheight .trigger .icon {
    height: 16px;
    left: 2px;
    margin-top: -1px;
    top: 8px; }
  .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: 4px; }
  .datagrid-dropdown-list .icon {
    fill: #1a1a1a;
    margin-top: 9px;
    right: 2px; }
    .datagrid-dropdown-list .icon.search {
      margin-top: 14px; }

.is-focused .trigger + .icon {
  visibility: visible; }

html[dir='rtl'] .datagrid th:last-child {
  border-right: 1px solid #bdbdbd; }

html[dir='rtl'] .datagrid td:last-child {
  border-right: 1px solid #bdbdbd; }

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.short-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn {
  left: auto;
  right: -10px; }
  html[dir='rtl'] .datagrid.short-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::before,
  html[dir='rtl'] .datagrid.short-rowheight tbody .datagrid-rowgroup-header .datagrid-expand-btn .icon.plus-minus::after {
    left: auto;
    right: -4px; }

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

html[dir='rtl'] .datagrid td.is-editing .datepicker ~ .icon {
  margin-right: -8px; }

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-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: 0 !important;
  margin-left: 0;
  width: 37px !important; }
  html[dir='rtl'] .datagrid-filter-wrapper .btn-filter .icon-dropdown {
    margin-left: 0;
    padding-right: 0;
    right: -7px; }

html[dir='rtl'] .datagrid-filter-wrapper input {
  left: 0 !important;
  right: 5px; }

html[dir='rtl'] .datagrid-filter-wrapper .dropdown-wrapper {
  left: 0 !important;
  right: 6px; }

html[dir='rtl'] .datagrid-filter-wrapper .dropdown + .icon {
  margin-left: 0 !important;
  margin-right: -9px; }

html[dir='rtl'] .datagrid-filter-wrapper .datepicker + .icon {
  margin-left: 0;
  margin-right: -15px; }

html[dir='rtl'] th.l-center-text .btn-filter {
  left: 0;
  right: 9px; }

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

html[dir='rtl'] tr .datagrid-alert-text {
  padding-left: 0;
  padding-right: 10px; }

html[dir='rtl'] .short-rowheight .l-right-text .datagrid-header-text {
  margin-top: -4px !important; }

html[dir='rtl'] .medium-rowheight .l-right-text .datagrid-header-text {
  margin-top: -2px !important; }

html[dir='rtl'] .datagrid-header .sort-indicator {
  margin: auto 3px 0; }

html[dir='rtl'] .datagrid-header .required::after {
  content: ''; }

html[dir='rtl'] .datagrid-header .required::before {
  font-size: 18px;
  font-size: 1.8rem;
  color: #e84f4f;
  content: '*';
  display: inline-block;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 3px;
  color: #ffffff;
  left: -2px;
  top: 0; }

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.has-vertical-scroll.is-windows .datagrid-header {
  margin-left: 18px;
  margin-right: 0; }

html[dir='rtl'].ie-edge .datagrid-container.has-vertical-scroll.is-windows .datagrid-header {
  margin-left: 12px;
  margin-right: 0; }

.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 #383838;
    top: -9px; }
  .has-draggable-columns .drag-target-arrows::after {
    border-bottom: 5px solid #383838;
    bottom: -9px; }

.has-draggable-columns th .handle,
.has-draggable-columns th .is-draggable-target {
  display: none;
  font-size: 3.1rem;
  height: 39px;
  left: 0;
  margin: 0;
  padding: 1px 0 0 5px;
  position: absolute;
  top: 0; }
  .has-draggable-columns th .handle.is-draggable-target.last,
  .has-draggable-columns th .is-draggable-target.is-draggable-target.last {
    left: auto;
    right: -8px; }
  .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 {
    color: #999999;
    cursor: move;
    width: 18px;
    z-index: 1; }
    .has-draggable-columns th .handle.handle:hover,
    .has-draggable-columns th .is-draggable-target.handle:hover {
      color: #ffffff; }

.has-draggable-columns th.is-dragging {
  background-color: #9c9fa7; }

.has-draggable-columns th.is-dragging-clone {
  max-width: 125px;
  min-width: 100px !important;
  position: fixed;
  z-index: 2; }
  .has-draggable-columns th.is-dragging-clone .datagrid-header-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -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: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; }

.is-mac.is-firefox .has-draggable-columns th .handle {
  padding: 6px 0 0 7px; }

.is-mac.is-firefox .has-draggable-columns.short-rowheight th .handle {
  padding: 3px 0 0 1.5px; }

.is-mac.is-firefox .has-draggable-columns.medium-rowheight th .handle {
  padding: 3px 0 0 3px; }

.is-mac.is-firefox .datagrid tr .tag {
  line-height: 24px; }

.is-mac.is-firefox .datagrid-filter-wrapper .dropdown {
  padding-top: 4px !important; }

.datagrid-contextual-toolbar.contextual-toolbar.toolbar {
  padding: 0 5px 0 20px; }

.datagrid-contextual-toolbar.contextual-toolbar .buttonset {
  height: 40px; }

.datagrid-contextual-toolbar.contextual-toolbar .title {
  left: -8px; }

.datagrid-contextual-toolbar.contextual-toolbar.do-resize .title {
  left: 13px; }

.datagrid-columns-dialog .label-text {
  font-size: 14px;
  font-size: 1.4rem; }

.datagrid-columns-dialog label.inline {
  line-height: 30px; }

.datagrid-columns-dialog .label {
  margin: 0; }

.datagrid-columns-dialog li {
  height: 30px;
  padding: 0 15px; }
  .datagrid-columns-dialog li:first-child {
    margin-top: 3px; }

.datagrid-columns-dialog .listview-search {
  min-width: 360px; }

.datagrid-filter-dropdown .dropdown-search {
  height: 28px;
  padding: 4px 32px 1px 7px; }

.datagrid-filter-dropdown .trigger .icon {
  height: 24px;
  left: 4px;
  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 {
  border-right-color: transparent; }

.datagrid-summary-row .datagrid-summary-totals {
  margin-left: -10px;
  padding-right: 10px; }

.card .datagrid-container.short-rowheight.paginated,
.widget .datagrid-container.short-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: 278px;
  min-height: 278px; }

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

.card.has-datagrid .pager-count,
.widget.has-datagrid .pager-count {
  vertical-align: middle; }

.modal table {
  width: auto; }

.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 {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #ffffff;
  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; }

.table-errors {
  display: inline-block;
  height: 35px;
  margin-left: 10px;
  position: relative;
  top: -9px; }

.ios .datagrid:not(.short-rowheight):not(.medium-rowheight) .icon-error,
.ios .datagrid:not(.short-rowheight):not(.medium-rowheight) .icon-confirm,
.ios .datagrid:not(.short-rowheight):not(.medium-rowheight) .icon-pending {
  top: 15px !important; }

.is-safari a.btn-icon.row-btn {
  top: -4px; }

.ie .datagrid-body tbody tr td .datagrid-cell-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none; }

.ie .datagrid-body tbody tr.is-active-row {
  outline: 0; }
  .ie .datagrid-body tbody tr.is-active-row td .datagrid-cell-wrapper {
    border-color: #368ac0;
    border-style: solid;
    border-width: 1px 0; }
  .ie .datagrid-body tbody tr.is-active-row td:first-child .datagrid-cell-wrapper {
    border-width: 1px 0 1px 1px; }
  .ie .datagrid-body tbody tr.is-active-row td:last-child .datagrid-cell-wrapper {
    border-width: 1px 1px 1px 0; }

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

.subheader {
  -webkit-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #1d5f8a;
  display: block;
  height: 60px;
  overflow: hidden;
  width: 100%; }
  .subheader .searchfield-wrapper {
    height: inherit;
    margin-bottom: 0; }
    .subheader .searchfield-wrapper.has-focus {
      box-shadow: none; }
  .subheader .go-button {
    background-color: #54a1d3;
    border-color: #54a1d3;
    color: #ffffff; }
    .subheader .go-button:hover, .subheader .go-button:active, .subheader .go-button:focus, .subheader .go-button:focus:active {
      background-color: #368ac0;
      border-color: #368ac0; }
    .subheader .go-button:not(.hide-focus) {
      box-shadow: 0 0 0 1px #f0f0f0, 0 0 0 2px #368ac0, 0 0 4px 3px rgba(54, 138, 192, 0.3); }

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

.header .full-searchfield-container,
.subheader .full-searchfield-container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 1.4rem 4rem 0;
  vertical-align: middle; }
  .header .full-searchfield-container .hyperlink,
  .subheader .full-searchfield-container .hyperlink {
    font-size: 14px;
    font-size: 1.4rem;
    color: #ffffff;
    float: right; }
    .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 {
      border-color: #ffffff; }

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

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

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

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

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

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

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

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

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

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

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

.spinbox {
  border-radius: 0;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 400;
  height: 34px;
  padding: 9px;
  text-align: center;
  width: 84px; }
  .spinbox:focus {
    box-shadow: none; }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.field > .spinbox {
  margin-bottom: 0; }

.field > .spinbox-wrapper {
  font-size: 0px;
  font-size: 0rem;
  position: relative;
  vertical-align: top; }

.spinbox-control {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-size: 1.4rem;
  backface-visibility: hidden;
  background-color: transparent;
  border: 1px solid #999999;
  border-collapse: separate;
  color: #5c5c5c;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  height: 34px;
  line-height: normal;
  overflow: hidden;
  padding: 7px 10px;
  position: relative;
  resize: none;
  text-align: center;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  width: 33px; }
  .spinbox-control.up {
    border-bottom-right-radius: 2px;
    border-left: 0;
    border-top-right-radius: 2px; }
  .spinbox-control.down {
    border-bottom-left-radius: 2px;
    border-right: 0;
    border-top-left-radius: 2px; }
  .spinbox-control:hover {
    color: #1a1a1a; }
  .spinbox-control.is-active {
    color: #1a1a1a; }
  .spinbox-control.is-disabled {
    background-color: rgba(0, 0, 0, 0);
    border-color: #bdbdbd;
    color: #999999;
    cursor: default;
    -webkit-text-fill-color: #999999; }

.spinbox-wrapper {
  display: inline-block; }
  .spinbox-wrapper > * {
    vertical-align: middle; }
  .spinbox-wrapper .icon-error {
    margin-right: auto;
    right: 38px;
    top: 0; }
  .spinbox-wrapper + .icon-error {
    margin-top: -15px; }
  .spinbox-wrapper.is-focused {
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
    .spinbox-wrapper.is-focused > .spinbox-control {
      border-color: #368ac0; }
      .spinbox-wrapper.is-focused > .spinbox-control.is-active {
        border-color: #368ac0;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
      .spinbox-wrapper.is-focused > .spinbox-control.is-disabled {
        background-color: rgba(0, 0, 0, 0);
        border-color: #bdbdbd;
        color: #999999;
        cursor: default;
        -webkit-text-fill-color: #999999; }
  .spinbox-wrapper.is-disabled > .spinbox-control {
    background-color: rgba(0, 0, 0, 0);
    border-color: #bdbdbd;
    color: #999999;
    cursor: default;
    -webkit-text-fill-color: #999999; }
  .spinbox-wrapper.is-readonly > .spinbox-control {
    background-color: #d8d8d8;
    color: #999999;
    cursor: default;
    -webkit-text-fill-color: #999999; }
  .spinbox-wrapper .ripple-effect {
    background-color: #8dc9e6; }

.field-short .spinbox-wrapper {
  margin-bottom: 0; }

.field-short .spinbox {
  height: inherit;
  margin-bottom: 0; }

.field-short .spinbox-control {
  height: inherit;
  padding: 4px 7px;
  width: 25px; }

html[dir='rtl'] .spinbox-control.up {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-left: 1px solid #999999;
  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 #999999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px; }

html[dir='rtl'] .spinbox-control.is-disabled {
  border-color: #bdbdbd; }

html[dir='rtl'] .spinbox-wrapper .icon-error {
  left: 40px;
  right: auto; }

html[dir='rtl'] .spinbox-wrapper.is-focused > .spinbox-control {
  border-color: #368ac0; }
  html[dir='rtl'] .spinbox-wrapper.is-focused > .spinbox-control.is-active {
    border-color: #368ac0; }
  html[dir='rtl'] .spinbox-wrapper.is-focused > .spinbox-control.is-disabled {
    border-color: #bdbdbd; }

html[dir='rtl'] .spinbox-wrapper.is-disabled > .spinbox-control {
  border-color: #bdbdbd; }

.ie11 .field-short .spinbox-control {
  height: 25px; }

.popupmenu.autocomplete {
  border: 1px solid #368ac0;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #999999;
  box-shadow: 0 2px 5px 2px rgba(54, 138, 192, 0.3);
  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.3); }
  .popupmenu.autocomplete li {
    color: #1a1a1a; }
    .popupmenu.autocomplete li:hover {
      background-color: #d8d8d8; }
    .popupmenu.autocomplete li.is-selected {
      background-color: #368ac0;
      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 #368ac0;
  border-bottom: 1px solid #999999;
  border-radius: 3px 3px 0 0; }
  input.autocomplete.is-open.is-ontop {
    border: 1px solid #368ac0;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #999999;
    box-shadow: 0 -2px 5px 2px rgba(54, 138, 192, 0.3); }

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

.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.datetime {
    padding-right: 30px;
    width: auto; }
  .datepicker + .icon,
  .datepicker + .tooltip-description + .icon {
    cursor: pointer;
    fill: #5c5c5c;
    height: 16px;
    margin-left: -26px;
    margin-top: 8px;
    position: absolute;
    width: 16px;
    z-index: 1; }
    .datepicker + .icon:hover,
    .datepicker + .tooltip-description + .icon:hover {
      fill: #1a1a1a; }
    .datepicker + .icon:active,
    .datepicker + .tooltip-description + .icon:active {
      fill: #368ac0; }
  .datepicker.is-open {
    border-color: #368ac0; }
    .datepicker.is-open + .icon {
      fill: #368ac0; }
  .datepicker.error ~ .icon, .datepicker.error:hover ~ .icon {
    fill: #e84f4f !important; }
  .datepicker + .icon + .icon-error {
    margin-left: -50px; }
  .datepicker + .audible + .icon + .icon-error {
    margin-left: -50px; }
  .datepicker:disabled {
    border-color: #bdbdbd; }
    .datepicker:disabled + .icon {
      cursor: default;
      fill: #999999; }
  .datepicker[readonly] + .icon {
    cursor: default;
    fill: #5c5c5c; }

.calendar {
  background-color: #ffffff;
  display: inline-block;
  min-height: 300px;
  min-width: 297px;
  text-align: center;
  vertical-align: middle;
  width: 100%; }
  .calendar.is-monthyear {
    min-height: 0; }
    .calendar.is-monthyear .calendar-header {
      border-bottom: 0;
      margin-top: 7px; }
      .calendar.is-monthyear .calendar-header button.prev {
        right: 35px; }
      .calendar.is-monthyear .calendar-header button.next {
        right: 4px; }
    .calendar.is-monthyear .popup-footer {
      margin-top: 6px; }
      .calendar.is-monthyear .popup-footer button {
        width: 100%; }
  .calendar tr {
    text-align: center; }
  .calendar thead th {
    font-size: 22.4px;
    font-size: 1.4rem;
    color: #5c5c5c;
    margin: 20px;
    text-transform: uppercase;
    width: 35px; }
  .calendar td {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 40px;
    width: 39px; }
    .calendar td span {
      font-size: 22.4px;
      font-size: 1.4rem;
      border-radius: 50%;
      color: #5c5c5c;
      cursor: pointer;
      display: block;
      height: 36px;
      line-height: 36px;
      margin: 1px;
      transition: .2s background-color ease;
      width: 36px; }
    .calendar td.is-selected.range {
      position: relative;
      z-index: 5; }
    .calendar td.range-prev.include-disabled span, .calendar td.range-next.include-disabled span, .calendar td.range-prev span, .calendar td.range-next span {
      background-color: #d8d8d8;
      position: relative;
      transition: none;
      z-index: 1; }
      .calendar td.range-prev.include-disabled span::before, .calendar td.range-next.include-disabled span::before, .calendar td.range-prev span::before, .calendar td.range-next span::before {
        content: '';
        display: inline-block;
        height: 36px;
        position: absolute;
        width: 43px;
        z-index: -1; }
    .calendar td.range-prev.include-disabled.is-disabled, .calendar td.range-next.include-disabled.is-disabled, .calendar td.range-prev.is-disabled, .calendar td.range-next.is-disabled {
      position: relative;
      z-index: 2; }
    .calendar td.range-prev.include-disabled:focus, .calendar td.range-next.include-disabled:focus, .calendar td.range-prev:focus, .calendar td.range-next:focus {
      border-color: transparent;
      box-shadow: none; }
    .calendar td.range-prev.include-disabled span, .calendar td.range-prev span {
      border-radius: 50% 0 0 50%; }
      .calendar td.range-prev.include-disabled span::before, .calendar td.range-prev span::before {
        background: radial-gradient(circle at 35px 50%, transparent 50%, #d8d8d8 50%);
        left: 100%; }
    .calendar td.range-prev.include-disabled:active, .calendar td.range-prev.include-disabled.is-selected, .calendar td.range-prev:active, .calendar td.range-prev.is-selected {
      z-index: 0; }
      .calendar td.range-prev.include-disabled:active span, .calendar td.range-prev.include-disabled.is-selected span, .calendar td.range-prev:active span, .calendar td.range-prev.is-selected span {
        border-radius: 50%; }
        .calendar td.range-prev.include-disabled:active span::before, .calendar td.range-prev.include-disabled.is-selected span::before, .calendar td.range-prev:active span::before, .calendar td.range-prev.is-selected span::before {
          background: radial-gradient(circle at 5px 50%, transparent 50%, #d8d8d8 50%);
          left: 35%; }
    .calendar td.range-prev.include-disabled:last-of-type span, .calendar td.range-prev:last-of-type span {
      border-radius: 50%; }
      .calendar td.range-prev.include-disabled:last-of-type span::before, .calendar td.range-prev:last-of-type span::before {
        background: none; }
    .calendar td.range-next.include-disabled span, .calendar td.range-next span {
      border-radius: 0 50% 50% 0; }
      .calendar td.range-next.include-disabled span::before, .calendar td.range-next span::before {
        background: radial-gradient(circle at 5px 50%, transparent 50%, #d8d8d8 50%);
        left: -100%; }
    .calendar td.range-next.include-disabled:active, .calendar td.range-next.include-disabled.is-selected, .calendar td.range-next:active, .calendar td.range-next.is-selected {
      z-index: 0; }
      .calendar td.range-next.include-disabled:active span, .calendar td.range-next.include-disabled.is-selected span, .calendar td.range-next:active span, .calendar td.range-next.is-selected span {
        border-radius: 50%; }
        .calendar td.range-next.include-disabled:active span::before, .calendar td.range-next.include-disabled.is-selected span::before, .calendar td.range-next:active span::before, .calendar td.range-next.is-selected span::before {
          background: radial-gradient(circle at 35px 50%, transparent 50%, #d8d8d8 50%);
          left: -50%; }
    .calendar td.range-next.include-disabled:first-of-type span, .calendar td.range-next:first-of-type span {
      border-radius: 50%; }
      .calendar td.range-next.include-disabled:first-of-type span::before, .calendar td.range-next:first-of-type span::before {
        background: none; }
    .calendar td.range-selection.include-disabled span, .calendar td.range-selection span {
      background-color: #368ac0;
      border-radius: 50% 0 0 50%;
      color: white;
      position: relative;
      transition: none;
      z-index: 1; }
      .calendar td.range-selection.include-disabled span::before, .calendar td.range-selection span::before {
        background: radial-gradient(circle at 35px 50%, transparent 50%, #368ac0 50%);
        content: '';
        display: inline-block;
        height: 36px;
        left: 100%;
        position: absolute;
        width: 43px;
        z-index: -1; }
    .calendar td.range-selection.include-disabled:hover span, .calendar td.range-selection:hover span {
      background-color: #368ac0;
      color: white; }
    .calendar td.range-selection.include-disabled.is-today span, .calendar td.range-selection.is-today span {
      background-color: #368ac0;
      color: white; }
    .calendar td.range-selection.include-disabled:focus, .calendar td.range-selection.include-disabled.is-selected:focus, .calendar td.range-selection:focus, .calendar td.range-selection.is-selected:focus {
      border-color: transparent;
      box-shadow: none; }
    .calendar td.range-selection.include-disabled + .range-selection.is-selected span, .calendar td.range-selection.include-disabled.end-date span, .calendar td.range-selection.include-disabled:last-of-type span, .calendar td.range-selection + .range-selection.is-selected span, .calendar td.range-selection.end-date span, .calendar td.range-selection:last-of-type span {
      border-radius: 50%; }
      .calendar td.range-selection.include-disabled + .range-selection.is-selected span::before, .calendar td.range-selection.include-disabled.end-date span::before, .calendar td.range-selection.include-disabled:last-of-type span::before, .calendar td.range-selection + .range-selection.is-selected span::before, .calendar td.range-selection.end-date span::before, .calendar td.range-selection:last-of-type span::before {
        background: none; }
    .calendar td.alternate span {
      color: #bdbdbd; }
    .calendar td.is-today span, .calendar td.is-today:focus span {
      color: #1a1a1a;
      font-weight: bold; }
    .calendar td.is-today.is-selected,
    .calendar td.is-today.is-selected span, .calendar td.is-today:focus.is-selected,
    .calendar td.is-today:focus.is-selected span {
      color: white; }
    .calendar td:hover span {
      background-color: #d8d8d8; }
    .calendar td.is-colored.is-selected span {
      height: 34px;
      line-height: 34px;
      margin: 2px;
      width: 34px; }
    .calendar td.is-disabled, .calendar td.is-disabled:active {
      -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;
      outline-style: none; }
      .calendar td.is-disabled span, .calendar td.is-disabled:active span {
        background-color: #f0f0f0;
        border-radius: 50%;
        color: #bdbdbd;
        cursor: default;
        position: relative;
        z-index: 1; }
        .calendar td.is-disabled span::before, .calendar td.is-disabled:active span::before {
          background: none; }
    .calendar td.is-selected span, .calendar td.is-selected:hover span {
      background-color: #368ac0;
      color: white; }
    .calendar td:focus {
      border-color: #368ac0;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
      outline: none;
      -moz-outline-style: none; }
    .calendar td:active span {
      background-color: #368ac0;
      color: white; }
  .calendar.is-timepicker td:focus {
    border-color: #368ac0; }
  .calendar .datepicker-timepicker {
    border: 0;
    box-shadow: none;
    left: 0;
    margin-bottom: -40px;
    position: relative;
    top: -108px;
    width: 300px; }
  .calendar .calendar-table {
    margin: 17px auto 0;
    padding: 0 10px;
    width: 100%; }
    .calendar .calendar-table thead {
      height: 20px;
      vertical-align: top; }

.calendar-header {
  border-bottom: 1px solid #bdbdbd;
  height: 49px;
  line-height: 50px;
  position: relative;
  text-align: left;
  text-indent: 18px; }
  .calendar-header button {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin: 0;
    min-height: 30px;
    min-width: 30px;
    position: absolute;
    top: 8px;
    transition: border-color .3s ease;
    width: 30px; }
    .calendar-header button .icon {
      height: 24px;
      width: 24px; }
    .calendar-header button.prev {
      right: 44px; }
    .calendar-header button.next {
      right: 8px; }
  .calendar-header .month,
  .calendar-header .year {
    font-size: 18px;
    font-size: 1.8rem;
    color: #1a1a1a; }
  .calendar-header .dropdown-wrapper {
    text-indent: 0;
    width: 120px; }
  .calendar-header #year-dropdown + .dropdown-wrapper {
    left: 10px;
    width: 80px; }

.calendar-legend {
  margin: 0 auto;
  max-width: 300px;
  padding: 10px 5px 0; }
  .calendar-legend .calendar-legend-item {
    display: inline-block; }
  .calendar-legend .calendar-legend-text {
    font-size: 11px;
    font-size: 1.1rem;
    color: #5c5c5c;
    padding: 0 17px 0 8px;
    position: relative;
    top: -2px; }
  .calendar-legend .calendar-legend-swatch {
    display: inline-block;
    height: 12px;
    width: 12px; }

#calendar-popup {
  border-radius: 2px;
  max-width: inherit; }
  #calendar-popup .tooltip-content {
    padding: 0; }

.field-short .datepicker {
  padding-right: 24px; }
  .field-short .datepicker + .icon {
    height: 13px;
    margin-left: -22px;
    margin-top: 6px; }

html[dir='rtl'] .datepicker + .icon,
html[dir='rtl'] .datepicker + .tooltip-description + .icon {
  margin-left: inherit;
  margin-right: -24px; }

html[dir='rtl'] .datepicker + .icon + .icon-error {
  margin-left: inherit;
  margin-right: -50px; }

html[dir='rtl'] .datepicker + .audible + .icon + .icon-error {
  margin-left: inherit;
  margin-right: -50px; }

html[dir='rtl'] .calendar-header {
  padding-right: 0;
  text-align: right; }
  html[dir='rtl'] .calendar-header .month {
    padding-left: 5px;
    padding-right: 15px; }
  html[dir='rtl'] .calendar-header #year-dropdown + .dropdown-wrapper {
    left: 0;
    right: 5px; }
  html[dir='rtl'] .calendar-header button {
    left: 0;
    right: auto; }
    html[dir='rtl'] .calendar-header button.prev {
      margin: 3px 0 0 5px; }
      html[dir='rtl'] .calendar-header button.prev svg {
        left: auto;
        right: 0; }
    html[dir='rtl'] .calendar-header button.next {
      left: 30px;
      margin: 3px 5px 0 0;
      right: auto; }
      html[dir='rtl'] .calendar-header button.next svg {
        left: auto;
        right: 0; }

html[dir='rtl'] .calendar td.range-prev.include-disabled span, html[dir='rtl'] .calendar td.range-prev span {
  border-radius: 0 50% 50% 0; }
  html[dir='rtl'] .calendar td.range-prev.include-disabled span::before, html[dir='rtl'] .calendar td.range-prev span::before {
    background: radial-gradient(circle at 5px 50%, transparent 50%, #d8d8d8 50%);
    left: -100%; }

html[dir='rtl'] .calendar td.range-prev.include-disabled.is-selected span, html[dir='rtl'] .calendar td.range-prev.is-selected span {
  border-radius: 50%; }
  html[dir='rtl'] .calendar td.range-prev.include-disabled.is-selected span::before, html[dir='rtl'] .calendar td.range-prev.is-selected span::before {
    background: radial-gradient(circle at 35px 50%, transparent 50%, #d8d8d8 50%);
    left: 35%; }

html[dir='rtl'] .calendar td.range-prev.include-disabled:last-of-type span, html[dir='rtl'] .calendar td.range-prev:last-of-type span {
  border-radius: 50%; }
  html[dir='rtl'] .calendar td.range-prev.include-disabled:last-of-type span::before, html[dir='rtl'] .calendar td.range-prev:last-of-type span::before {
    background: none; }

html[dir='rtl'] .calendar td.range-next.include-disabled span, html[dir='rtl'] .calendar td.range-next span {
  border-radius: 50% 0 0 50%; }
  html[dir='rtl'] .calendar td.range-next.include-disabled span::before, html[dir='rtl'] .calendar td.range-next span::before {
    background: radial-gradient(circle at 35px 50%, transparent 50%, #d8d8d8 50%);
    left: 100%; }

html[dir='rtl'] .calendar td.range-next.include-disabled.is-selected span, html[dir='rtl'] .calendar td.range-next.is-selected span {
  border-radius: 50%; }
  html[dir='rtl'] .calendar td.range-next.include-disabled.is-selected span::before, html[dir='rtl'] .calendar td.range-next.is-selected span::before {
    background: radial-gradient(circle at 5px 50%, transparent 50%, #d8d8d8 50%);
    left: -50%; }

html[dir='rtl'] .calendar td.range-next.include-disabled:first-of-type span, html[dir='rtl'] .calendar td.range-next:first-of-type span {
  border-radius: 50%; }
  html[dir='rtl'] .calendar td.range-next.include-disabled:first-of-type span::before, html[dir='rtl'] .calendar td.range-next:first-of-type span::before {
    background: none; }

html[dir='rtl'] .calendar td.range-selection.include-disabled span, html[dir='rtl'] .calendar td.range-selection span {
  border-radius: 0 50% 50% 0; }
  html[dir='rtl'] .calendar td.range-selection.include-disabled span::before, html[dir='rtl'] .calendar td.range-selection span::before {
    background: radial-gradient(circle at 5px 50%, transparent 50%, #368ac0 50%);
    left: -100%; }

html[dir='rtl'] .calendar td.range-selection.include-disabled + .range-selection.is-selected span, html[dir='rtl'] .calendar td.range-selection.include-disabled.end-date span, html[dir='rtl'] .calendar td.range-selection.include-disabled:last-of-type span, html[dir='rtl'] .calendar td.range-selection + .range-selection.is-selected span, html[dir='rtl'] .calendar td.range-selection.end-date span, html[dir='rtl'] .calendar td.range-selection:last-of-type span {
  border-radius: 50%; }
  html[dir='rtl'] .calendar td.range-selection.include-disabled + .range-selection.is-selected span::before, html[dir='rtl'] .calendar td.range-selection.include-disabled.end-date span::before, html[dir='rtl'] .calendar td.range-selection.include-disabled:last-of-type span::before, html[dir='rtl'] .calendar td.range-selection + .range-selection.is-selected span::before, html[dir='rtl'] .calendar td.range-selection.end-date span::before, html[dir='rtl'] .calendar td.range-selection:last-of-type span::before {
    background: none; }

html[dir='rtl'] .calendar-footer button {
  border-left: 1px solid transparent;
  border-right: 1px solid #bdbdbd;
  float: right;
  margin: 0; }
  html[dir='rtl'] .calendar-footer button:nth-child(1) {
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid transparent; }

html[dir='rtl'] .field-short .datepicker {
  padding-left: 24px;
  padding-right: 2px; }
  html[dir='rtl'] .field-short .datepicker + .icon {
    margin-left: inherit;
    margin-right: -20px; }

.ie9 .datepicker + .icon,
.ie10 .datepicker + .icon,
.ie11 .datepicker + .icon {
  background-color: rgba(255, 255, 255, 0); }

.ie9 .calendar-header,
.ie10 .calendar-header,
.ie11 .calendar-header {
  line-height: normal;
  padding-left: 18px;
  text-indent: inherit; }
  .ie9 .calendar-header .month,
  .ie9 .calendar-header .year,
  .ie10 .calendar-header .month,
  .ie10 .calendar-header .year,
  .ie11 .calendar-header .month,
  .ie11 .calendar-header .year {
    position: relative;
    top: 15px; }
  .ie9 .calendar-header .btn-icon,
  .ie10 .calendar-header .btn-icon,
  .ie11 .calendar-header .btn-icon {
    top: 11px; }

.ie9 .is-monthyear .month,
.ie9 .is-monthyear .year,
.ie10 .is-monthyear .month,
.ie10 .is-monthyear .year,
.ie11 .is-monthyear .month,
.ie11 .is-monthyear .year {
  line-height: normal;
  position: relative;
  top: 7px; }

.ie9 .is-monthyear .calendar-header,
.ie10 .is-monthyear .calendar-header,
.ie11 .is-monthyear .calendar-header {
  margin-bottom: -8px;
  margin-top: 12px; }
  .ie9 .is-monthyear .calendar-header button,
  .ie10 .is-monthyear .calendar-header button,
  .ie11 .is-monthyear .calendar-header button {
    top: 4px; }

.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;
  z-index: 7000; }
  .draggable.animated {
    transition: all .2s ease; }

.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 #368ac0;
  cursor: e-resize;
  height: inherit;
  left: 48px;
  position: absolute;
  top: 0;
  width: 2px; }

[data-sort-exclude="true"] {
  opacity: .5; }

.arrange-placeholder {
  border: 1px dashed #999999; }

.arrange-dragging.is-touch {
  position: fixed; }

.colorpicker-container {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  border-radius: 2px;
  display: inline-block;
  overflow: hidden;
  width: 150px; }
  .colorpicker-container.is-focused {
    border-color: #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
  .colorpicker-container:hover:not(.is-focused):not(.is-open):not(.is-disabled) {
    border-color: #383838; }
  .colorpicker-container.error {
    border-color: #e84f4f; }
  .colorpicker-container.is-disabled {
    background-color: rgba(0, 0, 0, 0);
    border-color: #bdbdbd; }
    .colorpicker-container.is-disabled:hover {
      border-color: #bdbdbd; }
    .colorpicker-container.is-disabled .icon:not(.icon-error),
    .colorpicker-container.is-disabled .icon:hover {
      cursor: default;
      fill: #999999 !important; }
  .colorpicker-container.color-only {
    width: 70px; }
    .colorpicker-container.color-only input {
      width: 0; }
    .colorpicker-container.color-only .trigger {
      margin-left: -15px; }
  .colorpicker-container.is-readonly {
    background-color: #d8d8d8;
    border-color: #999999; }
    .colorpicker-container.is-readonly.is-not-editable {
      background-color: rgba(0, 0, 0, 0);
      border-color: #999999; }
      .colorpicker-container.is-readonly.is-not-editable input[readonly] {
        background-color: rgba(0, 0, 0, 0);
        border-color: #999999; }
      .colorpicker-container.is-readonly.is-not-editable input[readonly]:focus {
        color: transparent;
        text-shadow: 0px 0px 0px #666; }
      .colorpicker-container.is-readonly.is-not-editable .icon:not(.icon-error),
      .colorpicker-container.is-readonly.is-not-editable .icon:hover {
        cursor: pointer;
        fill: #5c5c5c; }
    .colorpicker-container.is-readonly.is-focused {
      border-color: #368ac0 !important; }
    .colorpicker-container.is-readonly .icon:not(.icon-error),
    .colorpicker-container.is-readonly .icon:hover {
      cursor: default;
      fill: #999999; }
  .colorpicker-container.is-open {
    border-color: #368ac0; }
  .colorpicker-container .trigger {
    cursor: pointer;
    display: inline-block;
    height: 34px;
    margin-left: -5px;
    vertical-align: top;
    width: 31px; }
  .colorpicker-container .icon:not(.icon-error) {
    fill: #5c5c5c;
    height: 16px;
    left: 9px;
    position: relative;
    top: 9px;
    width: 16px; }
    .colorpicker-container .icon:not(.icon-error):hover {
      fill: #1a1a1a; }
  .colorpicker-container .icon-error {
    margin-left: -43px; }
  .colorpicker-container .swatch {
    background-color: #bdbdbd;
    border-radius: 2px;
    display: inline-block;
    height: 32px;
    left: 1px;
    position: relative;
    top: 1px;
    vertical-align: top;
    width: 32px; }
    .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 {
      fill: #368ac0; }
    .colorpicker-container .swatch:active .icon {
      fill: #368ac0; }
    .colorpicker-container .swatch.is-empty, .colorpicker-container .swatch.is-invalid {
      background-color: #ffffff;
      border: 1px solid #999999; }
      .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 #e84f4f;
        content: '';
        left: -5px;
        position: absolute;
        right: -5px;
        top: calc(50% - 1px); }
  .colorpicker-container .colorpicker {
    border: 0;
    max-height: 34px;
    padding: 9px 0 8px 10px;
    width: 90px; }
    .colorpicker-container .colorpicker::-ms-clear {
      display: none; }
    .colorpicker-container .colorpicker:focus {
      box-shadow: none; }
    .colorpicker-container .colorpicker:disabled + .swatch {
      cursor: default;
      opacity: .6; }
  .colorpicker-container .icon-dirty {
    margin: 2px 0 0 3px; }

.popupmenu.colorpicker {
  background-color: #ffffff;
  border-color: #999999;
  margin-left: -33px;
  max-width: 340px;
  min-height: 50px;
  min-width: 200px;
  padding: 18px; }
  .popupmenu.colorpicker li {
    display: inline-block;
    height: 20px;
    margin: 4px;
    width: 22px; }
    .popupmenu.colorpicker li a {
      border: 1px solid white;
      min-height: auto;
      padding: 0; }
      .popupmenu.colorpicker li a:focus {
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
        outline: 1px solid #368ac0; }
      .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: #737373 #737373 #737373 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: #999999;
    display: block;
    height: 20px;
    width: 20px; }
    .popupmenu.colorpicker .swatch.is-border {
      border: 1px solid #d8d8d8; }
    .popupmenu.colorpicker .swatch.is-empty, .popupmenu.colorpicker .swatch.is-invalid {
      background-color: #ffffff;
      border: 1px solid #d8d8d8; }
      .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 #e84f4f;
        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 {
  width: inherit; }
  .field-short .colorpicker-container .trigger {
    height: 22px;
    margin-left: -22px;
    width: 22px; }
    .field-short .colorpicker-container .trigger .icon:not(.icon-error) {
      left: 5px;
      top: 5px; }
  .field-short .colorpicker-container .swatch {
    height: 22px;
    width: 22px; }
    .field-short .colorpicker-container .swatch.is-empty, .field-short .colorpicker-container .swatch.is-invalid {
      background-color: #ffffff;
      border: 1px solid #999999; }
      .field-short .colorpicker-container .swatch.is-empty::before, .field-short .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 #e84f4f;
        content: '';
        left: -2px;
        position: absolute;
        right: -2px;
        top: calc(50% - 1px); }
  .field-short .colorpicker-container .colorpicker {
    height: inherit;
    line-height: 14px;
    padding: 5px 21px 5px 5px; }

html[dir='rtl'] .colorpicker-container .swatch {
  left: 0;
  right: 1px; }

html[dir='rtl'] .colorpicker-container .icon {
  left: 0; }

html[dir='rtl'] .colorpicker-container .icon-dirty {
  margin: 2px 3px 0 0; }

html[dir='rtl'] .field-short .colorpicker-container .trigger {
  left: 22px;
  position: relative; }
  html[dir='rtl'] .field-short .colorpicker-container .trigger .icon:not(.icon-error) {
    left: 0; }

html[dir='rtl'] .field-short .colorpicker-container .colorpicker {
  padding: 5px 5px 5px 21px; }

.timepicker {
  width: 150px; }
  .timepicker + .icon,
  .timepicker + .tooltip-description + .icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    fill: #5c5c5c;
    height: 18px;
    margin-left: -32px;
    margin-top: 9px;
    position: absolute; }
    .timepicker + .icon:hover,
    .timepicker + .tooltip-description + .icon:hover {
      fill: #1a1a1a; }
    .timepicker + .icon:active,
    .timepicker + .tooltip-description + .icon:active {
      fill: #368ac0; }
  .timepicker ~ .icon-error {
    margin-left: -51px;
    right: auto !important; }
  .timepicker.error ~ .icon {
    fill: #e84f4f; }
  .timepicker.is-open {
    border-color: #368ac0; }
    .timepicker.is-open + .icon {
      fill: #368ac0; }
  .timepicker + .icon + .icon-error {
    right: 50px; }
  .timepicker + .audible + .icon + .icon-error {
    right: 55px; }
  .timepicker:disabled {
    border-color: #bdbdbd; }
    .timepicker:disabled + .icon {
      cursor: default;
      fill: #999999; }
  .timepicker[readonly] + .icon {
    cursor: default;
    fill: #5c5c5c; }

.ie9 .timepicker + .icon,
.ie10 .timepicker + .icon {
  background-color: rgba(255, 255, 255, 0); }

#timepicker-period + .dropdown-wrapper .dropdown {
  width: 68px; }

#timepicker-popup {
  max-width: none; }
  #timepicker-popup > .tooltip-content {
    padding: 0; }
  #timepicker-popup .time-parts {
    padding: 15px;
    text-align: center;
    white-space: nowrap; }
    #timepicker-popup .time-parts > label {
      width: 72px; }
    #timepicker-popup .time-parts .colons {
      font-size: 22.4px;
      font-size: 1.4rem;
      font-weight: bold;
      min-width: 15px; }
      #timepicker-popup .time-parts .colons:empty {
        min-width: 10px; }
  #timepicker-popup .dropdown-wrapper {
    margin-bottom: 0; }
  #timepicker-popup .dropdown {
    width: 60px; }
    #timepicker-popup .dropdown.period + .dropdown-wrapper .dropdown {
      width: 63px; }
    #timepicker-popup .dropdown + .icon {
      height: 31px;
      right: 6px;
      top: 1px; }
  #timepicker-popup .label {
    display: inline-block;
    padding: 0 2px; }
  #timepicker-popup .modal-buttonset {
    margin: 0; }

.field-short .timepicker {
  padding-right: 18px; }
  .field-short .timepicker + .icon,
  .field-short .timepicker + .tooltip-description + .icon {
    height: 14px;
    margin-left: -24px;
    margin-top: 6px; }
  .field-short .timepicker ~ .icon-error {
    margin-left: -40px; }

html[dir='rtl'] .timepicker + .icon,
html[dir='rtl'] .timepicker + .tooltip-description + .icon {
  margin-left: inherit;
  margin-right: -32px; }

html[dir='rtl'] .timepicker + .icon + .icon-error {
  right: auto; }

html[dir='rtl'] .timepicker + .audible + .icon + .icon-error {
  margin-right: -48px;
  right: auto; }

html[dir='rtl'] .timepicker-popup .dropdown + .icon {
  left: 10px;
  right: auto; }

html[dir='rtl'] .field-short .timepicker {
  padding-left: 18px;
  padding-right: 2px; }
  html[dir='rtl'] .field-short .timepicker + .icon,
  html[dir='rtl'] .field-short .timepicker + .tooltip-description + .icon {
    margin-left: inherit;
    margin-right: -22px; }
  html[dir='rtl'] .field-short .timepicker ~ .icon-error {
    margin-left: inherit;
    margin-right: -38px !important; }

.busy-indicator-container {
  opacity: 1;
  filter: alpha(opacity=100);
  -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 {
    opacity: 0;
    filter: alpha(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: #368ac0;
    display: block; }

.busy-indicator {
  opacity: 1;
  filter: alpha(opacity=100);
  display: inline-block;
  height: 64px;
  margin: 2px;
  position: relative;
  vertical-align: middle;
  width: 64px; }
  .busy-indicator.is-hidden {
    opacity: 0;
    filter: alpha(opacity=0); }
  .busy-indicator .bar {
    background-color: #368ac0;
    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 {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
  background-color: #f0f0f0;
  position: absolute;
  visibility: visible; }
  .busy.overlay.transparent {
    background-color: transparent; }
  .busy.overlay.is-hidden {
    opacity: 0;
    filter: alpha(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 {
    opacity: 0.5;
    filter: alpha(opacity=50); }
    input + .busy-indicator-container + .busy.overlay.is-hidden,
    .dropdown-wrapper > .busy-indicator-container + .busy.overlay.is-hidden {
      opacity: 0;
      filter: alpha(opacity=0); }
  input + .busy-indicator-container .busy-indicator,
  .dropdown-wrapper > .busy-indicator-container .busy-indicator {
    background-color: transparent;
    height: 22px;
    margin: 6px 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; }

.inline + .busy-indicator-container .busy-indicator,
.inline .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  background-color: transparent;
  height: 22px;
  margin: 5px 1px 1px;
  position: absolute;
  right: 0;
  width: 40px; }
  .inline + .busy-indicator-container .busy-indicator .bar,
  .inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
    height: 24px;
    margin-right: 3px;
    width: 3px; }
    .inline + .busy-indicator-container .busy-indicator .bar:last-child,
    .inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
      margin-right: 0; }

.ie9 .busy-indicator .bar {
  -ms-transform: scaleY(0.6);
  -ms-transform-origin: 50% 50%; }
  .ie9 .busy-indicator .bar.half {
    -ms-transform: scaleY(0.8); }
  .ie9 .busy-indicator .bar.full {
    -ms-transform: scaleY(1); }

.is-firefox input + .busy-indicator-container,
.is-firefox .dropdown-wrapper > .busy-indicator-container {
  position: absolute; }
  .is-firefox input + .busy-indicator-container .busy-indicator,
  .is-firefox .dropdown-wrapper > .busy-indicator-container .busy-indicator {
    margin: 7px 5px 1px; }

.busy-xs {
  min-height: 20px;
  min-width: 20px; }
  .busy-xs .busy-indicator-container.blocked-ui {
    top: calc(50% - 8px); }
  .busy-xs .busy-indicator {
    height: inherit;
    margin: 2px;
    width: inherit; }
    .busy-xs .busy-indicator .bar {
      height: 12px;
      margin-right: 2px;
      width: 2px; }
      .busy-xs .busy-indicator .bar:last-child {
        margin-right: 0; }

.busy-sm {
  min-height: 28px;
  min-width: 40px; }
  .busy-sm .busy-indicator-container.blocked-ui {
    top: calc(50% - 18px); }
  .busy-sm .busy-indicator {
    height: inherit;
    margin: 4px;
    width: inherit; }
    .busy-sm .busy-indicator .bar {
      height: 22px;
      margin-right: 3px;
      width: 3px; }
      .busy-sm .busy-indicator .bar:last-child {
        margin-right: 0; }

body {
  opacity: 1;
  transition: opacity .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; }

.toast-container {
  max-width: 60%;
  position: fixed;
  z-index: 8000; }
  .toast-container.toast-bottom-right {
    bottom: 10px;
    right: 10px; }
  .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 {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  box-shadow: none;
  color: #5c5c5c;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  width: auto; }
  .toast .toast-title {
    color: #1a1a1a;
    display: block;
    font-weight: bold;
    margin-top: 19px;
    padding-right: 20px; }
  .toast .toast-message {
    display: block;
    margin-bottom: 19px;
    margin-top: 8px;
    padding-right: 20px; }
  .toast.audible {
    opacity: 0; }
  .toast .btn-close {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: -2px;
    top: 7px;
    width: 20px; }
    .toast .btn-close .icon {
      height: 14px;
      width: 14px; }

.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: #368ac0;
  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 {
  padding: 10px 10px 10px 30px; }
  html[dir='rtl'] .toast .toast-message {
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 0; }
  html[dir='rtl'] .toast .toast-title {
    margin-top: 9px;
    padding-right: 0; }
  html[dir='rtl'] .toast .btn-close {
    left: 0;
    right: auto; }

html[dir='rtl'] .toast-progress {
  left: auto;
  right: 0; }

.searchfield-wrapper {
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), 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: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), 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: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), 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: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), 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: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), 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 > .icon {
    background-color: rgba(255, 255, 255, 0);
    fill: #5c5c5c;
    height: 14px;
    position: absolute;
    top: 10px; }
    .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
      left: 8px;
      pointer-events: none; }
    .searchfield-wrapper > .icon.close {
      right: 5px;
      top: 11px; }
    .searchfield-wrapper > .icon.icon-error {
      fill: #e84f4f;
      left: auto;
      right: auto;
      top: auto; }
  .searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg {
    fill: #1a1a1a; }
  .searchfield-wrapper .icon-dropdown {
    margin-left: 5px; }
  .searchfield-wrapper .searchfield {
    padding-left: 34px;
    padding-right: 34px;
    -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.context {
    white-space: nowrap;
    width: 100%;
    /*
    &.is-hovered {
      .btn {
        border-color: $searchfield-context-border-color;
        color: $input-hover-border-color;

        .icon {
          fill: $input-hover-border-color;
        }
      }

      &.has-categories.show-category .searchfield {
        border-color: $searchfield-context-border-color;
      }
    }
    */ }
    .searchfield-wrapper.context > .searchfield {
      background-color: #f0f0f0;
      border-bottom: 1px solid #bdbdbd;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      padding-left: 32px;
      width: 100%; }
      .searchfield-wrapper.context > .searchfield.is-open {
        box-shadow: 0 3px 5px 0 rgba(189, 189, 189, 0.7); }
      .searchfield-wrapper.context > .searchfield.input-xl {
        height: 60px; }
    .searchfield-wrapper.context > .icon {
      fill: #999999;
      top: 9px; }
      .searchfield-wrapper.context > .icon:not(.close) {
        left: 6px;
        right: auto; }
      .searchfield-wrapper.context > .icon.close {
        right: 6px; }
    .searchfield-wrapper.context.popup-is-open > .icon:not(.close) {
      fill: #2578a9; }
    .searchfield-wrapper.context .btn {
      background-color: #f0f0f0;
      border: 0;
      border-bottom: 1px solid #bdbdbd;
      height: 33px; }
      .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: #bdbdbd; }
    .searchfield-wrapper.context.has-categories > .searchfield {
      width: calc(100% - 39px); }
    .searchfield-wrapper.context.has-focus .btn {
      border-color: #368ac0; }
    .searchfield-wrapper.context.has-focus .searchfield {
      border-color: #368ac0; }
  .searchfield-wrapper.is-hovered .btn {
    border-color: #383838;
    color: #383838; }
    .searchfield-wrapper.is-hovered .btn .icon {
      fill: #383838; }
  .searchfield-wrapper.is-hovered .searchfield {
    border-color: #383838; }
  .searchfield-wrapper.is-hovered.has-categories .searchfield {
    border-left-color: transparent; }
  .searchfield-wrapper.has-focus:not(.toolbar-searchfield-wrapper) {
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
  .searchfield-wrapper.has-focus .btn {
    border-color: #368ac0; }
    .searchfield-wrapper.has-focus .btn:focus, .searchfield-wrapper.has-focus .btn:active {
      color: #368ac0; }
      .searchfield-wrapper.has-focus .btn:focus .icon, .searchfield-wrapper.has-focus .btn:active .icon {
        fill: #368ac0; }
  .searchfield-wrapper.has-focus .searchfield {
    border-color: #368ac0; }
  .searchfield-wrapper.has-focus input:focus {
    box-shadow: none; }
  .searchfield-wrapper.has-focus.has-categories .searchfield {
    border-left-color: transparent;
    box-shadow: none; }
  .searchfield-wrapper.has-focus.has-categories.show-category .searchfield {
    border-left-color: #368ac0; }
    .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-color: #999999;
    border-right: 0;
    border-top-right-radius: 0;
    color: #5c5c5c;
    font-weight: normal;
    height: 34px;
    margin: 0;
    min-width: 0;
    padding: 0 0 0 10px;
    position: relative;
    text-transform: none; }
    .searchfield-wrapper .btn + .searchfield {
      border-bottom-left-radius: 0;
      border-left: 1px solid transparent;
      border-top-left-radius: 0;
      padding-left: 10px; }
    .searchfield-wrapper .btn .icon {
      fill: #5c5c5c;
      width: 14px; }
    .searchfield-wrapper .btn:focus {
      box-shadow: none; }
    .searchfield-wrapper .btn.is-open {
      color: #368ac0; }
      .searchfield-wrapper .btn.is-open .icon {
        fill: #368ac0; }
  .searchfield-wrapper.has-categories > * {
    vertical-align: top; }
  .searchfield-wrapper.has-categories.show-category .btn {
    padding-right: 10px; }
  .searchfield-wrapper.has-categories.show-category .searchfield {
    border-left: 1px solid #999999; }
    .searchfield-wrapper.has-categories.show-category .searchfield:focus {
      box-shadow: none; }
  .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 .category {
  padding-left: 0;
  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(189, 189, 189, 0.7);
  background-color: #f0f0f0;
  border: 0;
  border-top: 1px solid #2578a9; }
  .popupmenu.autocomplete.context.alternate {
    background-color: #ffffff; }

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 {
  border-left: 0;
  padding-left: 0;
  padding-right: 10px; }

html[dir='rtl'] .searchfield-wrapper.has-categories .searchfield {
  border-right: 0; }

html[dir='rtl'] .searchfield-wrapper.has-categories:not(.context) .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-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-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir='rtl'] .searchfield-wrapper.has-categories:not(.context).show-category .searchfield {
  border-right: 1px solid #999999; }

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

html[dir='rtl'] .searchfield-wrapper.has-categories.show-category .btn {
  padding-right: 10px;
  padding-left: 10px; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-categories .btn {
  border-right: 1px solid #999999; }

html[dir='rtl'] .searchfield-wrapper:not(.toolbar-searchfield-wrapper):not(.context).has-categories .searchfield {
  border-left: 1px solid #999999; }

@media (max-width: 610px) {
  .toolbar .searchfield {
    text-overflow: clip; }
    .toolbar .searchfield::-webkit-input-placeholder {
      color: transparent !important; }
    .toolbar .searchfield::-moz-placeholder {
      color: transparent !important; }
    .toolbar .searchfield:-ms-input-placeholder {
      color: transparent !important; } }

.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 > .separator,
    .formatter-toolbar .buttonset > .separator {
      background-color: #999999;
      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;
    display: none;
    text-align: right; }
    .toolbar .more > *,
    .formatter-toolbar .more > * {
      margin-right: 1px; }
  .toolbar.do-resize .buttonset,
  .formatter-toolbar.do-resize .buttonset {
    width: auto; }
  .toolbar.do-resize .title,
  .formatter-toolbar.do-resize .title {
    left: 1px;
    position: absolute;
    width: auto; }
  .toolbar.do-resize.has-more-button .buttonset,
  .formatter-toolbar.do-resize.has-more-button .buttonset {
    width: calc(100% - 38px); }
  .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: #d8d8d8;
    border-bottom: 1px solid #bdbdbd;
    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: #383838; }

.toolbar {
  font-size: 0;
  margin-bottom: 5px; }
  .toolbar .title {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-size: 1.6rem;
    color: #1a1a1a; }
    .toolbar .title + .buttonset {
      text-align: right; }

.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: #d8d8d8;
  color: #383838; }

.popupmenu.toolbar-options.has-icons li > a {
  padding: 0 30px 0 45px; }

.is-safari .toolbar,
.is-safari .formatter-toolbar {
  overflow-x: initial; }

.contextual-toolbar {
  background-color: #368ac0;
  margin: 0;
  overflow: hidden !important;
  z-index: 20; }
  .contextual-toolbar.toolbar {
    height: 42px;
    margin-bottom: 0;
    padding: 0 20px; }
    .contextual-toolbar.toolbar .title {
      font-size: 14px;
      font-size: 1.4rem;
      color: white;
      height: 42px; }
    .contextual-toolbar.toolbar .buttonset {
      height: 42px; }
    .contextual-toolbar.toolbar [class^="btn"] {
      color: rgba(255, 255, 255, 0.8);
      min-width: 0;
      padding: 0 10px; }
      .contextual-toolbar.toolbar [class^="btn"].btn-icon {
        padding: 0 8px; }
      .contextual-toolbar.toolbar [class^="btn"] .icon {
        fill: 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 white; }
        .contextual-toolbar.toolbar [class^="btn"]:focus:not(.hide-focus) {
          color: white; }
      .contextual-toolbar.toolbar [class^="btn"]:hover {
        color: white; }
        .contextual-toolbar.toolbar [class^="btn"]:hover .icon {
          fill: white; }
      .contextual-toolbar.toolbar [class^="btn"].is-selected {
        color: white; }
        .contextual-toolbar.toolbar [class^="btn"].is-selected .icon {
          fill: white; }
        .contextual-toolbar.toolbar [class^="btn"].is-selected:focus:not(.hide-focus) {
          color: white; }
          .contextual-toolbar.toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon {
            fill: white; }
      .contextual-toolbar.toolbar [class^="btn"] .ripple {
        background-color: white; }
  .contextual-toolbar.is-hidden {
    display: none;
    height: 0; }

@media (max-width: 766px) {
  .toolbar .btn,
  .toolbar .btn-tertiary {
    padding: 0 5px; } }

@media (max-width: 766px) {
  .toolbar [class^="btn"] {
    width: auto; }
    .toolbar [class^="btn"] > .icon + span {
      display: inline-block;
      visibility: hidden;
      width: 0; }
      .toolbar [class^="btn"] > .icon + span:not(.audible) {
        padding-left: 0; }
      .toolbar [class^="btn"] > .icon + span + .icon {
        margin-left: 0; }
  .toolbar .btn-split-menu.btn {
    margin-right: 10px; } }

html[dir='rtl'] .toolbar,
html[dir='rtl'] .formatter-toolbar {
  text-align: right; }
  html[dir='rtl'] .toolbar.has-title,
  html[dir='rtl'] .formatter-toolbar.has-title {
    text-align: left; }
  html[dir='rtl'] .toolbar.right-aligned,
  html[dir='rtl'] .formatter-toolbar.right-aligned {
    text-align: left; }
  html[dir='rtl'] .toolbar .title,
  html[dir='rtl'] .formatter-toolbar .title {
    text-align: right; }
    html[dir='rtl'] .toolbar .title + .buttonset,
    html[dir='rtl'] .formatter-toolbar .title + .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'] .formatter-toolbar.do-resize .title {
    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; }

.toolbar-container.in-page {
  height: 40px; }

.flex-toolbar {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  justify-content: space-between; }

.toolbar-section {
  white-space: nowrap; }
  .toolbar-section.title, .toolbar-section.buttonset {
    flex-grow: 1; }
    .toolbar-section.title:not(.favor), .toolbar-section.buttonset:not(.favor) {
      overflow-x: hidden;
      overflow-y: auto; }
    .toolbar-section.title.static, .toolbar-section.buttonset.static {
      flex-grow: 0; }
  .toolbar-section.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-x: hidden;
    padding: 0;
    text-overflow: ellipsis; }
  .toolbar-section.title .section-title {
    font-size: 12px;
    font-size: 1.2rem; }
  .toolbar-section.title + .toolbar-section.buttonset {
    text-align: right; }
  .toolbar-section.title:not(.favor) {
    text-overflow: ellipsis; }
  .toolbar-section + .toolbar-section.title {
    padding-left: 10px; }
  .toolbar-section.buttonset {
    padding: 4px; }
    .toolbar-section.buttonset [class^="btn"] {
      margin-right: 0; }
  .toolbar-section.search {
    padding: 0 10px; }
    .toolbar-section.search + .buttonset {
      flex-grow: 0; }
  .toolbar-section .searchfield-wrapper {
    margin: 0 5px 0 0; }
  .toolbar-section > .separator {
    background-color: #999999;
    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; }

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 .searchfield-wrapper {
  margin: 0 0 0 5px; }

.editor-container.is-readonly .editor, .editor-container.is-disabled .editor {
  border-top: 1px solid #999999; }

.editor-container.is-readonly.editor-container:hover .editor:not(.error), .editor-container.is-disabled.editor-container:hover .editor:not(.error) {
  border-color: #383838; }

.editor-container.is-readonly .editor-toolbar, .editor-container.is-disabled .editor-toolbar {
  display: none; }

.editor-container.is-readonly .hyperlink, .editor-container.is-disabled .hyperlink {
  cursor: pointer; }

.editor-container.is-disabled .editor {
  cursor: default; }

.editor-container.is-readonly .editor {
  background-color: #d8d8d8;
  border-color: #999999;
  color: #999999;
  cursor: text; }
  .editor-container.is-readonly .editor .hyperlink {
    color: #368ac0; }

.editor-container .error-message {
  margin-top: 0; }

.editor-container .editor-source.hidden + .editor + .error-message {
  margin-top: -10px; }

.editor-container .formatter-toolbar {
  margin-bottom: 0;
  z-index: 20; }
  .editor-container .formatter-toolbar [class^="btn"] {
    border-radius: 2px; }

.editor-container:hover .toolbar.formatter-toolbar:not(.error) {
  border-color: #383838 #383838 #999999; }

.editor-container:hover .editor:not(.error),
.editor-container:hover .editor-source:not(.error) {
  border-color: transparent #383838 #383838; }

.editor-container.is-active .toolbar.formatter-toolbar, .editor-container.is-active:hover:not(.error) .toolbar.formatter-toolbar {
  border-left-color: #368ac0;
  border-right-color: #368ac0;
  border-top-color: #368ac0;
  box-shadow: -2px -2px 3px 0 rgba(54, 138, 192, 0.3); }
  .editor-container.is-active .toolbar.formatter-toolbar.error, .editor-container.is-active:hover:not(.error) .toolbar.formatter-toolbar.error {
    border-left-color: #e84f4f;
    border-right-color: #e84f4f;
    border-top-color: #e84f4f; }

.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: transparent #368ac0 #368ac0;
  box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
  .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 #e84f4f #e84f4f; }

.editor-container .editor[data-error-type='tooltip'] + .audible + .icon-error {
  left: 100%;
  margin-left: -33px;
  position: absolute;
  top: 54px; }

.editor {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 35.2px;
  line-height: 2.2rem;
  background-color: transparent;
  border: 1px solid;
  border-color: #999999;
  border-radius: 0 0 2px 2px;
  color: #1a1a1a;
  display: block;
  height: 320px;
  margin-bottom: 20px;
  min-height: 128px;
  outline: none;
  overflow: auto;
  padding: 15px 10px 10px;
  width: 100%; }
  .editor.is-disabled {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #bdbdbd;
    padding: 10px; }
    .editor.is-disabled > * {
      color: #999999; }
  .editor p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    color: #1a1a1a;
    margin-bottom: 15px; }
    .editor p .hyperlink {
      color: #368ac0; }
  .editor h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    color: #1a1a1a; }
  .editor h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    color: #1a1a1a; }
  .editor ul,
  .editor ol {
    line-height: 35.2px;
    line-height: 2.2rem;
    margin-left: 32px;
    margin-left: 2rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #1a1a1a;
    list-style: disc;
    margin-bottom: 10px; }
    .editor ul li,
    .editor ol li {
      line-height: inherit; }
      .editor ul li p,
      .editor ol li p {
        line-height: inherit;
        margin-bottom: 0; }
  .editor ol {
    list-style: decimal; }
  .editor b,
  .editor strong {
    font-weight: 800; }
  .editor blockquote {
    -webkit-font-smoothing: antialiased;
    border-left: 3px solid #5c5c5c;
    line-height: 22px;
    margin-bottom: 15px;
    margin-left: 7px;
    padding-left: 15px; }
  .editor img {
    margin: 0 auto;
    max-width: 80%; }
  .editor span {
    font-weight: inherit; }
  .editor .hyperlink {
    font-size: 14px;
    font-size: 1.4rem;
    cursor: auto;
    position: static;
    text-decoration: none; }
    .editor .hyperlink[contenteditable="false"] {
      cursor: pointer;
      text-decoration: underline; }
    .editor .hyperlink::after {
      content: none; }

.toolbar.formatter-toolbar {
  background-color: #d8d8d8;
  border: 1px solid #999999;
  border-bottom-color: none;
  border-radius: 2px 2px 0 0;
  margin-bottom: -1px;
  overflow-x: visible;
  padding: 0;
  text-align: left; }
  .toolbar.formatter-toolbar .buttonset {
    height: 32px; }
    .toolbar.formatter-toolbar .buttonset [class^="btn"]:first-child {
      margin-left: 16px; }
  .toolbar.formatter-toolbar.has-more-button .buttonset {
    width: calc(100% - 44px); }
  .toolbar.formatter-toolbar.has-more-button .more {
    margin-top: 0; }
    .toolbar.formatter-toolbar.has-more-button .more .btn-actions {
      height: 22px;
      margin-top: -1px;
      min-height: 22px;
      width: 25px; }
  .toolbar.formatter-toolbar [class^="btn"] {
    background-color: #d8d8d8;
    border: 1px solid transparent;
    color: #5c5c5c;
    height: 20px;
    line-height: normal;
    margin-top: 6px;
    min-width: 18px;
    padding: 0 !important;
    text-align: left; }
    .toolbar.formatter-toolbar [class^="btn"] span:not(.audible) {
      color: #5c5c5c;
      display: inline-block; }
      .toolbar.formatter-toolbar [class^="btn"] span:not(.audible):not(:last-child) {
        padding: 0; }
      .toolbar.formatter-toolbar [class^="btn"] span:not(.audible) + .icon {
        padding-left: 0; }
    .toolbar.formatter-toolbar [class^="btn"] .icon {
      fill: #5c5c5c;
      height: 18px;
      margin: -1px 0 0;
      padding: 0;
      pointer-events: none;
      width: 18px; }
    .toolbar.formatter-toolbar [class^="btn"]:focus:not(.hide-focus), .toolbar.formatter-toolbar [class^="btn"].is-active:not(.error) {
      color: #368ac0; }
      .toolbar.formatter-toolbar [class^="btn"]:focus:not(.hide-focus) span, .toolbar.formatter-toolbar [class^="btn"].is-active:not(.error) span {
        color: #368ac0; }
      .toolbar.formatter-toolbar [class^="btn"]:focus:not(.hide-focus) .icon, .toolbar.formatter-toolbar [class^="btn"].is-active:not(.error) .icon {
        fill: #368ac0; }
      .toolbar.formatter-toolbar [class^="btn"]:focus:not(.hide-focus):not(.hide-focus), .toolbar.formatter-toolbar [class^="btn"].is-active:not(.error):not(.hide-focus) {
        box-shadow: 0 0 0 2px transparent, 0 0 0 1px #368ac0, 0 0 4px 3px rgba(54, 138, 192, 0.3); }
    .toolbar.formatter-toolbar [class^="btn"].is-active {
      box-shadow: none; }
    .toolbar.formatter-toolbar [class^="btn"]:hover {
      background-color: transparent;
      border: 1px solid transparent;
      color: #1a1a1a; }
      .toolbar.formatter-toolbar [class^="btn"]:hover .icon {
        fill: #1a1a1a; }
      .toolbar.formatter-toolbar [class^="btn"]:hover span {
        color: #1a1a1a; }
    .toolbar.formatter-toolbar [class^="btn"].btn-actions > .icon {
      left: 2px;
      position: relative;
      top: 1px; }
    .toolbar.formatter-toolbar [class^="btn"] .html-icon {
      margin-left: -32px;
      width: 85px; }
    .toolbar.formatter-toolbar [class^="btn"] .visual-icon {
      margin-left: -12px;
      margin-right: -11px;
      width: 85px; }
    .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'] {
      margin-right: 15px; }
      .toolbar.formatter-toolbar [class^="btn"][data-element='h3'] .icon, .toolbar.formatter-toolbar [class^="btn"][data-element='h4'] .icon {
        margin-left: -5px;
        width: 28px; }
    .toolbar.formatter-toolbar [class^="btn"][data-element='b'], .toolbar.formatter-toolbar [class^="btn"][data-element='i'] {
      margin-right: 8px; }
    .toolbar.formatter-toolbar [class^="btn"][data-element='strike'] {
      margin-right: 8px; }
      .toolbar.formatter-toolbar [class^="btn"][data-element='strike'] svg {
        height: 22px;
        width: 15px; }
    .toolbar.formatter-toolbar [class^="btn"][data-element='foreColor'] .icon {
      height: 17px;
      margin-top: 1px;
      width: 16px; }
    .toolbar.formatter-toolbar [class^="btn"][data-element='foreColor'] .trigger {
      padding-left: 0;
      padding-right: 5px; }
      .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 {
      margin-left: -3px; }
    .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 {
      padding-left: 0;
      padding-right: 0; }
      .toolbar.formatter-toolbar [class^="btn"][data-element='backColor'] .trigger .icon {
        height: 16px;
        width: 12px; }
    .toolbar.formatter-toolbar [class^="btn"][data-element='u'] {
      margin-right: 10px; }
      .toolbar.formatter-toolbar [class^="btn"][data-element='u'] .icon {
        height: 17px;
        margin-top: 2px; }
    .toolbar.formatter-toolbar [class^="btn"][data-action='justifyLeft'] {
      margin-left: 4px;
      margin-right: 18px; }
    .toolbar.formatter-toolbar [class^="btn"][data-action='justifyCenter'] {
      margin-right: 18px; }
    .toolbar.formatter-toolbar [class^="btn"][data-action='justifyRight'] {
      margin-right: 16px; }
    .toolbar.formatter-toolbar [class^="btn"][data-element='blockquote'] {
      margin-left: 1px;
      margin-right: 15px; }
    .toolbar.formatter-toolbar [class^="btn"][data-element='ol'] {
      margin-right: 18px; }
    .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'] {
      margin-left: 4px;
      margin-right: 16px; }
  .toolbar.formatter-toolbar .separator {
    height: 18px;
    margin: 1px 15px 0 3px; }

.is-disabled .editor-toolbar {
  display: none; }

.editor-source {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid;
  border-color: transparent #999999 #999999;
  border-radius: 0 0 2px 2px;
  height: 320px;
  margin: 0 0 10px;
  min-height: 88px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%; }
  .editor-source textarea {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: transparent;
    border: 0;
    color: #1a1a1a;
    font-weight: normal;
    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: 15px 10px 10px; }
    .editor-source > .line-numbers > li {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 2.41rem;
      text-align: center; }
    .editor-source > .line-numbers span {
      color: #999999; }

.editor-placeholder {
  color: #999999; }
  .editor-placeholder.error {
    border-color: transparent #e84f4f #e84f4f;
    color: #e84f4f; }

.editor-toolbar.error {
  border-color: #e84f4f #e84f4f #999999; }
  .editor-toolbar.error + .editor-source {
    border-color: transparent #e84f4f #e84f4f; }

.editor-placeholder::after {
  font-size: 14px;
  font-size: 1.4rem;
  content: attr(data-placeholder);
  font-weight: 100;
  left: 10px;
  margin-top: -38px;
  position: absolute;
  white-space: pre; }

html[dir='rtl'] .editor-container .editor[data-error-type='tooltip'] ~ .icon-error {
  left: 40px; }

.skip-link {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 0 0 2px 2px;
  border-top: 1px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  color: #368ac0;
  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: 100; }
  .skip-link:hover::after {
    border-bottom: 1px solid #368ac0;
    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 .3s ease-in 0s, background .3s linear 0s; }

html[dir='rtl'] .skip-link:focus {
  left: initial;
  margin-right: 20px;
  right: 0; }

.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: -36px;
  outline: 0;
  text-align: center;
  width: 36px; }
  .field-fileupload .trigger.trigger-close,
  .field-fileupload .trigger-close.trigger-close {
    display: none;
    margin-left: -50px; }
  .field-fileupload .trigger .icon,
  .field-fileupload .trigger-close .icon {
    fill: #5c5c5c;
    height: 14px;
    top: 2px;
    vertical-align: baseline;
    width: 14px; }
  .field-fileupload .trigger:hover .icon,
  .field-fileupload .trigger-close:hover .icon {
    fill: #1a1a1a; }
  .field-fileupload .trigger:active .icon,
  .field-fileupload .trigger-close:active .icon {
    fill: #368ac0; }

.field-fileupload label.fileupload {
  display: inline-block; }

.field-fileupload input.fileupload-background-transparent {
  background-color: transparent;
  padding-right: 50px;
  text-overflow: ellipsis; }
  .field-fileupload input.fileupload-background-transparent.readonly {
    background-color: #d8d8d8; }

.field-fileupload label.fileupload input[type="file"],
.field-fileupload input.fileupload[type="file"] {
  left: -10000px;
  position: fixed; }
  .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 {
    fill: #bdbdbd; }
  .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 {
    fill: #bdbdbd; }
  .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 #bdbdbd; }
    .fileupload-wrapper.is-disabled .container.drop-area {
      background-color: #f0f0f0;
      color: #bdbdbd; }
      .fileupload-wrapper.is-disabled .container.drop-area .hyperlink,
      .fileupload-wrapper.is-disabled .container.drop-area .fileupload-adv-browse-lbl {
        color: #bdbdbd;
        cursor: default; }
      .fileupload-wrapper.is-disabled .container.drop-area .icon {
        cursor: default;
        fill: #999999; }
      .fileupload-wrapper.is-disabled .container.drop-area:hover {
        background-color: #f0f0f0;
        border: 1px dashed #bdbdbd;
        color: #bdbdbd; }
        .fileupload-wrapper.is-disabled .container.drop-area:hover .icon {
          cursor: default;
          fill: #999999; }
  .fileupload-wrapper .container {
    border: 1px dashed #737373;
    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(216, 216, 216, 0.5);
      color: #737373;
      padding: 25px 30px;
      text-align: center; }
      .fileupload-wrapper .container.drop-area .fileupload-adv-browse-lbl {
        color: #1a1a1a; }
        .fileupload-wrapper .container.drop-area .fileupload-adv-browse-lbl span {
          font-size: 14px;
          font-size: 1.4rem;
          margin-left: -2.5px;
          margin-right: -2.5px;
          padding: 5px; }
        .fileupload-wrapper .container.drop-area .fileupload-adv-browse-lbl input[type="file"] {
          height: .1px;
          opacity: 0;
          overflow: hidden;
          width: .1px;
          z-index: -1; }
      .fileupload-wrapper .container.drop-area .hyperlink {
        border: 1px solid transparent; }
        .fileupload-wrapper .container.drop-area .hyperlink:active::after, .fileupload-wrapper .container.drop-area .hyperlink:focus::after {
          border-color: transparent; }
      .fileupload-wrapper .container.drop-area.is-focus .hyperlink {
        border-color: #368ac0;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
      .fileupload-wrapper .container.drop-area .icon {
        fill: #737373; }
      .fileupload-wrapper .container.drop-area p {
        color: #1a1a1a;
        padding-top: 5px; }
      .fileupload-wrapper .container.drop-area:hover {
        background-color: #d8d8d8;
        border-color: #5c5c5c;
        color: #1a1a1a; }
        .fileupload-wrapper .container.drop-area:hover .icon {
          fill: #737373; }
      .fileupload-wrapper .container.drop-area.hover {
        background-color: rgba(200, 233, 244, 0.3);
        border-color: #368ac0;
        color: #737373; }
        .fileupload-wrapper .container.drop-area.hover .icon {
          fill: #737373; }
    .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 {
      font-size: 14px;
      font-size: 1.4rem;
      color: #5c5c5c;
      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: #5c5c5c;
      border-radius: 50%;
      float: left;
      height: 16px;
      margin: 8px 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 .icon,
      .fileupload-wrapper .container .progress-row .status-icon .icon {
        fill: #ffffff;
        height: 10px;
        left: 3px;
        top: 3px;
        width: 10px; }
      .fileupload-wrapper .container .file-row .status-icon:hover,
      .fileupload-wrapper .container .progress-row .status-icon:hover {
        background-color: #1a1a1a; }
        .fileupload-wrapper .container .file-row .status-icon:hover .icon,
        .fileupload-wrapper .container .progress-row .status-icon:hover .icon {
          fill: #ffffff; }
    .fileupload-wrapper .container .file-row .description,
    .fileupload-wrapper .container .progress-row .description {
      color: #1a1a1a;
      max-width: 55%; }
    .fileupload-wrapper .container .file-row .size,
    .fileupload-wrapper .container .progress-row .size {
      color: #5c5c5c;
      line-height: 36px;
      margin-right: 42px;
      max-width: 75px; }
    .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 .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 {
        fill: #5c5c5c; }
      .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 {
        fill: #1a1a1a; }
    .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: #56932e; }
      .fileupload-wrapper .container.completed .status-icon {
        background-color: #56932e; }
        .fileupload-wrapper .container.completed .status-icon:hover {
          background-color: #56932e; }
          .fileupload-wrapper .container.completed .status-icon:hover .icon {
            fill: #ffffff; }
      .fileupload-wrapper .container.completed .description {
        color: #56932e; }
      .fileupload-wrapper .container.completed .size {
        margin-right: inherit; }
    .fileupload-wrapper .container.error {
      border-color: #ff9426;
      color: #e84f4f; }
      .fileupload-wrapper .container.error .status-icon {
        background-color: #e84f4f; }
        .fileupload-wrapper .container.error .status-icon:hover {
          background-color: #cf1b1b; }
          .fileupload-wrapper .container.error .status-icon:hover .icon {
            fill: #ffffff; }
      .fileupload-wrapper .container.error div.msg {
        font-size: 14px;
        font-size: 1.4rem;
        clear: both;
        padding: 0 10px; }
      .fileupload-wrapper .container.error span.msg {
        font-size: 14px;
        font-size: 1.4rem;
        display: inline-block;
        padding: 10px 10px 10px 0;
        width: calc(100% - 36px); }
  .fileupload-wrapper em {
    font-style: normal; }

.ie9 .fileupload .icon,
.ie10 .fileupload .icon {
  background-color: rgba(255, 255, 255, 0); }

html[dir='rtl'] .field-fileupload input[type="text"] {
  padding-left: 56px;
  padding-right: 8px; }

html[dir='rtl'] .field-fileupload .trigger,
html[dir='rtl'] .field-fileupload .trigger-close {
  margin-left: inherit;
  margin-right: -30px; }
  html[dir='rtl'] .field-fileupload .trigger.trigger-close,
  html[dir='rtl'] .field-fileupload .trigger-close.trigger-close {
    margin-left: inherit;
    margin-right: -50px; }

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

.progress {
  background: transparent;
  border: 1px solid #999999;
  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: #368ac0;
    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; }

.process-indicator {
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem; }
  .process-indicator .display {
    margin-bottom: 20px;
    word-spacing: -0.286em; }
    .process-indicator .display > * {
      vertical-align: middle;
      white-space: nowrap; }
    .process-indicator .display .separator {
      border: 1px solid transparent;
      display: inline-block;
      height: 0;
      width: 1.3em; }
      .process-indicator .display .separator.darkest {
        border-color: #1d5f8a; }
      .process-indicator .display .separator.darker {
        border-color: #2578a9; }
      .process-indicator .display .separator.lighter {
        border-color: #368ac0; }
      .process-indicator .display .separator.lightest {
        border-color: #54a1d3; }
      .process-indicator .display .separator.minor {
        width: 0.65em; }
  .process-indicator .details {
    color: #5c5c5c;
    font-size: 10px;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased; }
    .process-indicator .details > * {
      vertical-align: middle; }
    .process-indicator .details > .icon {
      height: 15px;
      margin-right: 10px;
      width: 15px; }
  .process-indicator.compact .display {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center; }
  .process-indicator.compact .heading,
  .process-indicator.compact .sub-heading,
  .process-indicator.compact .details {
    display: inline-block; }

.indicator {
  background-color: #f0f0f0;
  border: 2px solid #d8d8d8;
  border-radius: 0.65em;
  display: inline-block;
  height: 1.3em;
  position: relative;
  width: 1.3em; }
  .indicator.darkest {
    background-color: #1d5f8a;
    border: 0; }
  .indicator.darker {
    background-color: #2578a9;
    border: 0; }
  .indicator.lighter {
    background-color: #368ac0;
    border: 0; }
  .indicator.lightest {
    background-color: #54a1d3;
    border: 0; }
  .indicator.processing {
    border: 2px solid #54a1d3;
    border-radius: 0.65em; }
  .indicator.current {
    border-radius: 1.04em;
    height: 2.08em;
    width: 2.08em; }
    .indicator.current:before {
      border-radius: 1.04em; }
  .indicator.rejected {
    border: 0; }
    .indicator.rejected:before, .indicator.rejected:after {
      background-color: #ffffff;
      border-radius: .2em;
      content: '';
      display: inline-block;
      height: .15em;
      left: .14em;
      position: absolute;
      top: .54em;
      width: 1.066em; }
    .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: #e84f4f; }
      .indicator.rejected.current:before, .indicator.rejected.current:after {
        left: .51em;
        top: .93em; }
  .indicator.more-info {
    border: 0; }
    .indicator.more-info:before {
      color: #ffffff;
      content: '!';
      display: inline-block;
      font-size: 1.4em;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      height: 100%;
      position: relative;
      text-align: center;
      top: .25em;
      width: 100%; }
    .indicator.more-info.current {
      background-color: #e84f4f; }
  .indicator.time-out {
    border: 0; }
    .indicator.time-out:before {
      border: .15em solid #ffffff;
      content: '';
      height: 50%;
      left: .370em;
      position: absolute;
      top: .370em;
      width: 50%; }
    .indicator.time-out:after {
      border-bottom: .15em solid #ffffff;
      border-left: .15em solid #ffffff;
      content: '';
      height: 20%;
      left: .97em;
      position: absolute;
      top: .6em;
      width: 10%; }
    .indicator.time-out.current {
      background-color: #e84f4f; }
  .indicator.minor {
    border-radius: 0.325em;
    height: 0.65em;
    width: 0.65em; }

.process-indicator .heading,
.timeline .heading {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5; }

.process-indicator .sub-heading,
.timeline .sub-heading {
  color: #5c5c5c;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-font-smoothing: antialiased;
  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); } }

.timeline {
  min-height: 44px;
  position: relative; }
  .timeline::before {
    border-left: 1px dashed #999999;
    bottom: 60px;
    content: '';
    left: 1.125em;
    position: absolute;
    top: 0;
    width: 3px; }
  .timeline .indicator {
    border: 2px solid #bdbdbd; }
    .timeline .indicator.processing {
      border: 2px solid #368ac0; }
    .timeline .indicator.complete {
      background-color: #368ac0;
      border: 2px solid #368ac0; }

.timeline-block {
  margin-bottom: 20px;
  position: relative; }
  .timeline-block::after {
    clear: both;
    content: '';
    display: table; }
  .timeline-block:last-child {
    margin-bottom: 0; }
  .timeline-block .date {
    margin-left: 6em; }
    .timeline-block .date > * {
      vertical-align: middle; }
    .timeline-block .date > span {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5rem; }
    .timeline-block .date > .icon {
      height: 15px;
      margin-right: 8px;
      width: 15px; }
  .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::after {
      background-color: transparent;
      border-bottom: 1px dashed #999999;
      content: '';
      display: inline-block;
      height: 0;
      position: absolute;
      top: .7em;
      width: 100%; }
  .timeline-block .content {
    margin-left: 6em; }
    .timeline-block .content .heading {
      color: #368ac0; }

@media (min-width: 767px) {
  .timeline::before {
    bottom: 44px;
    left: 12.65em; }
  .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: 11.5em; }
  .timeline-block .content {
    margin-left: 3em; } }

.card .timeline,
.widget .timeline {
  margin-left: 20px;
  margin-top: 20px; }

html[dir='rtl'] .timeline::before {
  border-left: 0;
  border-right: 1px dashed #999999;
  left: auto;
  right: 1.125em; }

html[dir='rtl'] .timeline-block .date {
  margin-left: inherit;
  margin-right: 6em; }
  html[dir='rtl'] .timeline-block .date > .icon {
    margin-left: 8px;
    margin-right: inherit; }

html[dir='rtl'] .timeline-block .indicator-container {
  float: right; }

html[dir='rtl'] .timeline-block .content {
  margin-left: inherit;
  margin-right: 6em; }

@media (min-width: 767px) {
  html[dir='rtl'] .timeline::before {
    left: auto;
    right: 12.65em; }
  html[dir='rtl'] .timeline-block .date,
  html[dir='rtl'] .timeline-block .indicator-container,
  html[dir='rtl'] .timeline-block .content {
    float: right; }
  html[dir='rtl'] .timeline-block .date {
    margin-left: inherit;
    margin-right: 0;
    text-align: left; }
  html[dir='rtl'] .timeline-block .indicator-container {
    margin-left: inherit;
    margin-right: 11.5em; }
  html[dir='rtl'] .timeline-block .content {
    margin-left: inherit;
    margin-right: 3em; } }

.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 {
      margin-bottom: 10px; }
      .blockgrid .block img.image-round {
        border-radius: 100%;
        height: 75px;
        width: 75px; }
    .blockgrid .block a {
      display: inline-block;
      margin-bottom: 10px; }
    .blockgrid .block.is-selected {
      background-color: rgba(200, 233, 244, 0.7);
      box-shadow: 0 0 0 1px rgba(200, 233, 244, 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 #368ac0 solid;
        box-shadow: 0 0 0 1px #368ac0; }
        .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(200, 233, 244, 0.7); }
        .blockgrid .block.is-selectable.is-activated.is-selected {
          border: 1px #368ac0 solid;
          box-shadow: 0 0 0 1px #368ac0; }
        .blockgrid .block.is-selectable.is-activated:hover {
          background-color: rgba(200, 233, 244, 0.7); }
      .blockgrid .block.is-selectable:hover {
        background-color: #d8d8d8;
        border-radius: 3px;
        cursor: pointer; }
        .blockgrid .block.is-selectable:hover input.checkbox + label {
          display: block; }
      .blockgrid .block.is-selectable:focus {
        border: 1px #368ac0 solid;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
        .blockgrid .block.is-selectable:focus input.checkbox + label {
          display: block; }
      .blockgrid .block.is-selectable.has-focus {
        border: 1px #368ac0 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.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 {
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-size: 1.4rem;
    color: #5c5c5c;
    display: block;
    padding-bottom: 10px;
    text-align: center; }

html[dir='rtl'] .blockgrid {
  text-align: right; }
  html[dir='rtl'] .blockgrid .block {
    margin: 20px 20px 0 0; }

.modal.about {
  max-width: 560px;
  min-width: 300px;
  width: calc(100% - 40px); }
  .modal.about .modal-content {
    margin: 0;
    position: relative; }
  .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: #1a1a1a;
      margin: 0;
      padding: 0;
      text-align: center; }
  .modal.about .modal-body {
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    margin: 0 10px 30px;
    max-height: 199px;
    outline: medium none;
    overflow-y: scroll; }
    .modal.about .modal-body:hover {
      border-color: #454545; }
    .modal.about .modal-body:focus, .modal.about .modal-body.focusbody {
      border: solid 1px #368ac0;
      box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
      outline: none;
      outline-color: transparent; }
  .modal.about .modal-body-wrapper {
    margin-bottom: 20px;
    overflow: visible; }
  .modal.about .additional-content {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    color: #1a1a1a;
    line-height: normal; }
  .modal.about .about-logo {
    height: 72px;
    margin-bottom: 6px;
    width: 72px; }
  .modal.about p {
    color: #1a1a1a;
    margin-top: 0;
    padding: 10px; }
    .modal.about p:focus {
      outline: none; }

html[dir='rtl'] .modal.about .close-container {
  left: 8px;
  right: auto; }

.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: #abaeb7;
    pointer-events: none; }
    .accordion.is-disabled .accordion-header {
      background-color: transparent !important;
      border-bottom-color: #abaeb7 !important;
      color: #999999 !important; }
      .accordion.is-disabled .accordion-header a {
        color: #999999 !important; }
      .accordion.is-disabled .accordion-header span {
        color: #999999 !important; }
      .accordion.is-disabled .accordion-header .icon {
        fill: #999999 !important; }
        .accordion.is-disabled .accordion-header .icon.plus-minus::before, .accordion.is-disabled .accordion-header .icon.plus-minus::after {
          background-color: #999999 !important; }
      .accordion.is-disabled .accordion-header.list-item::before {
        color: #999999 !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-left: 54px; }
  .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane.has-icons .accordion-content {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-header > a {
    padding-left: 36px; }
  .accordion.has-icons .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 30px; }
    .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 86px); }
  .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
    padding-left: 37px; }
  .accordion.has-icons .accordion-pane .accordion-header.list-item a {
    padding-left: 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-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 73px; }
  .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-left: 74px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 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-left: 0;
      width: calc(100% - 76px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 56px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 76px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-left: 74px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 92px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-left: 93px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 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-left: 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-left: 0;
      width: calc(100% - 95px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 75px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 95px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-left: 93px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 111px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-left: 112px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 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-left: 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-left: 0;
      width: calc(100% - 114px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 94px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 114px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
    padding-left: 112px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 131px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-left: 132px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 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-left: 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-left: 0;
      width: calc(100% - 134px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 113px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 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: #f0f0f0;
    border-color: #d8d8d8;
    border-right-color: #bdbdbd; }
    .accordion.panel .accordion-header {
      border-bottom-color: #d8d8d8; }
      .accordion.panel .accordion-header.is-focused:not(.hide-focus) {
        border-bottom-color: #368ac0; }
      .accordion.panel .accordion-header.is-selected, .accordion.panel .accordion-header.is-selected:hover, .accordion.panel .accordion-header.is-focused.is-selected {
        background-color: #368ac0;
        border-bottom-color: #368ac0;
        color: #ffffff; }
        .accordion.panel .accordion-header.is-selected > a, .accordion.panel .accordion-header.is-selected:hover > a, .accordion.panel .accordion-header.is-focused.is-selected > a {
          color: #ffffff; }
        .accordion.panel .accordion-header.is-selected > .icon, .accordion.panel .accordion-header.is-selected:hover > .icon, .accordion.panel .accordion-header.is-focused.is-selected > .icon {
          fill: #ffffff; }
        .accordion.panel .accordion-header.is-selected > [class^="btn"] .icon, .accordion.panel .accordion-header.is-selected:hover > [class^="btn"] .icon, .accordion.panel .accordion-header.is-focused.is-selected > [class^="btn"] .icon {
          fill: #ffffff; }
          .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, .accordion.panel .accordion-header.is-focused.is-selected > [class^="btn"] .icon.plus-minus::before, .accordion.panel .accordion-header.is-focused.is-selected > [class^="btn"] .icon.plus-minus::after {
            background-color: #ffffff; }
        .accordion.panel .accordion-header.is-selected > [class^="btn"] .audible, .accordion.panel .accordion-header.is-selected:hover > [class^="btn"] .audible, .accordion.panel .accordion-header.is-focused.is-selected > [class^="btn"] .audible {
          color: #ffffff; }
        .accordion.panel .accordion-header.is-selected [class^="btn"]:focus, .accordion.panel .accordion-header.is-selected:hover [class^="btn"]:focus, .accordion.panel .accordion-header.is-focused.is-selected [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), .accordion.panel .accordion-header.is-focused.is-selected [class^="btn"]:focus:not(.hide-focus) {
            border: 1px solid #ffffff; }
        .accordion.panel .accordion-header.is-selected .accordion-header, .accordion.panel .accordion-header.is-selected:hover .accordion-header, .accordion.panel .accordion-header.is-focused.is-selected .accordion-header {
          border-bottom-color: #368ac0; }
      .accordion.panel .accordion-header.has-filtered-children, .accordion.panel .accordion-header.has-filtered-children.is-focused, .accordion.panel .accordion-header.has-filtered-children.is-selected {
        background-color: #292929; }
        .accordion.panel .accordion-header.has-filtered-children > a, .accordion.panel .accordion-header.has-filtered-children.is-focused > a, .accordion.panel .accordion-header.has-filtered-children.is-selected > a {
          color: #5c5c5c !important; }
        .accordion.panel .accordion-header.has-filtered-children > .icon, .accordion.panel .accordion-header.has-filtered-children.is-focused > .icon, .accordion.panel .accordion-header.has-filtered-children.is-selected > .icon {
          fill: #5c5c5c !important; }
        .accordion.panel .accordion-header.has-filtered-children > .btn > .icon::before, .accordion.panel .accordion-header.has-filtered-children > .btn > .icon::after, .accordion.panel .accordion-header.has-filtered-children.is-focused > .btn > .icon::before, .accordion.panel .accordion-header.has-filtered-children.is-focused > .btn > .icon::after, .accordion.panel .accordion-header.has-filtered-children.is-selected > .btn > .icon::before, .accordion.panel .accordion-header.has-filtered-children.is-selected > .btn > .icon::after {
          background-color: #5c5c5c !important; }
      .accordion.panel .accordion-header:last-child {
        border-bottom-color: transparent; }
    .accordion.panel .accordion-pane {
      background-color: #d8d8d8; }
      .accordion.panel .accordion-pane.is-expanded + .accordion-header:not(.is-focused):not(.is-selected),
      .accordion.panel .accordion-pane.is-expanded + .accordion-content {
        border-top-color: #d8d8d8; }
      .accordion.panel .accordion-pane:last-child .accordion-content:last-child {
        border-bottom: 0; }
    .accordion.panel .accordion-content {
      border-bottom-color: #d8d8d8; }
    .accordion.panel.alternate {
      background-color: #ffffff; }
      .accordion.panel.alternate .accordion-header {
        border-bottom-color: #d8d8d8; }
        .accordion.panel.alternate .accordion-header.is-focused:not(.hide-focus) {
          border-bottom-color: #368ac0; }
      .accordion.panel.alternate .accordion-pane {
        background-color: #d8d8d8; }
        .accordion.panel.alternate .accordion-pane .accordion-header {
          border-bottom-color: #d8d8d8; }
          .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: #368ac0;
            box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
          .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: #368ac0; }
          .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 {
          color: #5c5c5c;
          border-bottom-color: #d8d8d8; }
    .accordion.panel.inverse {
      background-color: #313236;
      border-right: #212224; }
      .accordion.panel.inverse .accordion-header {
        border-bottom-color: #212224;
        color: #abaeb7; }
        .accordion.panel.inverse .accordion-header .icon {
          fill: #abaeb7; }
          .accordion.panel.inverse .accordion-header .icon.plus-minus::before, .accordion.panel.inverse .accordion-header .icon.plus-minus::after {
            background-color: #abaeb7; }
        .accordion.panel.inverse .accordion-header > [class^="btn"]:focus:not(.hide-focus) {
          border-color: #368ac0;
          box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
        .accordion.panel.inverse .accordion-header.list-item::before {
          color: #abaeb7; }
        .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: #ffffff; }
        .accordion.panel.inverse .accordion-header.is-focused:not(.hide-focus) {
          border-color: #368ac0; }
        .accordion.panel.inverse .accordion-header.is-selected, .accordion.panel.inverse .accordion-header.is-selected:hover, .accordion.panel.inverse .accordion-header.is-focused.is-selected {
          color: #ffffff; }
          .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 {
            fill: #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: #ffffff; }
          .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: #ffffff;
            box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
        .accordion.panel.inverse .accordion-header:hover {
          color: #ffffff; }
          .accordion.panel.inverse .accordion-header:hover .icon {
            fill: #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: #212224; }
        .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-header:not(.is-focused):not(.is-selected),
        .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-content {
          border-top-color: #212224; }
        .accordion.panel.inverse .accordion-pane .accordion-header {
          border-bottom-color: #212224; }
          .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: #368ac0;
            box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
          .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: #ffffff; }
            .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 {
              fill: #ffffff; }
          .accordion.panel.inverse .accordion-pane .accordion-header.has-filtered-children, .accordion.panel.inverse .accordion-pane .accordion-header.has-filtered-children.is-focused, .accordion.panel.inverse .accordion-pane .accordion-header.has-filtered-children.is-selected {
            background-color: transparent; }
        .accordion.panel.inverse .accordion-pane .accordion-content {
          border-bottom-color: #212224;
          color: #abaeb7; }
          .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: #bdbdbd; }
  .accordion > .accordion-content {
    padding-left: 20px; }

.accordion-content {
  font-size: 14px;
  font-size: 1.4rem; }

.accordion-header {
  border: 1px solid transparent;
  border-bottom-color: #d8d8d8;
  cursor: pointer;
  font-size: 0;
  height: 45px;
  overflow: hidden;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }
  .accordion-header > * {
    vertical-align: middle; }
  .accordion-header span {
    color: inherit; }
    .accordion-header span.audible {
      color: inherit; }
  .accordion-header a {
    color: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    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 > [class^="btn"] {
    background-color: transparent !important;
    border-color: transparent;
    color: #383838;
    height: 38px;
    margin: 0 3px;
    min-width: 0;
    padding: 0 10px;
    width: 40px; }
    .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; }
        .accordion-header > [class^="btn"] .icon.plus-minus::before, .accordion-header > [class^="btn"] .icon.plus-minus::after {
          background-color: #5c5c5c;
          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);
        height: 28px;
        padding-right: 0;
        top: 2px;
        width: 28px; }
        .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: #368ac0;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
      .accordion-header > [class^="btn"]:focus:active {
        background-color: #368ac0; }
    .accordion-header > [class^="btn"]:active .icon {
      fill: #1a1a1a; }
    .accordion-header > [class^="btn"]:active .plus-minus::before, .accordion-header > [class^="btn"]:active .plus-minus::after {
      background-color: #1a1a1a; }
  .accordion-header > [class^="btn"] + a,
  .accordion-header > .icon + a {
    padding-left: 0; }
  .accordion-header .icon {
    fill: #5c5c5c;
    height: 16px;
    top: -1px;
    width: 18px; }
  .accordion-header > .icon {
    margin: 0 18px; }
    .accordion-header > .icon + a {
      width: calc(100% - 56px); }
  .accordion-header:hover {
    color: #1a1a1a; }
    .accordion-header:hover > a {
      text-decoration: none; }
    .accordion-header:hover .icon {
      fill: #1a1a1a; }
      .accordion-header:hover .icon.plus-minus::before, .accordion-header:hover .icon.plus-minus::after {
        background-color: #1a1a1a; }
  .accordion-header.is-focused:not(.hide-focus) {
    border-color: #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3); }
  .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% - 109px); }
  .accordion-header.is-disabled {
    background-color: transparent !important;
    color: #999999 !important;
    pointer-events: none; }
    .accordion-header.is-disabled span.audible {
      color: #ffffff !important; }
    .accordion-header.is-disabled a {
      color: #999999 !important; }
    .accordion-header.is-disabled .icon {
      fill: #999999 !important; }
      .accordion-header.is-disabled .icon.plus-minus::before, .accordion-header.is-disabled .icon.plus-minus::after {
        background-color: #999999 !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: #999999 !important; }
        .accordion-header.is-disabled + .accordion-pane .accordion-header .icon {
          fill: #999999 !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: #999999 !important; }
  .accordion-header.filtered {
    color: #5c5c5c; }
    .accordion-header.filtered.icon {
      fill: #5c5c5c; }
    .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);
  height: 0;
  overflow: hidden;
  padding: 0; }
  .accordion-pane.is-expanded {
    padding: 5px 0; }
    .accordion-pane.is-expanded + .accordion-header:not(.is-focused):not(.is-selected),
    .accordion-pane.is-expanded + .accordion-content {
      border-top-color: #d8d8d8; }
  .accordion-pane .accordion-content {
    color: #5c5c5c;
    overflow-x: visible; }
  .accordion-pane .accordion-content {
    padding-left: 20px; }
  .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 40px; }
  .accordion-pane.has-icons .accordion-content {
    padding-left: 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: #5c5c5c;
      content: '\25cf';
      display: inline-block;
      font-size: 12px;
      font-size: 1.2rem;
      padding: 8px 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: #999999; }
    .accordion-pane .accordion-header.is-focused:not(.hide-focus) {
      border-color: #368ac0; }
      .accordion-pane .accordion-header.is-focused:not(.hide-focus):last-child {
        border-bottom-color: #368ac0; }
    .accordion-pane .accordion-header.is-selected.list-item::before, .accordion-pane .accordion-header.is-selected:hover.list-item::before, .accordion-pane .accordion-header.is-focused.is-selected.list-item::before {
      color: #ffffff !important; }
    .accordion-pane .accordion-header.is-disabled {
      background-color: transparent !important;
      border-bottom-color: transparent !important; }
  .accordion-pane .accordion-pane {
    padding: 0;
    border-bottom-color: transparent; }
    .accordion-pane .accordion-pane .accordion-content {
      padding-left: 59px; }
    .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 59px; }
    .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-left: 40px; }
    .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 40px; }
    .accordion-pane .accordion-pane .accordion-header > .icon,
    .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
      margin-left: 34px; }
      .accordion-pane .accordion-pane .accordion-header > .icon + a,
      .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
        padding-left: 0;
        width: calc(100% - 59px); }
    .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 41px; }
    .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 59px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 78px; }
    .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 78px; }
    .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-left: 59px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 59px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
      margin-left: 53px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
        padding-left: 0;
        width: calc(100% - 78px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 60px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 78px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-left: 78px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 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-left: 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-left: 0;
        width: calc(100% - 97px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 79px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 97px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 116px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 116px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
      padding-left: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 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-left: 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-left: 0;
        width: calc(100% - 117px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 99px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 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: 14px 0; }

html[dir='rtl'] .accordion > .accordion-content {
  padding-left: auto;
  padding-right: 20px; }

html[dir='rtl'] .accordion .accordion-header {
  -webkit-font-feature-settings: "ccmp" 0; }
  html[dir='rtl'] .accordion .accordion-header > a {
    padding-left: 0;
    padding-right: 20px; }
  html[dir='rtl'] .accordion .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 20px; }

html[dir='rtl'] .accordion .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane.has-icons .accordion-content {
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 20px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 14px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 21px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 34px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 41px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 53px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 60px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 72px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 79px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 92px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 99px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion.has-icons .accordion-header > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-header > .icon + a,
html[dir='rtl'] .accordion.has-icons .accordion-header > [class^="btn"] + a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-content {
  padding-right: 54px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane.has-icons .accordion-content {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > a {
  padding-right: 36px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.no-icon > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 30px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 1px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 37px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-content {
  padding-right: 54px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 54px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 49px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 56px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 68px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 75px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 87px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 94px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 132px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-content {
  padding-right: 132px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 106px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 113px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
  padding-right: 132px; }

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

.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: #313236;
  border-right: 1px solid #656871;
  bottom: 0;
  color: #ffffff;
  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 .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 + .accoridon,
  .application-menu .searchfield-wrapper + .accordion {
    min-height: calc(100% - 34px); }
  .application-menu .accordion {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    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 .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: 14px;
        font-size: 1.4rem;
        max-width: calc(100% - 52px);
        padding-left: .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: #212224;
    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); }
      .application-menu .searchfield-wrapper .icon:not(.close) {
        left: 18px; }
    .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.is-hovered .icon {
      fill: #656871; }
    .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 {
      fill: #ffffff; }
    .application-menu .searchfield-wrapper.has-categories.show-category .searchfield {
      border-left-color: #656871; }
    .application-menu .searchfield-wrapper.has-categories.show-category.is-hovered .searchfield {
      border-left-color: #656871; }
    .application-menu .searchfield-wrapper.has-focus {
      box-shadow: none; }
  .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: #656871;
    padding-left: 53px;
    width: auto; }
    .application-menu .searchfield::placeholder {
      color: #656871; }
    .application-menu .searchfield::-webkit-input-placeholder {
      color: #656871; }
    .application-menu .searchfield::-moz-placeholder {
      color: #656871;
      opacity: 1; }
    .application-menu .searchfield:-ms-input-placeholder {
      color: #656871; }
  .application-menu .accordion-static-panel {
    background-color: #414247;
    border-bottom-color: #212224 !important;
    margin: 0 auto;
    min-height: 85px;
    padding: 10px 30px; }
    .application-menu .accordion-static-panel .icon.avatar {
      border-radius: 20px;
      height: 40px;
      top: 18px;
      width: 40px; }
    .application-menu .accordion-static-panel .name {
      font-size: 18px;
      font-size: 1.8rem;
      padding: 10px;
      position: relative;
      top: -3px; }
    .application-menu .accordion-static-panel .btn-menu {
      left: 43px;
      margin-top: -5px; }
      .application-menu .accordion-static-panel .btn-menu span {
        color: inherit;
        display: inline-block;
        max-width: 168px;
        overflow: hidden;
        text-overflow: ellipsis; }
  .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: #dee1e8; }
  .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; }

.ios-click-target {
  cursor: pointer; }

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: #313236;
  border-left: 1px solid #656871;
  border-right: 0;
  left: initial;
  right: -300px; }
  html[dir='rtl'] .application-menu.is-open {
    left: initial;
    right: 0; }
  html[dir='rtl'] .application-menu .searchfield-wrapper .icon:not(.close) {
    left: auto;
    right: 18px; }
  html[dir='rtl'] .application-menu .searchfield-wrapper .icon.close {
    left: 45px;
    right: auto; }
  html[dir='rtl'] .application-menu .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: .5em; }
  html[dir='rtl'] .application-menu .branding {
    padding: 1rem 1rem 0 0; }
  html[dir='rtl'] .application-menu + .page-container {
    left: 0;
    right: initial; }
  html[dir='rtl'] .application-menu .btn-menu {
    left: inherit;
    right: 43px; }

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

.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 {
      padding: 0; }
  .modal.contextual-action-panel .modal-header {
    background-color: #d8d8d8;
    border-bottom: 1px solid #bdbdbd;
    height: 50px;
    padding: 0; }
  .modal.contextual-action-panel .flex-toolbar {
    margin: 0 16px; }
  .modal.contextual-action-panel .toolbar {
    height: 50px;
    margin-bottom: 0; }
    .modal.contextual-action-panel .toolbar .title {
      font-size: 18px;
      font-size: 1.8rem;
      height: inherit;
      margin-left: 15px; }
    .modal.contextual-action-panel .toolbar .separator {
      background-color: #999999;
      margin: 5px 1px 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-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: #f0f0f0;
    border-color: #bdbdbd; }
  .modal.contextual-action-panel .close-button {
    display: inline-block; }
    .modal.contextual-action-panel .close-button .btn {
      margin: 7px 5px 3px 0;
      vertical-align: middle; }
  .modal.contextual-action-panel .buttonset [class^="btn"]:last-child {
    margin-right: 1px; }
  .modal.contextual-action-panel .modal-body {
    padding: 3rem 0; }
    .modal.contextual-action-panel .modal-body .field:last-child input,
    .modal.contextual-action-panel .modal-body .field:last-child textarea {
      margin-bottom: 10px; }
    .modal.contextual-action-panel .modal-body .full-width {
      padding-top: 0; }

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

@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 {
      margin-left: 0;
      margin-right: 15px; } }

.expandable-area .expandable-header {
  border-top: 1px solid #bdbdbd;
  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: 14px;
  font-size: 1.4rem;
  height: 0;
  overflow: hidden; }
  .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 .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 #bdbdbd;
  padding-bottom: 26px; }

.expandable-area .title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #1a1a1a; }

.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 #bdbdbd;
  margin-top: -5px; }
  .expandable-area.has-bottom-border .row:last-child {
    margin-bottom: 15px; }

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

.full-width .column:first-child,
.full-width .columns:first-child {
  padding-left: 20px !important; }

fieldset > legend,
.fieldset > legend {
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  color: #1a1a1a;
  font-weight: normal;
  padding-bottom: 20px; }

fieldset[disabled] > legend,
.fieldset[disabled] > legend {
  color: #999999; }

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 {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1.6rem;
  color: #1a1a1a;
  font-weight: normal;
  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 #bdbdbd;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0; }

@media (max-width: 766px) {
  .row > .columns:not(:first-child) > fieldset {
    margin-top: 45px; } }

.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 {
        fill: rgba(0, 0, 0, 0); }
    .lookup-wrapper .lookup[disabled] + .trigger > .icon {
      fill: #bdbdbd; }
    .lookup-wrapper .lookup.is-not-editable {
      background-color: rgba(0, 0, 0, 0);
      border: 1px solid #999999;
      color: #1a1a1a; }
      .lookup-wrapper .lookup.is-not-editable:not([disabled]) + .trigger {
        cursor: pointer; }
      .lookup-wrapper .lookup.is-not-editable:focus {
        border: solid 1px #368ac0;
        box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
        outline: none;
        outline-color: transparent; }
  .lookup-wrapper .trigger {
    cursor: pointer;
    display: inline-block;
    height: 34px;
    margin-left: -35px;
    outline: none;
    position: absolute;
    width: 34px; }
    .lookup-wrapper .trigger .icon {
      background-color: inherit;
      fill: #5c5c5c;
      height: 18px;
      pointer-events: none;
      right: -7px;
      top: 8px;
      width: 18px; }
    .lookup-wrapper .trigger:hover .icon {
      fill: #1a1a1a; }
  .lookup-wrapper .lookup-autowidth {
    width: auto; }

.field .lookup-wrapper,
.field-short .lookup-wrapper {
  margin-bottom: 0; }

.ie9 .lookup-wrapper .trigger,
.ie10 .lookup-wrapper .trigger {
  background-color: rgba(255, 255, 255, 0); }

.lookup-modal.lookup-no-search .toolbar {
  margin-bottom: 0;
  margin-top: -40px; }

.lookup-modal.lookup-no-search .modal-header {
  padding: 15px 20px 5px; }

.lookup-modal .datagrid tr:last-child td {
  border-bottom: 0; }

.lookup-modal .datagrid-result-count {
  top: -2px; }

.lookup-modal .toolbar {
  margin-bottom: 15px;
  padding: 0; }
  .lookup-modal .toolbar .buttonset {
    width: calc(100%); }
  .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: 10px; }

.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 {
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-font-smoothing: antialiased; }

.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) {
    background-color: #d8d8d8; }

.lookup-modal .toolbar-searchfield-wrapper.non-collapsible {
  width: 100% !important; }
  .lookup-modal .toolbar-searchfield-wrapper.non-collapsible input {
    background-color: #f0f0f0; }
    .lookup-modal .toolbar-searchfield-wrapper.non-collapsible input::-webkit-input-placeholder, .lookup-modal .toolbar-searchfield-wrapper.non-collapsible input::-moz-placeholder, .lookup-modal .toolbar-searchfield-wrapper.non-collapsible input:-ms-input-placeholder {
      color: #999999; }

.ie11 .lookup-modal .modal-body .toolbar .more {
  position: relative;
  z-index: 1; }

.field-short .lookup-wrapper {
  margin-bottom: 0; }
  .field-short .lookup-wrapper .trigger {
    height: 24px;
    margin-left: -22px;
    width: 18px; }
    .field-short .lookup-wrapper .trigger .icon {
      height: 14px;
      right: 0;
      top: 6px;
      width: 18px; }
    .field-short .lookup-wrapper .trigger + .icon {
      margin-left: -41px; }

.field-short .lookup {
  padding-right: 18px; }

html[dir="rtl"] .lookup-wrapper .trigger {
  margin-left: 0;
  margin-right: -33px; }
  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 {
  margin-left: 0;
  margin-right: -20px; }
  html[dir="rtl"] .field-short .lookup-wrapper .trigger .icon {
    height: 14px;
    left: 0;
    right: auto;
    top: 3px;
    width: 18px; }

html[dir="rtl"] .lookup-wrapper .lookup {
  padding-left: 35px;
  padding-right: 10px;
  text-align: right;
  text-overflow: ellipsis; }

.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: .1;
  padding: 80px 41px;
  position: relative; }
  .wizard-header .bar {
    background-color: #bdbdbd;
    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: #368ac0;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0%; }
  .wizard-header .tick {
    background-color: #f0f0f0;
    border-radius: 7px;
    color: #bdbdbd;
    display: inline-block;
    height: 14px;
    margin-left: -3px;
    margin-top: -6px;
    position: absolute;
    width: 14px; }
    .wizard-header .tick::after {
      border: 2px solid #bdbdbd;
      border-radius: 7px;
      content: '';
      height: 10px;
      left: 0;
      position: absolute;
      top: 0;
      width: 10px; }
    .wizard-header .tick::before {
      border: 1px solid rgba(54, 138, 192, 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: #5c5c5c;
      display: inline-block;
      height: 24px;
      line-height: 22px;
      padding: 0 3px;
      position: absolute;
      top: 20px;
      white-space: nowrap; }
    .wizard-header .tick.current, .wizard-header .tick.complete {
      color: #368ac0; }
      .wizard-header .tick.current::after, .wizard-header .tick.complete::after {
        border: 0;
        left: 2px;
        top: 2px; }
      .wizard-header .tick.current .label, .wizard-header .tick.complete .label {
        color: #368ac0;
        top: 20px; }
    .wizard-header .tick.current {
      -webkit-box-shadow: 0 0 0 2px #f0f0f0;
      -moz-box-shadow: 0 0 0 2px #f0f0f0;
      -o-box-shadow: 0 0 0 2px #f0f0f0;
      -ms-box-shadow: 0 0 0 2px #f0f0f0;
      box-shadow: 0 0 0 2px #f0f0f0;
      background-color: #368ac0;
      border-radius: 50%; }
      .wizard-header .tick.current::before {
        border: 1px solid #368ac0;
        border-radius: 11.1px;
        height: 18.2px;
        left: -3px;
        top: -3px;
        width: 18.2px; }
      .wizard-header .tick.current .label {
        font-weight: bold; }
    .wizard-header .tick.complete {
      background-color: #368ac0; }
    .wizard-header .tick.is-disabled {
      -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;
      outline-style: none;
      cursor: default;
      text-decoration: none;
      width: 12px; }
      .wizard-header .tick.is-disabled::after {
        border-width: 1px; }
      .wizard-header .tick.is-disabled .label {
        color: #999999;
        font-weight: normal; }
      .wizard-header .tick.is-disabled.current, .wizard-header .tick.is-disabled.complete {
        background-color: #f0f0f0; }
        .wizard-header .tick.is-disabled.current::after, .wizard-header .tick.is-disabled.complete::after {
          border: 1px solid #bdbdbd;
          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 {
    border-bottom: 1px solid;
    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 #368ac0, 0 0 4px 3px rgba(54, 138, 192, 0.3); }

.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: #2578a9; }
    .header .wizard-header .tick::after {
      border-color: rgba(255, 255, 255, 0.4); }
    .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 .label, .header .wizard-header .tick.complete .label {
        color: #ffffff; }
    .header .wizard-header .tick.current {
      -webkit-box-shadow: 0 0 0 2px #2578a9;
      -moz-box-shadow: 0 0 0 2px #2578a9;
      -o-box-shadow: 0 0 0 2px #2578a9;
      -ms-box-shadow: 0 0 0 2px #2578a9;
      box-shadow: 0 0 0 2px #2578a9; }
      .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: normal; }
    .header .wizard-header .tick.is-disabled.current, .header .wizard-header .tick.is-disabled.complete {
      background-color: #2578a9; }
      .header .wizard-header .tick.is-disabled.current::after, .header .wizard-header .tick.is-disabled.complete::after {
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 7px;
        content: '';
        height: 10px;
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .header .wizard-header a.tick:hover:not(.current):not(.is-disabled):not([disabled]) .label {
    color: #ffffff; }
  .header .wizard-header a.tick:focus:not(.is-clicked):not(.is-disabled):not([disabled]) .label {
    box-shadow: 0 0 0 1px #ffffff; }

.wizard-toolbar {
  background-color: #ffffff;
  border-bottom: 1px solid #bdbdbd;
  display: inline-block;
  height: 72px;
  padding: 0 30px;
  width: 100%; }
  .wizard-toolbar .hyperlink {
    display: inline-block;
    margin-top: -22px;
    position: relative;
    top: 50%; }
  .wizard-toolbar .wizard-header {
    background-color: #ffffff;
    padding: 27px 0 0; }
  .wizard-toolbar .wizard {
    display: inline-block;
    float: right;
    padding-right: 30px;
    width: 45%; }
    .wizard-toolbar .wizard .tick:not(.current):not(.complete) {
      background-color: #ffffff; }

.section-wizard {
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
  padding: 20px 0 0; }
  .section-wizard .wizard-header {
    background-color: transparent; }
    .section-wizard .wizard-header .tick:not(.complete):not(.current) {
      background-color: #ffffff; }

@media (max-width: 766px) {
  .wizard-header .tick:not(.current) .label {
    visibility: hidden; } }

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 {
    left: auto;
    right: 7px; }
  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; }

.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: white;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  left: -9999px;
  opacity: 0;
  position: absolute;
  top: 0;
  white-space: normal;
  width: 300px;
  z-index: 5010; }
  .popdown h2 {
    color: #1a1a1a; }
    .popdown h2 .extra {
      color: #5c5c5c; }
  .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: #bdbdbd; }
      .popdown.top .arrow::after {
        border-top-color: white; }
  .popdown.bottom .arrow {
    border-bottom-color: #bdbdbd;
    top: -24px !important; }
    .popdown.bottom .arrow::after {
      border-bottom-color: white;
      top: -11px !important;
      left: -12px !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 {
    margin: 0; }

.hierarchy {
  margin: 0;
  padding: 20px; }
  .hierarchy .branch-collapsed > ul * {
    display: none; }
  .hierarchy legend {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 20px 40px; }
    .hierarchy legend li {
      display: inline-block;
      margin-bottom: 10px;
      margin-right: 20px; }
    .hierarchy legend .key {
      border-radius: 50%;
      display: inline-block;
      float: left;
      height: 15px;
      margin: 0 10px;
      width: 15px; }
  .hierarchy .container {
    display: table;
    margin: 0 auto; }
    .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.display-for-paging::after {
        background: #bdbdbd none repeat scroll 0 0;
        content: '';
        position: absolute;
        width: 1.34px;
        z-index: -1;
        height: calc(100% - 124px);
        left: 0;
        top: 38px; }
      .hierarchy .container .chart.display-for-paging .back {
        left: -245px;
        position: relative;
        top: 55px; }
        .hierarchy .container .chart.display-for-paging .back button {
          background: #368ac0;
          color: #ffffff;
          display: block;
          margin: 0 auto;
          max-width: 36px; }
          .hierarchy .container .chart.display-for-paging .back button svg {
            fill: #ffffff; }
      .hierarchy .container .chart.display-for-paging .root {
        margin-left: -30px !important;
        overflow: visible;
        position: relative; }
        .hierarchy .container .chart.display-for-paging .root::after {
          content: '';
          display: block;
          height: 1.34px;
          left: 0;
          position: absolute;
          top: 50%;
          width: 50%;
          z-index: -1; }
      .hierarchy .container .chart.display-for-paging.has-back .root::after {
        left: -25px; }
      .hierarchy .container .chart.has-back::after {
        height: calc(100% - 170px);
        left: 0;
        top: 84px; }
      .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 #bdbdbd;
          border-left: 1.34px solid #bdbdbd;
          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 #bdbdbd;
      border-left: 1.34px solid #bdbdbd;
      content: '';
      display: block;
      height: 105px;
      left: -30px;
      position: absolute;
      top: -65px;
      width: 50%;
      z-index: -1; }
    .hierarchy .container .sub-level > li ul {
      position: relative; }
    .hierarchy .container .sub-level > li.branch-expanded > ul > li.branch-expanded:not(:last-child)::after {
      border-left: 1.34px solid #bdbdbd;
      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: #f0f0f0;
      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 #bdbdbd;
    border-left: 5px solid #5c5c5c;
    border-radius: 2px;
    cursor: pointer;
    height: 75px;
    position: relative;
    width: 275px; }
    .hierarchy .leaf .content {
      overflow: hidden; }
    .hierarchy .leaf.azure08 {
      border-left-color: #1d5f8a; }
    .hierarchy .leaf.turquoise02 {
      border-left-color: #a9e1d6; }
    .hierarchy .leaf.amethyst06 {
      border-left-color: #9279a6; }
    .hierarchy .leaf.slate06 {
      border-left-color: #50535a; }
    .hierarchy .leaf.amber06 {
      border-left-color: #efa836; }
    .hierarchy .leaf.emerald07 {
      border-left-color: #66a140; }
    .hierarchy .leaf.ruby06 {
      border-left-color: #b94e4a; }
    .hierarchy .leaf.is-selected {
      box-shadow: 0 0 0 5px rgba(54, 138, 192, 0.3); }
    .hierarchy .leaf img,
    .hierarchy .leaf .image-placeholder {
      border-radius: 50%;
      display: inline-block;
      float: left;
      height: 55px;
      margin-left: 14px;
      margin-top: 8px;
      width: 55px; }
    .hierarchy .leaf .image-initials {
      display: inline-block;
      float: left;
      height: 55px;
      line-height: 5.5rem;
      margin-left: 14px;
      margin-top: 8px;
      width: 55px; }
    .hierarchy .leaf .image-placeholder {
      border: 2px solid #999999; }
    .hierarchy .leaf .detail {
      display: inline-block;
      float: left;
      margin-left: 20px;
      margin-right: 10px;
      max-width: 178px;
      overflow: hidden;
      text-align: left; }
    .hierarchy .leaf .heading {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 16px;
      font-size: 1.6rem;
      color: #1a1a1a;
      line-height: 20px;
      margin-top: 8px; }
    .hierarchy .leaf .subheading {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 14px;
      font-size: 1.4rem;
      color: #1a1a1a;
      line-height: 20px;
      margin-top: 0; }
    .hierarchy .leaf .micro {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 12px;
      font-size: 1.2rem;
      color: #1a1a1a;
      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: 315px; }
    .hierarchy ul > li > .leaf .btn-expand,
    .hierarchy ul > li > .leaf .btn-collapse {
      height: 30px;
      left: auto;
      min-height: 30px;
      min-width: 30px;
      position: absolute;
      right: 13px;
      top: 22px;
      width: 30px; }
      .hierarchy ul > li > .leaf .btn-expand .icon,
      .hierarchy ul > li > .leaf .btn-collapse .icon {
        height: 24px;
        width: 24px; }
  .hierarchy .root {
    margin: 0 auto;
    position: relative; }
    .hierarchy .root::after {
      background: #bdbdbd 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: #bdbdbd 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: #bdbdbd 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 .child-nodes {
    padding: 30px 0;
    position: relative; }
    .hierarchy .child-nodes > li .leaf {
      margin: 0 0 20px 40px;
      overflow: visible;
      position: relative; }
      .hierarchy .child-nodes > li .leaf::after {
        border-top: 1.34px solid #bdbdbd;
        content: '';
        display: block;
        left: -45px;
        position: absolute;
        top: 50%;
        width: 50%;
        z-index: -1; }
  .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 #bdbdbd;
        border-top: 1.34px solid #bdbdbd;
        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 #bdbdbd;
        content: '';
        display: inline-block;
        height: 25px;
        width: 120%; }
      .hierarchy .sub-level > li:last-child::before {
        border-left: 0;
        border-right: 1.34px solid #bdbdbd;
        border-top: 1.34px solid #bdbdbd;
        content: '';
        display: inline-block;
        height: 25px;
        margin-left: -51%;
        width: 50%; }
    .hierarchy .sub-level li ul {
      overflow: hidden;
      padding-left: 45px;
      padding-right: 5px; }
      .hierarchy .sub-level li ul li {
        margin: 30px 0;
        position: relative; }
        .hierarchy .sub-level li ul li:last-child:not(:first-child) {
          margin: 5px 0; }
  .hierarchy .image-user-status {
    display: block; }

@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 .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 #bdbdbd;
        content: '';
        height: 1px;
        left: -29px;
        position: absolute;
        top: 35px;
        width: 24px; }
      .hierarchy .root + .sub-level::before {
        background-color: transparent;
        border-bottom: 1px solid #bdbdbd;
        border-left: 1px solid #bdbdbd;
        height: calc(100% - 73px);
        left: 20px;
        width: 300px;
        z-index: -1; }
    .hierarchy .display-for-paging {
      left: 40px; }
      .hierarchy .display-for-paging .root::after {
        background-color: #bdbdbd; }
    .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; } }

.is-mobile {
  margin: 0 auto;
  text-align: center; }
  .is-mobile legend {
    text-align: left; }
    .is-mobile legend li {
      margin-bottom: 10px;
      text-align: center; }
  .is-mobile .container {
    display: inline-block;
    margin: 0; }
    .is-mobile .container .chart .sub-level {
      padding-left: 45px; }
  .is-mobile .root {
    margin: 0; }
    .is-mobile .root::after {
      background: transparent;
      height: 0;
      width: 0; }
    .is-mobile .root + .sub-level .leaf::before {
      background-color: transparent;
      border-bottom: 1px solid #bdbdbd;
      content: '';
      height: 1px;
      left: -29px;
      position: absolute;
      top: 35px;
      width: 24px; }
    .is-mobile .root + .sub-level::before {
      background-color: transparent;
      border-bottom: 1px solid #bdbdbd;
      border-left: 1px solid #bdbdbd;
      height: calc(100% - 73px);
      left: 20px;
      width: 300px;
      z-index: -1; }
  .is-mobile .display-for-paging {
    left: 40px; }
    .is-mobile .display-for-paging .root::after {
      background-color: #bdbdbd; }
  .is-mobile .sub-level {
    margin-left: 0; }
  .is-mobile .top-level::after {
    left: 158px; }
  .is-mobile .top-level li {
    display: block;
    padding: 10px 0; }
  .is-mobile .top-level > li:first-child::before,
  .is-mobile .sub-level > li:first-child::before,
  .is-mobile .sub-level > li::before,
  .is-mobile .top-level > li::before,
  .is-mobile .sub-level > li:last-child::before,
  .is-mobile .top-level > li:last-child::before {
    display: none; }
  .is-mobile .sub-level > li {
    display: block;
    padding: 0;
    padding-bottom: 30px; }
  .is-mobile .sub-level > li.branch-collapsed {
    padding-bottom: 30px;
    padding-right: 5px; }

html[dir='rtl'] .hierarchy legend li {
  margin-left: 20px;
  margin-right: inherit; }

html[dir='rtl'] .hierarchy legend .key {
  float: right; }

html[dir='rtl'] .hierarchy .leaf {
  border-left: 1px solid #bdbdbd;
  border-right: 5px solid #5c5c5c; }
  html[dir='rtl'] .hierarchy .leaf.azure08 {
    border-left-color: #bdbdbd;
    border-right-color: #1d5f8a; }
  html[dir='rtl'] .hierarchy .leaf.turquoise02 {
    border-left-color: #bdbdbd;
    border-right-color: #a9e1d6; }
  html[dir='rtl'] .hierarchy .leaf.amethyst06 {
    border-left-color: #bdbdbd;
    border-right-color: #9279a6; }
  html[dir='rtl'] .hierarchy .leaf.slate06 {
    border-left-color: #bdbdbd;
    border-right-color: #50535a; }
  html[dir='rtl'] .hierarchy .leaf.amber06 {
    border-left-color: #bdbdbd;
    border-right-color: #efa836; }
  html[dir='rtl'] .hierarchy .leaf.emerald07 {
    border-left-color: #bdbdbd;
    border-right-color: #66a140; }
  html[dir='rtl'] .hierarchy .leaf.ruby06 {
    border-left-color: #bdbdbd;
    border-right-color: #b94e4a; }
  html[dir='rtl'] .hierarchy .leaf img,
  html[dir='rtl'] .hierarchy .leaf .image-placeholder {
    float: right;
    margin-left: inherit;
    margin-right: 14px; }
  html[dir='rtl'] .hierarchy .leaf .detail {
    float: right;
    margin-left: 10px;
    margin-right: 20px;
    text-align: right; }
  html[dir='rtl'] .hierarchy .leaf .btn-icon {
    left: auto;
    right: 0; }

html[dir='rtl'] .hierarchy ul > li > .leaf .btn-expand,
html[dir='rtl'] .hierarchy ul > li > .leaf .btn-collapse {
  left: auto;
  right: calc(100% - 40px); }

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 .sub-level > li::before {
  border-bottom: 0;
  border-left: 0 solid #bdbdbd;
  border-right: 1.34px solid #bdbdbd;
  margin-left: inherit;
  margin-right: 160px;
  width: 110%; }

html[dir='rtl'] .hierarchy .sub-level > li:last-child::before {
  margin-left: 127px;
  width: 0; }

html[dir='rtl'] .hierarchy .sub-level > li > ul .leaf::before {
  border-left: 0;
  border-right: 1.34px solid #bdbdbd;
  left: auto;
  right: -35px; }

html[dir='rtl'] .hierarchy .sub-level li ul {
  margin-left: inherit;
  margin-right: 45px;
  padding-left: 5px;
  padding-right: 30px; }

.toolbar-searchfield-wrapper {
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  width: 34px; }
  .toolbar-searchfield-wrapper > * {
    vertical-align: middle; }
  .toolbar-searchfield-wrapper .searchfield {
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: #5c5c5c;
    font-weight: 700;
    height: 34px;
    outline: 0;
    padding-left: 34px;
    padding-right: 34px;
    text-overflow: ellipsis;
    width: 100%; }
    .toolbar-searchfield-wrapper .searchfield::-webkit-input-placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      color: #5c5c5c;
      font-weight: 700; }
    .toolbar-searchfield-wrapper .searchfield::-moz-placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      color: #5c5c5c;
      font-weight: 700; }
    .toolbar-searchfield-wrapper .searchfield:-ms-input-placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      color: #5c5c5c;
      font-weight: 700; }
  .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; }
  .toolbar-searchfield-wrapper.has-go-button > .icon.close {
    right: 45px; }
  .toolbar-searchfield-wrapper label {
    display: none; }
  .toolbar-searchfield-wrapper .icon {
    fill: #5c5c5c; }
    .toolbar-searchfield-wrapper .icon.close {
      background-color: rgba(216, 216, 216, 0);
      fill: rgba(92, 92, 92, 0); }
    .toolbar-searchfield-wrapper .icon:not(.close) {
      -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 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), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 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), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 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), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      height: 18px;
      top: 8px; }
  .toolbar-searchfield-wrapper .inline ~ .icon {
    top: 11px; }
  .toolbar-searchfield-wrapper .icon.close {
    top: 10px; }
  .toolbar-searchfield-wrapper .btn {
    background-color: rgba(0, 0, 0, 0);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 0; }
  .toolbar-searchfield-wrapper .searchfield-category-button:focus,
  .toolbar-searchfield-wrapper .go-button:focus {
    border: 1px solid transparent; }
    .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus),
    .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus) {
      box-shadow: none;
      color: #383838; }
      .toolbar-searchfield-wrapper .searchfield-category-button:focus:not(.hide-focus)::after,
      .toolbar-searchfield-wrapper .go-button:focus:not(.hide-focus)::after {
        border: 1px solid #368ac0;
        border-radius: 2px;
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
  .toolbar-searchfield-wrapper.is-hovered .searchfield {
    border-color: transparent;
    border-bottom-color: rgba(189, 189, 189, 0); }
  .toolbar-searchfield-wrapper.is-hovered .btn {
    border-color: transparent;
    border-bottom-color: rgba(189, 189, 189, 0); }
  .toolbar-searchfield-wrapper.is-hovered .go-button {
    color: rgba(92, 92, 92, 0.7); }
    .toolbar-searchfield-wrapper.is-hovered .go-button .icon {
      fill: rgba(92, 92, 92, 0.7); }
  .toolbar-searchfield-wrapper.is-hovered.active .searchfield, .toolbar-searchfield-wrapper.is-hovered.is-open .searchfield {
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.is-hovered.active .btn, .toolbar-searchfield-wrapper.is-hovered.is-open .btn {
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.non-collapsible .icon:not(.close) {
    height: 14px;
    top: 10px; }
  .toolbar-searchfield-wrapper.is-open .searchfield,
  .toolbar-searchfield-wrapper.is-open .btn {
    background-color: #d8d8d8;
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.is-open .searchfield {
    color: #5c5c5c;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    text-transform: none; }
    .toolbar-searchfield-wrapper.is-open .searchfield::-webkit-input-placeholder {
      color: #5c5c5c;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      text-transform: none; }
    .toolbar-searchfield-wrapper.is-open .searchfield::-moz-placeholder {
      color: #5c5c5c;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      text-transform: none; }
    .toolbar-searchfield-wrapper.is-open .searchfield:-ms-input-placeholder {
      color: #5c5c5c;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      text-transform: none; }
  .toolbar-searchfield-wrapper.is-open .icon {
    fill: #5c5c5c;
    height: 14px;
    top: 10px; }
  .toolbar-searchfield-wrapper.is-open.alternate .searchfield,
  .toolbar-searchfield-wrapper.is-open.alternate .btn {
    background-color: white;
    border-bottom-color: #f0f0f0; }
  .toolbar-searchfield-wrapper.active .searchfield {
    background-color: #d8d8d8;
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.active .btn {
    background-color: #d8d8d8;
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.active.alternate .searchfield,
  .toolbar-searchfield-wrapper.active.alternate .btn {
    background-color: white;
    border-bottom-color: #f0f0f0; }
  .toolbar-searchfield-wrapper:not(.is-open) .icon.close {
    display: none !important; }
  .toolbar-searchfield-wrapper.has-focus .searchfield {
    border-color: transparent; }
  .toolbar-searchfield-wrapper.has-focus.active .inline ~ .icon {
    top: 15px; }
  .toolbar-searchfield-wrapper.has-focus.active .searchfield {
    border-color: transparent transparent #bdbdbd; }
  .toolbar-searchfield-wrapper.has-focus.active .btn {
    border-color: transparent transparent #bdbdbd; }
  .toolbar-searchfield-wrapper.has-text {
    width: 100px; }
    .toolbar-searchfield-wrapper.has-text.active {
      width: 225px; }
  .toolbar-searchfield-wrapper.has-categories {
    width: 51px; }
    .toolbar-searchfield-wrapper.has-categories.active {
      width: 225px; }
    .toolbar-searchfield-wrapper.has-categories.has-text {
      width: 100px; }
      .toolbar-searchfield-wrapper.has-categories.has-text.active {
        width: 225px; }
    .toolbar-searchfield-wrapper.has-categories .searchfield {
      border: 1px solid transparent;
      width: calc(100% - 39px); }
    .toolbar-searchfield-wrapper.has-categories.show-category .searchfield {
      padding-left: 0; }
    .toolbar-searchfield-wrapper.has-categories .btn {
      border: 1px solid transparent;
      height: 34px; }
    .toolbar-searchfield-wrapper.has-categories.has-go-button .searchfield {
      border-bottom-right-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-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .toolbar-searchfield-wrapper.has-categories.searchfield-wrapper.show-category .searchfield {
      border-left-color: transparent; }
  .toolbar-searchfield-wrapper.has-go-button.has-text .searchfield {
    width: 100%; }

.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(240, 240, 240, 0);
  border-color: rgba(216, 216, 216, 0); }

.card-header .toolbar-searchfield-wrapper.is-open .searchfield,
.widget-header .toolbar-searchfield-wrapper.is-open .searchfield {
  background-color: #f0f0f0;
  border-bottom-color: #d8d8d8; }

.card-header .toolbar-searchfield-wrapper.is-open .icon,
.widget-header .toolbar-searchfield-wrapper.is-open .icon {
  fill: #f0f0f0; }
  .card-header .toolbar-searchfield-wrapper.is-open .icon.close,
  .widget-header .toolbar-searchfield-wrapper.is-open .icon.close {
    background-color: #f0f0f0; }

.card-header .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg,
.widget-header .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg {
  fill: #368ac0; }

.header .toolbar-searchfield-wrapper .icon:not(.close),
.masthead .toolbar-searchfield-wrapper .icon:not(.close) {
  fill: rgba(255, 255, 255, 0.7);
  opacity: .7; }

.header .toolbar-searchfield-wrapper .searchfield,
.masthead .toolbar-searchfield-wrapper .searchfield {
  background-color: rgba(49, 50, 54, 0);
  border-color: rgba(33, 34, 36, 0);
  color: #ffffff; }

.header .toolbar-searchfield-wrapper .go-button,
.masthead .toolbar-searchfield-wrapper .go-button {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  color: #383838; }
  .header .toolbar-searchfield-wrapper .go-button .icon,
  .masthead .toolbar-searchfield-wrapper .go-button .icon {
    fill: #383838; }
  .header .toolbar-searchfield-wrapper .go-button:hover,
  .masthead .toolbar-searchfield-wrapper .go-button:hover {
    background-color: #999999;
    border: 1px solid #999999; }
  .header .toolbar-searchfield-wrapper .go-button:active,
  .masthead .toolbar-searchfield-wrapper .go-button:active {
    background-color: #999999;
    border: 1px solid #999999; }
  .header .toolbar-searchfield-wrapper .go-button:focus:active,
  .masthead .toolbar-searchfield-wrapper .go-button:focus:active {
    background-color: #999999;
    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: #999999;
    border: 1px solid #bdbdbd;
    box-shadow: none;
    color: #383838;
    cursor: default;
    opacity: 0.5; }
  .header .toolbar-searchfield-wrapper .go-button .ripple-effect,
  .masthead .toolbar-searchfield-wrapper .go-button .ripple-effect {
    background: #d8d8d8; }

.header .toolbar-searchfield-wrapper .searchfield-category-button:focus,
.header .toolbar-searchfield-wrapper .go-button:focus,
.masthead .toolbar-searchfield-wrapper .searchfield-category-button:focus,
.masthead .toolbar-searchfield-wrapper .go-button:focus {
  border: 1px solid transparent; }
  .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: #383838; }
    .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: 1px solid white;
      border-radius: 2px;
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }

.header .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg,
.masthead .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg {
  fill: rgba(255, 255, 255, 0.7);
  opacity: 1; }

.header .toolbar-searchfield-wrapper.is-hovered .btn,
.masthead .toolbar-searchfield-wrapper.is-hovered .btn {
  color: rgba(255, 255, 255, 0.7); }

.header .toolbar-searchfield-wrapper.is-hovered .icon,
.masthead .toolbar-searchfield-wrapper.is-hovered .icon {
  fill: rgba(255, 255, 255, 0.7); }

.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: rgba(49, 50, 54, 0.5);
  border-bottom-color: rgba(33, 34, 36, 0.7); }

.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: rgba(49, 50, 54, 0.5);
  border-bottom-color: rgba(33, 34, 36, 0.7); }

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

.header .toolbar-searchfield-wrapper.is-open .icon,
.masthead .toolbar-searchfield-wrapper.is-open .icon {
  fill: rgba(255, 255, 255, 0.7); }

.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: #313236;
  border-bottom-color: #212224; }

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

@media (min-width: 767px) {
  .toolbar-searchfield-wrapper.non-collapsible {
    width: 225px; }
    .toolbar-searchfield-wrapper.non-collapsible .searchfield {
      font-size: 14px;
      font-size: 1.4rem;
      background-color: #d8d8d8;
      border-bottom-color: #bdbdbd;
      border-radius: 0;
      color: #5c5c5c;
      font-weight: normal;
      text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder {
        font-size: 14px;
        font-size: 1.4rem;
        color: #5c5c5c;
        font-weight: normal;
        text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder {
        font-size: 14px;
        font-size: 1.4rem;
        color: #5c5c5c;
        font-weight: normal;
        text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder {
        font-size: 14px;
        font-size: 1.4rem;
        color: #5c5c5c;
        font-weight: normal;
        text-transform: none; }
    .toolbar-searchfield-wrapper.non-collapsible.has-text {
      width: 225px; }
      .toolbar-searchfield-wrapper.non-collapsible.has-text.active {
        width: 225px; }
    .toolbar-searchfield-wrapper.non-collapsible.is-open .icon {
      fill: #5c5c5c; }
  .card-header .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .widget-header .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    background-color: #f0f0f0;
    border-bottom-color: #d8d8d8; }
  .card-header .toolbar-searchfield-wrapper.non-collapsible.is-open .icon,
  .widget-header .toolbar-searchfield-wrapper.non-collapsible.is-open .icon {
    fill: #5c5c5c; }
  .header .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    color: #ffffff; }
    .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: #abaeb7; }
    .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: #abaeb7; }
    .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: #abaeb7; }
  .header .toolbar-searchfield-wrapper.non-collapsible.is-open .icon,
  .masthead .toolbar-searchfield-wrapper.non-collapsible.is-open .icon,
  .module-tabs .toolbar-searchfield-wrapper.non-collapsible.is-open .icon {
    fill: rgba(255, 255, 255, 0.7); }
  .header .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .masthead .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    background-color: rgba(33, 34, 36, 0.5);
    border-bottom-color: rgba(28, 24, 25, 0.7); }
  .module-tabs .toolbar-searchfield-wrapper.non-collapsible .searchfield {
    background-color: rgba(49, 50, 54, 0.5);
    border-bottom-color: rgba(33, 34, 36, 0.7); } }

html[dir='rtl'] .toolbar-searchfield-wrapper {
  text-align: right; }
  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 .searchfield {
    padding-right: 0; }
  html[dir='rtl'] .toolbar-searchfield-wrapper.has-categories.show-category .searchfield {
    padding-right: 10px; }
  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; }
  html[dir='rtl'] .toolbar-searchfield-wrapper .btn {
    border-color: transparent; }
  html[dir='rtl'] .toolbar-searchfield-wrapper.has-focus.active .searchfield {
    border-color: transparent transparent #bdbdbd; }
  html[dir='rtl'] .toolbar-searchfield-wrapper.has-focus.active .btn {
    border-color: transparent transparent #bdbdbd; }

@media (max-width: 766px) {
  .toolbar-searchfield-wrapper:not(.is-open) .searchfield.alternate {
    background-color: transparent !important; }
  .toolbar-searchfield-wrapper.has-go-button > .icon.close {
    right: 35px; }
  html[dir='rtl'] .toolbar-searchfield-wrapper.has-go-button > .icon.close {
    left: 35px;
    right: auto; } }

.instance-count {
  display: inline-block;
  margin: 20px 10px;
  vertical-align: top;
  width: 150px; }
  .instance-count .count {
    font-size: 22px;
    font-size: 2.2rem;
    border-radius: 50%;
    color: #ffffff;
    display: inline;
    float: left;
    font-weight: bold;
    height: 38px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 38px; }
  .instance-count .count[class=count] {
    background-color: #999999; }
  .instance-count .title {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    color: #5c5c5c;
    display: inline-block;
    float: left;
    font-size: 1.4rem;
    line-height: 20px;
    max-width: 50px;
    padding-left: 11px;
    text-align: left; }

html[dir='rtl'] .instance-count .count {
  float: right; }

html[dir='rtl'] .instance-count .title {
  float: right;
  padding-left: inherit;
  padding-right: 11px;
  text-align: right; }

.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-flexbox-direction: row;
  -ms-flex-direction: row;
  flex-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-flexbox-direction: column;
    -ms-flex-direction: column;
    flex-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 .flex-grow-shrink.is-right-side {
      margin-left: 20px; }
  .splitter-container .is-right-side {
    border-right: 0; }
    .splitter-container .is-right-side .panel-header {
      border-bottom: none;
      height: 41px;
      padding-right: 0; }
  .splitter-container .content {
    height: 100%; }

.splitter {
  -webkit-transition: background-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);
  -o-transition: background-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);
  transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: inherit;
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  width: 20px;
  z-index: 100; }
  .splitter:hover, .splitter:active, .splitter:focus, .splitter.is-dragging {
    background-color: #d8d8d8;
    outline: none; }
    .splitter:hover::after, .splitter:active::after, .splitter:focus::after, .splitter.is-dragging::after {
      color: #1a1a1a; }
  .splitter .splitter-btn {
    height: 30px;
    left: -2px;
    position: absolute;
    transform: none;
    width: 30px;
    z-index: 101; }
    .splitter .splitter-btn .icon {
      height: 16px;
      width: 16px; }
    .splitter .splitter-btn.rotate {
      left: -7px;
      margin-top: -5px;
      transform: rotate(180deg); }
  .splitter.is-dragging {
    box-shadow: -2px 0 3px 0 rgba(54, 138, 192, 0.75); }
  .splitter .panel-header {
    height: 41px; }
  .splitter::after {
    color: #5c5c5c;
    content: '⁞';
    display: block;
    font-size: 28px;
    left: 5px;
    margin-top: -12px;
    position: absolute;
    top: 50%; }
  .splitter.splitter-right {
    border-right: 1px solid #bdbdbd;
    left: 229px;
    position: absolute;
    top: 0; }
    .splitter.splitter-right.is-dragging {
      box-shadow: 2px 0 3px 0 rgba(54, 138, 192, 0.75); }
  .splitter.splitter-horizontal {
    cursor: ns-resize;
    height: 20px;
    position: absolute;
    width: 100%; }
    .splitter.splitter-horizontal::after {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      color: #5c5c5c;
      content: '⁞';
      display: block;
      font-size: 28px;
      left: 50%;
      margin-left: -10px;
      position: absolute;
      top: 30%; }
  .splitter + .tab-container.horizontal {
    margin: 0 20px; }

@media (max-width: 766px) {
  .splitter {
    display: none; }
    .splitter.splitter-horizontal {
      display: block; } }

.ie .splitter-container .toolbar .buttonset > [class^="btn"] {
  line-height: normal; }

.form-responsive input,
.form-responsive textarea {
  width: 100%; }

.form-responsive .dropdown-wrapper {
  width: 100%; }
  .form-responsive .dropdown-wrapper div.dropdown,
  .form-responsive .dropdown-wrapper div.multiselect {
    width: inherit; }

.form-responsive .field .checkbox-label,
.form-responsive .field .checkbox > label {
  margin-top: 30px; }

.form-responsive .field-checkbox {
  text-align: left; }

.form-responsive .lookup-wrapper {
  width: 100%; }

.form-responsive .label,
.form-responsive label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (max-width: 766px) {
  .form-responsive .field .checkbox-label,
  .form-responsive .field .checkbox > label {
    margin-top: -10px; } }

.field.fieldfilter-wrapper div:first-of-type {
  margin-right: -1px;
  vertical-align: top;
  height: 34px; }
  .field.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 {
      position: static; }
    .field.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 {
      opacity: 0; }

.field.fieldfilter-wrapper .icon-dirty {
  left: 57px; }

.field.fieldfilter-wrapper .icon-confirm {
  vertical-align: top; }

.field.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 {
    width: calc(150px - 55px); }
  .field.fieldfilter-wrapper .field-filter.input-xs {
    width: calc(75px - 55px); }
  .field.fieldfilter-wrapper .field-filter.input-sm {
    width: calc(150px - 55px); }
  .field.fieldfilter-wrapper .field-filter.input-mm {
    width: calc(225px - 55px); }
  .field.fieldfilter-wrapper .field-filter.input-md {
    width: calc(300px - 55px); }
  .field.fieldfilter-wrapper .field-filter.input-lg {
    width: calc(400px - 55px); }
  .field.fieldfilter-wrapper .field-filter.input-full {
    width: calc(100% - 55px); }

.field.fieldfilter-wrapper .dropdown-xs {
  width: calc(75px - 55px); }

.field.fieldfilter-wrapper .dropdown-sm {
  width: calc(150px - 55px); }

.field.fieldfilter-wrapper .dropdown-mm {
  width: calc(225px - 55px); }

.field.fieldfilter-wrapper .dropdown-md {
  width: calc(300px - 55px); }

.field.fieldfilter-wrapper .dropdown-lg {
  width: calc(400px - 55px); }

.field.fieldfilter-wrapper .dropdown-full {
  width: calc(100% - 55px); }

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

html[dir='rtl'] .field.fieldfilter-wrapper div:first-of-type {
  margin-left: -1px;
  margin-right: inherit; }
  html[dir='rtl'] .field.fieldfilter-wrapper div:first-of-type div.dropdown {
    border-left-color: transparent;
    border-radius: 0 2px 2px 0;
    border-right-color: #999999;
    padding-top: 8px; }

html[dir='rtl'] .field.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; }

.field-options {
  max-width: 300px;
  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-confirm {
    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;
    height: 22px;
    left: -10px;
    line-height: normal;
    min-width: 0;
    min-height: 0;
    opacity: 0;
    width: 34px; }
    .field-options ~ .btn-actions:hover {
      opacity: 1; }
    .field-options ~ .btn-actions.is-active {
      border-color: #368ac0;
      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.3); }
      .field-options ~ .btn-actions:focus:not(.hide-focus) .icon {
        fill: #368ac0; }
  .field-options ~ a.btn-actions {
    display: inline;
    padding: 0 5px; }
  .field-options:hover ~ .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.is-visible ~ .btn-actions {
    left: 26px; }
  .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;
  height: 22px;
  left: -10px;
  line-height: normal;
  min-width: 0;
  min-height: 0;
  opacity: 0;
  width: 34px; }
  .field.is-fieldoptions .btn-actions:not(.is-checkbox):hover {
    opacity: 1; }
  .field.is-fieldoptions .btn-actions:not(.is-checkbox).is-active {
    border-color: #368ac0;
    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.3); }
    .field.is-fieldoptions .btn-actions:not(.is-checkbox):focus:not(.hide-focus) .icon {
      fill: #368ac0; }

.field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -11px;
  top: -13px;
  width: 36px; }

.field.is-fieldoptions.field-checkbox {
  margin-bottom: 7px; }

.field.is-fieldoptions .lookup-wrapper {
  width: 100%; }
  .field.is-fieldoptions .lookup-wrapper .btn-actions {
    left: -7px; }

.field.is-fieldoptions .searchfield-wrapper {
  box-shadow: none; }
  .field.is-fieldoptions .searchfield-wrapper .btn-actions {
    left: -7px; }

.field.is-fieldoptions .spinbox-wrapper {
  box-shadow: none; }
  .field.is-fieldoptions .spinbox-wrapper .btn-actions {
    left: -8px;
    width: 36px; }

.summary-form .data.field-options {
  border: solid 1px transparent;
  display: inline-block;
  margin-left: -5px;
  max-width: 100%;
  outline: 0;
  padding: 0 5px;
  width: calc(100% - 46px); }
  .summary-form .data.field-options:focus, .summary-form .data.field-options:active {
    border: solid 1px #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
    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: #368ac0; }
  .radio-group.is-active .field-options.is-focused {
    border: solid 1px #368ac0;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
    outline: none;
    outline-color: transparent; }

.field.is-hover .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: #368ac0; }

.field.is-active .colorpicker-container {
  border-color: #368ac0; }

.field.is-active .spinbox-wrapper.is-focused .down {
  box-shadow: 0 -3px 3px 0 rgba(54, 138, 192, 0.3), 0 3px 3px 0 rgba(54, 138, 192, 0.3), -3px 0 3px 0 rgba(54, 138, 192, 0.3); }

.field.is-active .spinbox-wrapper.is-focused .spinbox {
  box-shadow: 0 -3px 3px 0 rgba(54, 138, 192, 0.3), 0 3px 3px 0 rgba(54, 138, 192, 0.3); }

.field.is-active .spinbox-wrapper.is-focused .up {
  box-shadow: 0 -3px 3px 0 rgba(54, 138, 192, 0.3), 0 3px 3px 0 rgba(54, 138, 192, 0.3), 3px 0 3px 0 rgba(54, 138, 192, 0.3); }

.field.is-active .btn-actions {
  border-color: #368ac0;
  opacity: 1; }

.is-firefox .field-options ~ .btn-actions {
  color: transparent;
  text-shadow: 0 0 0 #000000; }

.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-options.searchfield ~ .btn-actions {
  left: -6px; }

.is-mac.is-firefox .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  left: -11px;
  top: -14px; }

.is-mac.is-firefox .field.is-fieldoptions .lookup-wrapper .btn-actions {
  left: -6px; }

.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-safari .field-options.timepicker ~ .btn-actions, .is-safari .field-options.datepicker ~ .btn-actions {
  left: -7px; }

.is-safari .field.is-fieldoptions .colorpicker-container ~ .btn-actions {
  top: auto; }

.is-safari .radio-group .btn-actions {
  left: -10px; }

.is-safari .summary-form .data.field-options ~ .btn-actions {
  left: -10px; }

.ie .field-options.multiselect ~ .btn-actions {
  top: 1px; }

.ie .radio-group .btn-actions {
  left: -9px; }

.ie11 .field-options.textarea ~ .btn-actions {
  margin-left: -9px; }

html[dir='rtl'] .field-options ~ .icon-confirm {
  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 {
  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'] .field-options[data-clearable="true"] ~ .btn-actions {
  left: auto;
  right: 27px; }

html[dir='rtl'] .field-options[data-clearable="true"] ~ .is-empty ~ .btn-actions {
  left: auto;
  right: -11px; }

html[dir='rtl'] .is-fieldoptions .btn-actions {
  left: auto;
  right: -8px; }

html[dir='rtl'] .is-fieldoptions .colorpicker-container ~ .btn-actions {
  border-radius: 0 0 2px 2px;
  left: auto;
  right: -10px; }

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

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

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

.chart-completion-target,
.chart-completion {
  background-color: #bdbdbd;
  height: 10px;
  margin-bottom: 70px;
  width: 100%; }
  .chart-completion-target.chart-completion,
  .chart-completion.chart-completion {
    margin-bottom: 25px; }
    .chart-completion-target.chart-completion .completed,
    .chart-completion.chart-completion .completed {
      background-color: #579e95; }
      .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: #e84f4f; }
      .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: 12px;
    font-size: 1.2rem;
    position: absolute;
    right: 2px;
    text-align: right;
    top: 34px; }
    .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 {
    font-size: 14px;
    font-size: 1.4rem;
    cursor: default;
    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: #e84f4f; }
    .chart-completion-target .chart-percent-text.alert,
    .chart-completion .chart-percent-text.alert {
      color: #ff9426; }
    .chart-completion-target .chart-percent-text.alert-yellow,
    .chart-completion .chart-percent-text.alert-yellow {
      color: #ffd726; }
    .chart-completion-target .chart-percent-text.alert-neutral,
    .chart-completion .chart-percent-text.alert-neutral {
      color: #dbdbdb; }
    .chart-completion-target .chart-percent-text.dark,
    .chart-completion .chart-percent-text.dark {
      color: #5c5c5c; }
    .chart-completion-target .chart-percent-text.good,
    .chart-completion .chart-percent-text.good {
      color: #80ce4d; }
    .chart-completion-target .chart-percent-text.primary,
    .chart-completion .chart-percent-text.primary {
      color: #368ac0; }
    .chart-completion-target .chart-percent-text.inverse,
    .chart-completion .chart-percent-text.inverse {
      color: white; }
  .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: #66a140;
    border-right: 1px solid #bdbdbd;
    height: 10px;
    margin-top: -10px;
    position: relative;
    transition: width .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: #66a140;
      font-weight: bold; }
      .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: #e84f4f; }
      .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: #e84f4f; }
    .chart-completion-target .completed.alert,
    .chart-completion .completed.alert {
      background-color: #ff9426; }
      .chart-completion-target .completed.alert span,
      .chart-completion .completed.alert span {
        color: #ff9426; }
    .chart-completion-target .completed.alert-yellow,
    .chart-completion .completed.alert-yellow {
      background-color: #ffd726; }
      .chart-completion-target .completed.alert-yellow span,
      .chart-completion .completed.alert-yellow span {
        color: #ffd726; }
    .chart-completion-target .completed.alert-neutral,
    .chart-completion .completed.alert-neutral {
      background-color: #dbdbdb; }
      .chart-completion-target .completed.alert-neutral span,
      .chart-completion .completed.alert-neutral span {
        color: #dbdbdb; }
    .chart-completion-target .completed.good,
    .chart-completion .completed.good {
      background-color: #80ce4d; }
      .chart-completion-target .completed.good span,
      .chart-completion .completed.good span {
        color: #80ce4d; }
    .chart-completion-target .completed.primary,
    .chart-completion .completed.primary {
      background-color: #368ac0; }
      .chart-completion-target .completed.primary span,
      .chart-completion .completed.primary span {
        color: #368ac0; }
    .chart-completion-target .completed.dark,
    .chart-completion .completed.dark {
      background-color: #5c5c5c; }
      .chart-completion-target .completed.dark span,
      .chart-completion .completed.dark span {
        color: #5c5c5c; }
    .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: #999999;
    height: 10px;
    position: relative;
    transition: width .5s ease 0s;
    width: 60%; }
    .chart-completion-target .target span,
    .chart-completion .target span {
      font-size: 12px;
      font-size: 1.2rem;
      color: #5c5c5c;
      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 {
      top: 70px;
      transition: top .5s ease 0s; }
    .chart-completion-target .target.overlap::after,
    .chart-completion .target.overlap::after {
      height: 65px;
      transition: height .5s ease 0s; }
  .chart-completion-target .target-line,
  .chart-completion .target-line {
    background-color: #806594;
    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;
    transition: margin .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: #e84f4f; }
  .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: #ff9426; }
  .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: #ffd726; }
  .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: #dbdbdb; }
  .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: #5c5c5c; }
  .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: #80ce4d; }
  .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: #368ac0; }
  .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: #e84f4f; }
  .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: #ff9426; }
  .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: #ffd726; }
  .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: #dbdbdb; }
  .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: #5c5c5c; }
  .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: #80ce4d; }
  .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: #368ac0; }

.completion-chart .remaining .value,
.completion-chart .info .value {
  font-weight: bold; }

.completion-chart .remaining .error-color,
.completion-chart .remaining .error,
.completion-chart .info .error-color,
.completion-chart .info .error {
  color: #e84f4f; }

.completion-chart .remaining .alert,
.completion-chart .info .alert {
  color: #ff9426; }

.completion-chart .remaining .alert-yellow,
.completion-chart .info .alert-yellow {
  color: #ffd726; }

.completion-chart .remaining .alert-neutral,
.completion-chart .info .alert-neutral {
  color: #dbdbdb; }

.completion-chart .remaining .dark,
.completion-chart .info .dark {
  color: #5c5c5c; }

.completion-chart .remaining .good,
.completion-chart .info .good {
  color: #80ce4d; }

.completion-chart .remaining .primary,
.completion-chart .info .primary {
  color: #368ac0; }

.completion-chart .name {
  position: relative; }

.completion-chart .icon-error {
  margin-top: 8px;
  position: absolute;
  right: -20px;
  top: -8px; }

.chart-targeted-achievement .icon-error {
  top: -9px; }

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

.chart-message {
  background-color: #f4bcbc;
  color: #383838;
  padding: 20px;
  text-align: center; }

.chart-container {
  overflow: hidden; }
  .chart-container svg {
    display: block;
    margin: 0 auto; }
  .chart-container .axis path,
  .chart-container .axis line {
    fill: none;
    shape-rendering: crispEdges;
    stroke: #d8d8d8; }
  .chart-container .axis .tick0 line {
    stroke: #999999; }
  .chart-container .axis.x .domain,
  .chart-container .axis.y .domain {
    stroke: transparent; }
  .chart-container text {
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-font-smoothing: antialiased;
    fill: #5c5c5c; }
  .chart-container .inverse {
    fill: #383838; }
  .chart-container .chart-donut-text {
    font-size: 18px;
    font-size: 1.8rem; }
  .chart-container .label-line {
    stroke: #d8d8d8; }
  .chart-container .label-circle {
    fill: #d8d8d8; }
  .chart-container .is-hidden {
    opacity: 0;
    filter: alpha(opacity=0); }
  .chart-container.completion-chart {
    margin: 30px; }
  .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: flex;
        float: none;
        margin: 2px -5px;
        padding: 4px 5px 5px;
        width: 100%; }
      .chart-container.has-right-legend .chart-legend .chart-legend-color {
        height: 15px;
        margin: 0;
        top: 1px;
        width: 15px; }
      .chart-container.has-right-legend .chart-legend .chart-legend-item-text {
        padding-left: 7px;
        position: relative;
        top: 2px;
        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-swatch {
  display: table; }
  .chart-swatch .swatch-caption {
    display: table-caption;
    margin-bottom: .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 #313236;
      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-tooltip-total {
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
  text-align: center; }

.chart-legend {
  margin-left: 50px;
  margin-top: -9px; }
  .chart-legend.is-bottom {
    border-top: 1px solid #bdbdbd;
    margin: 0 auto;
    padding-bottom: 1em;
    padding-top: 1em; }
  .chart-legend.is-right {
    border-top: 1px solid #bdbdbd;
    margin: 0 auto;
    padding-bottom: 1em;
    padding-top: 1em; }
  .chart-legend .chart-legend-item {
    border: 1px solid transparent;
    float: left;
    margin-right: 10px;
    outline: none;
    padding: 7px; }
    .chart-legend .chart-legend-item:focus {
      border-color: #368ac0;
      box-shadow: 0 0 4px 1px rgba(54, 138, 192, 0.3);
      outline: none; }
    .chart-legend .chart-legend-item.is-two-column {
      display: inline-block;
      float: none;
      margin: 0;
      padding: 0 30px;
      width: 50%; }
  .chart-legend .chart-legend-color {
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 1px;
    width: 12px; }
  .chart-legend .chart-legend-item-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    font-size: 1.2rem;
    color: #5c5c5c;
    width: auto; }
  .chart-legend .lg .chart-legend-color {
    height: 20px;
    width: 20px; }
  .chart-legend .lg .chart-legend-item-text {
    vertical-align: super; }

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

.chart-vertical-bar text {
  text-align: left; }

.chart-targeted-achievement {
  margin-bottom: 17px !important; }
  .chart-targeted-achievement .label {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 2px; }
  .chart-targeted-achievement .bar {
    background-color: #bdbdbd;
    cursor: default;
    height: 25px !important; }
    .chart-targeted-achievement .bar.completed {
      margin-bottom: 5px;
      margin-top: -25px;
      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, #69b5dd, #69b5dd 1px, #addbeb 1px, #addbeb 10px); }
  .chart-targeted-achievement .completed .value {
    display: none; }
  .chart-targeted-achievement .completed span {
    font-size: 14px;
    font-size: 1.4rem;
    color: #5c5c5c !important;
    font-weight: normal;
    right: unset;
    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: #579e95; }
  .colored.label.amethyst07 {
    background-color: transparent;
    color: #806594; }
    .colored.label.amethyst07 .value {
      color: #806594; }
  .colored.label span {
    background: transparent;
    color: #5c5c5c; }
  .colored.label .value {
    color: #579e95; }
    .colored.label .value.error-color, .colored.label .value.error {
      color: #e84f4f; }
    .colored.label .value.alert {
      color: #ff9426; }
    .colored.label .value.alert-yellow {
      color: #ffd726; }
    .colored.label .value.alert-neutral {
      color: #dbdbdb; }
    .colored.label .value.dark {
      color: #5c5c5c; }
    .colored.label .value.good {
      color: #80ce4d; }
    .colored.label .value.primary {
      color: #368ac0; }

.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 {
  margin-left: inherit;
  margin-right: 55px; }
  html[dir='rtl'] .chart-legend .chart-legend-color {
    margin-left: 10px;
    margin-right: inherit; }
  html[dir='rtl'] .chart-legend .chart-legend-item {
    float: right;
    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 #bdbdbd;
  border-right: 0 solid #bdbdbd; }
  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 .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; }

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

.chart-container.column-chart .domain {
  stroke: transparent; }

.chart-container.column-chart .tick line {
  stroke: #d8d8d8; }

.chart-container.column-chart .tick.tick0 line {
  stroke: #999999; }

.chart-container.column-chart .tick.is-selected {
  font-weight: bold; }

.chart-container.column-chart rect {
  cursor: pointer; }
  .chart-container.column-chart rect.is-not-selected {
    opacity: .35; }

.chart-pie {
  height: 100%;
  width: 100%; }
  .chart-pie svg {
    min-height: inherit; }
  .chart-pie .tspan,
  .chart-pie .lines circle {
    fill: #5c5c5c; }
  .chart-pie .label-text {
    font-size: 14px;
    font-size: 1.4rem; }
  .chart-pie .label-line {
    fill: none;
    stroke-width: 2px; }
  .chart-pie polyline {
    fill: none;
    shape-rendering: crispEdges;
    stroke: #5c5c5c;
    stroke-width: 1px; }
  .chart-pie .labels text {
    color: #5c5c5c;
    font-size: 12px; }
  .chart-pie .slices path {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
    .chart-pie .slices path.is-not-selected {
      opacity: .3; }
  .chart-pie.has-right-legend .chart-legend {
    border-top: 0;
    margin: 0;
    width: 30%; }
  .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: normal; }
  .is-pie.tooltip b {
    display: block;
    text-align: center; }

@media (max-width: 766px) {
  .chart-pie.has-right-legend .chart-legend {
    margin: 0;
    width: 27%; } }

html[dir='rtl'] .chart-pie.has-right-legend .chart-legend-item-text {
  padding-left: 0;
  padding-right: 7px; }

.chart-radar .chart-radar-grid-circle {
  fill: #d8d8d8;
  stroke: #d8d8d8; }

.chart-radar .chart-radar-crossline {
  stroke: #d8d8d8; }

.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: .45 !important; }
  .chart-radar .chart-radar-area.is-not-selected,
  .chart-radar .chart-radar-circle.is-not-selected {
    fill-opacity: .05 !important; }

@media (min-width: 0) and (max-width: 479px) {
  .chart-radar.has-right-legend {
    display: block; }
    .chart-radar.has-right-legend .chart-legend {
      margin: -33px 0 0;
      text-align: center;
      width: 100%; }
      .chart-radar.has-right-legend .chart-legend .is-two-column {
        display: inline-block;
        margin: 2px 0;
        width: auto; }
      .chart-radar.has-right-legend .chart-legend .chart-legend-color {
        top: 0; } }

.bullet-chart {
  font-size: 12px;
  font-size: 1.2rem; }
  .bullet-chart .range {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
  .bullet-chart .marker {
    stroke: #368ac0;
    stroke-width: 2px; }
  .bullet-chart .tick line {
    stroke: #5c5c5c;
    stroke-width: .5px; }
  .bullet-chart .title {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold; }
  .bullet-chart .subtitle {
    font-weight: normal;
    text-transform: none; }

.bullet .range.s0 {
  fill: #dee1e8; }

.bullet .range.s1 {
  fill: #c8cbd4; }

.bullet .range.s2 {
  fill: #abaeb7; }

.bullet .measure.s0 {
  fill: #addbeb; }

.bullet .measure.s1 {
  fill: #69b5dd; }

.bullet .measure.s2 {
  fill: #368ac0; }

.bullet .measure.s3 {
  fill: #1d5f8a; }

.bullet .measure.s4 {
  fill: #133c59; }

.step-chart {
  display: block;
  margin: 20px;
  width: calc(100% - 40px); }
  .step-chart .step-chart-label {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    line-height: 25px;
    width: 100%; }
  .step-chart .step-chart-label-small {
    font-size: 11px;
    font-size: 1.1rem;
    float: right;
    line-height: 23px;
    vertical-align: middle; }
  .step-chart .icon {
    display: inline-block;
    float: right;
    margin: 0 0 0 5px;
    position: relative;
    top: 2px; }
  .step-chart .step-chart-steps {
    display: flex;
    justify-content: space-between; }
    .step-chart .step-chart-steps.is-complete .step-chart-step {
      background-color: #80ce4d; }
  .step-chart .step-chart-step {
    background-color: #d8d8d8;
    border: 1px solid #ffffff;
    flex-basis: 100%;
    height: 15px; }
    .step-chart .step-chart-step.is-inprogress {
      background-color: #eb9d9d; }
    .step-chart .step-chart-step.is-complete {
      background-color: #368ac0; }

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 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: lighter;
  overflow: hidden;
  padding-top: 8px;
  position: absolute;
  text-indent: 8px; }

.chart-treemap .chart-treemap-percent {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  padding-top: 2px; }

.chart-treemap .chart-treemap-title {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #50535a;
  color: #ffffff;
  height: 34px;
  line-height: 34px;
  margin: 20px 20px 0;
  text-align: center; }

.chart-treemap-container {
  height: 85%; }

.chart-treemap-footer {
  height: 60px;
  margin-top: -28px;
  overflow: hidden; }

.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: .2;
  pointer-events: none; }

.chart-container.line-chart .is-not-selected {
  opacity: .35; }

.line-chart:not(.bubble) .x.axis .tick line {
  visibility: hidden; }

@media (max-width: 766px) {
  .line-chart .chart-legend {
    margin-left: 10px; }
    .line-chart .chart-legend .chart-legend-item {
      margin-right: 0; } }

.homepage {
  margin: 0 auto;
  padding: 20px 0;
  position: relative; }
  .homepage .card,
  .homepage .widget {
    height: 370px;
    left: 0;
    position: absolute;
    top: 0;
    width: 360px; }
    .homepage .card:last-child::after,
    .homepage .widget:last-child::after {
      content: '';
      display: inline-block;
      height: 20px;
      position: absolute;
      top: 370px;
      width: 10px; }
  .homepage > .content {
    left: 50%;
    margin-left: -500px;
    position: absolute; }

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

.card.double-height,
.widget.double-height {
  height: 760px; }
  .card.double-height .widget-content,
  .card.double-height .card-content,
  .widget.double-height .widget-content,
  .widget.double-height .card-content {
    height: 708px;
    min-height: 708px;
    overflow: auto; }

.card.auto-height,
.widget.auto-height {
  height: auto;
  min-height: 0; }
  .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;
    overflow: none; }
  .card.auto-height .chart-container,
  .widget.auto-height .chart-container {
    padding-bottom: 20px; }

.card.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 {
  width: 360px; }

.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 {
  width: 740px; }

.card.triple-width,
.widget.triple-width,
.card.quad-width.to-triple,
.widget.quad-width.to-triple {
  width: 1120px; }

.card.quad-width,
.widget.quad-width {
  width: 1500px; }

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

.widget-content.l-center,
.card-content.l-center {
  overflow: hidden;
  text-align: center; }

.hero-widget {
  background-color: #1d5f8a;
  color: rgba(255, 255, 255, 0.7);
  max-height: 410px;
  min-height: 370px;
  overflow: hidden;
  width: 100%; }
  .hero-widget .hero-top {
    height: 370px;
    max-height: 370px;
    min-height: 370px; }
  .hero-widget .hero-bottom {
    background-color: #2578a9;
    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: rgba(255, 255, 255, 0.7);
      padding-left: 15px; }
    .hero-widget .hero-header .btn-tertiary,
    .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span,
    .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary),
    .hero-widget .hero-content .btn-tertiary,
    .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span,
    .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary),
    .hero-widget .hero-footer .btn-tertiary,
    .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span,
    .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
      color: rgba(255, 255, 255, 0.7); }
      .hero-widget .hero-header .btn-tertiary .icon,
      .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span .icon,
      .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon,
      .hero-widget .hero-content .btn-tertiary .icon,
      .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span .icon,
      .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon,
      .hero-widget .hero-footer .btn-tertiary .icon,
      .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span .icon,
      .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
        fill: rgba(255, 255, 255, 0.7); }
      .hero-widget .hero-header .btn-tertiary:hover,
      .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:hover,
      .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover,
      .hero-widget .hero-content .btn-tertiary:hover,
      .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:hover,
      .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover,
      .hero-widget .hero-footer .btn-tertiary:hover,
      .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:hover,
      .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover {
        color: #ffffff; }
        .hero-widget .hero-header .btn-tertiary:hover .icon,
        .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:hover .icon,
        .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon,
        .hero-widget .hero-content .btn-tertiary:hover .icon,
        .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:hover .icon,
        .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon,
        .hero-widget .hero-footer .btn-tertiary:hover .icon,
        .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:hover .icon,
        .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon {
          fill: #ffffff; }
      .hero-widget .hero-header .btn-tertiary:focus:not(.hide-focus),
      .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:focus:not(.hide-focus),
      .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus),
      .hero-widget .hero-content .btn-tertiary:focus:not(.hide-focus),
      .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:focus:not(.hide-focus),
      .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus),
      .hero-widget .hero-footer .btn-tertiary:focus:not(.hide-focus),
      .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:focus:not(.hide-focus),
      .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus) {
        box-shadow: 0 0 0 2px transparent, 0 0 0 1px rgba(255, 255, 255, 0.7), 0 0 4px 3px rgba(255, 255, 255, 0.3); }
        .hero-widget .hero-header .btn-tertiary:focus:not(.hide-focus):active,
        .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:focus:not(.hide-focus):active,
        .hero-widget .hero-header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus):active,
        .hero-widget .hero-content .btn-tertiary:focus:not(.hide-focus):active,
        .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:focus:not(.hide-focus):active,
        .hero-widget .hero-content .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus):active,
        .hero-widget .hero-footer .btn-tertiary:focus:not(.hide-focus):active,
        .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span:focus:not(.hide-focus):active,
        .hero-widget .hero-footer .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus):active {
          box-shadow: none; }
    .hero-widget .hero-header .chart-container .arc,
    .hero-widget .hero-header .chart-container .bar,
    .hero-widget .hero-header .chart-container.line-chart .dot,
    .hero-widget .hero-content .chart-container .arc,
    .hero-widget .hero-content .chart-container .bar,
    .hero-widget .hero-content .chart-container.line-chart .dot,
    .hero-widget .hero-footer .chart-container .arc,
    .hero-widget .hero-footer .chart-container .bar,
    .hero-widget .hero-footer .chart-container.line-chart .dot {
      stroke: #1d5f8a; }
    .hero-widget .hero-header .chart-container text,
    .hero-widget .hero-content .chart-container text,
    .hero-widget .hero-footer .chart-container text {
      fill: #ffffff; }
    .hero-widget .hero-header .chart-container .chart-legend-item-text,
    .hero-widget .hero-content .chart-container .chart-legend-item-text,
    .hero-widget .hero-footer .chart-container .chart-legend-item-text {
      color: #ffffff; }
    .hero-widget .hero-header .circlepager.is-active .controls .control-button,
    .hero-widget .hero-content .circlepager.is-active .controls .control-button,
    .hero-widget .hero-footer .circlepager.is-active .controls .control-button {
      border-color: rgba(255, 255, 255, 0.7); }
      .hero-widget .hero-header .circlepager.is-active .controls .control-button:hover,
      .hero-widget .hero-content .circlepager.is-active .controls .control-button:hover,
      .hero-widget .hero-footer .circlepager.is-active .controls .control-button:hover {
        border-color: #ffffff; }
      .hero-widget .hero-header .circlepager.is-active .controls .control-button.is-active,
      .hero-widget .hero-content .circlepager.is-active .controls .control-button.is-active,
      .hero-widget .hero-footer .circlepager.is-active .controls .control-button.is-active {
        background-color: #ffffff;
        border-color: #ffffff; }
        .hero-widget .hero-header .circlepager.is-active .controls .control-button.is-active:hover,
        .hero-widget .hero-content .circlepager.is-active .controls .control-button.is-active:hover,
        .hero-widget .hero-footer .circlepager.is-active .controls .control-button.is-active:hover {
          background-color: #ffffff;
          border-color: #ffffff; }
      .hero-widget .hero-header .circlepager.is-active .controls .control-button:focus:not(.hide-focus),
      .hero-widget .hero-content .circlepager.is-active .controls .control-button:focus:not(.hide-focus),
      .hero-widget .hero-footer .circlepager.is-active .controls .control-button:focus:not(.hide-focus) {
        outline-color: rgba(255, 255, 255, 0.7);
        box-shadow: 0 0 4px 3px rgba(255, 255, 255, 0.3); }
  .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: #bdbdbd;
          content: '\2758';
          display: inline-block;
          margin-right: 2px;
          padding-top: 2px;
          vertical-align: top; }
        .hero-widget .hero-footer .hero-footer-nav li:first-child::before {
          margin-left: 15px; }
      .hero-widget .hero-footer .hero-footer-nav a {
        margin-top: 5px; }
    .hero-widget .hero-footer .hero-footer-nav-title {
      font-size: 16px;
      font-size: 1.6rem;
      display: inline-block;
      float: left;
      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-width: 1500px) {
  .hero-widget .hero-content {
    max-width: 1120px; }
  .hero-widget .hero-bottom {
    display: none; } }

@media only screen and (max-width: 1120px) {
  .hero-widget .hero-content {
    max-width: calc(100% - 200px); }
  .hero-widget .hero-bottom {
    display: none; } }

@media only screen and (max-width: 549px) {
  .hero-widget .hero-content {
    max-width: 100%; } }

html[dir='rtl'] .card .card-header.has-toolbar,
html[dir='rtl'] .card .widget-header.has-toolbar,
html[dir='rtl'] .widget .card-header.has-toolbar,
html[dir='rtl'] .widget .widget-header.has-toolbar {
  padding: 0 20px 0 13px; }
  html[dir='rtl'] .card .card-header.has-toolbar .searchfield-wrapper,
  html[dir='rtl'] .card .widget-header.has-toolbar .searchfield-wrapper,
  html[dir='rtl'] .widget .card-header.has-toolbar .searchfield-wrapper,
  html[dir='rtl'] .widget .widget-header.has-toolbar .searchfield-wrapper {
    margin: 8px 0 5px 5px; }

html[dir='rtl'] .card .card-header > button,
html[dir='rtl'] .card .widget-header > button,
html[dir='rtl'] .widget .card-header > button,
html[dir='rtl'] .widget .widget-header > button {
  float: right; }

html[dir='rtl'] .card .card-header > h2,
html[dir='rtl'] .card .card-header > h1,
html[dir='rtl'] .card .widget-header > h2,
html[dir='rtl'] .card .widget-header > h1,
html[dir='rtl'] .widget .card-header > h2,
html[dir='rtl'] .widget .card-header > h1,
html[dir='rtl'] .widget .widget-header > h2,
html[dir='rtl'] .widget .widget-header > h1 {
  float: right;
  width: 100%; }

html[dir='rtl'] .card .card-header:not(.has-toolbar) > .btn-actions,
html[dir='rtl'] .card .widget-header:not(.has-toolbar) > .btn-actions,
html[dir='rtl'] .widget .card-header:not(.has-toolbar) > .btn-actions,
html[dir='rtl'] .widget .widget-header:not(.has-toolbar) > .btn-actions {
  left: 18px;
  right: auto; }

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

.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 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #454545;
    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-confirm {
  top: 26.5px !important; }

.password-hint strong {
  font-weight: bold; }

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

.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 #bdbdbd; }
    .builder .sidebar .header {
      border-right: 1px solid #1d5f8a; }
      .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: #50535a;
  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: #ffffff;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    top: 10px;
    vertical-align: top; }
  .builder-header .panel-subhead {
    display: block;
    margin-top: 3px; }
  .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-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: bold; }

.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 #bdbdbd;
  padding: 15px 10px; }
  .edit-profile .cart-totals p + p {
    margin: 0; }
  .edit-profile .cart-totals .totals {
    font-weight: bold;
    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; } }

.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: 12px;
  font-size: 1.2rem;
  padding: 20px;
  width: 100%; }
  .full-width.contained {
    height: inherit; }
  .full-width.no-padding {
    margin: 0; }
  .full-width.no-top-padding {
    margin: 0;
    padding: 0 0 10px; }
  .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-toolbar {
  height: calc(100% - 40px); }

.tab-panel > .full-width {
  padding-top: 0; }

.toolbar + .full-width {
  padding-top: 0; }

.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: #f0f0f0; }
    .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 #bdbdbd; }
    .list-detail > .sidebar .accordion {
      height: 100%; }
    .list-detail > .sidebar .header {
      border-right: 1px solid #1d5f8a; }
      .list-detail > .sidebar .header .toolbar {
        padding-right: 5px; }
      .list-detail > .sidebar .header.azure07 {
        border-right: 1px solid #134d71; }
      .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 #bdbdbd;
      margin: 0;
      position: relative; }
    .list-detail > .sidebar .pager-prev,
    .list-detail > .sidebar .pager-next {
      position: absolute; }
    .list-detail > .sidebar .pager-prev {
      left: 10px; }
    .list-detail > .sidebar .pager-next {
      right: 10px; }
    .list-detail > .sidebar .expandable-area {
      border-right: 1px solid #bdbdbd; }
  .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 #bdbdbd; }
    .list-detail > .header + .sidebar .listview.paginated {
      height: calc(100% - 77px); }
  .list-detail .toolbar .searchfield-wrapper {
    width: 35px; }
    .list-detail .toolbar .searchfield-wrapper input {
      color: transparent;
      transition: none !important; }
    .list-detail .toolbar .searchfield-wrapper.is-open {
      width: 220px; }
      .list-detail .toolbar .searchfield-wrapper.is-open + .title {
        opacity: 0; }
    .list-detail .toolbar .searchfield-wrapper .close {
      right: 5px !important; }
  .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; }
  .list-detail {
    overflow: hidden; }
    .list-detail > .main,
    .list-detail > .sidebar {
      -webkit-transition: -webkit-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: -moz-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: -o-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: -ms-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      position: absolute; }
      .list-detail > .main.scrollable, .list-detail > .main.scrollable-y,
      .list-detail > .sidebar.scrollable,
      .list-detail > .sidebar.scrollable-y {
        height: 100%;
        overflow: auto; }
    .list-detail > .main {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .list-detail > .sidebar {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .list-detail.bleeding-edge__phone > .main {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      width: 100%; }
    .list-detail.bleeding-edge__phone > .sidebar {
      -webkit-transition: -webkit-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: -moz-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: -o-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: -ms-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      z-index: 2; }
    .list-detail.bleeding-edge__phone.fixed > .sidebar {
      max-width: 250px; }
    .list-detail.bleeding-edge__phone.fixed-sm > .sidebar {
      max-width: 275px; }
    .list-detail.bleeding-edge__phone.fixed-mm > .sidebar {
      max-width: 300px; }
    .list-detail.bleeding-edge__phone.fixed-md > .sidebar {
      max-width: 350px; }
    .list-detail.bleeding-edge__phone.fixed-lg > .sidebar {
      max-width: 400px; }
    .list-detail.bleeding-edge__phone.fixed-xl > .sidebar {
      max-width: 450px; }
    .list-detail.show-detail > .main {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .list-detail.show-detail > .sidebar {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
    .list-detail.show-detail.bleeding-edge__phone > .sidebar {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); }
    .list-detail.show-detail.bleeding-edge__phone .list-detail-back-button {
      opacity: 1; }
  .header .toolbar .title .list-detail-back-button + h1 {
    margin-left: 0; }
  .header .searchfield-wrapper:not(.context) input {
    color: #ffffff; }
  html[dir='rtl'] .list-detail > .main {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  html[dir='rtl'] .list-detail.show-detail > .sidebar {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  html[dir='rtl'] .list-detail.show-detail > .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@media (max-width: 1279px) {
  .list-detail.bleeding-edge__tablet {
    overflow: hidden; }
    .list-detail.bleeding-edge__tablet .card-header .list-detail-list-close-button {
      display: inline-block; }
    .list-detail.bleeding-edge__tablet .list-detail-back-button,
    .list-detail.bleeding-edge__tablet .list-detail-list-close-button {
      display: inline-block; }
    .list-detail.bleeding-edge__tablet > .main,
    .list-detail.bleeding-edge__tablet > .sidebar {
      -webkit-transition: -webkit-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: -moz-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: -o-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: -ms-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      position: absolute; }
      .list-detail.bleeding-edge__tablet > .main.scrollable, .list-detail.bleeding-edge__tablet > .main.scrollable-y,
      .list-detail.bleeding-edge__tablet > .sidebar.scrollable,
      .list-detail.bleeding-edge__tablet > .sidebar.scrollable-y {
        height: 100%;
        overflow: auto; }
    .list-detail.bleeding-edge__tablet > .main {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      width: 100%; }
    .list-detail.bleeding-edge__tablet > .sidebar {
      -webkit-transition: -webkit-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: -moz-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: -o-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: -ms-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
      max-width: 75%;
      width: 275px;
      z-index: 2; }
    .list-detail.bleeding-edge__tablet.show-detail > .sidebar {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); }
  html[dir='rtl'] .list-detail.bleeding-edge__tablet.show-detail > .sidebar {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

.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: #f0f0f0;
    border-top: 1px solid #bdbdbd;
    height: 50%; }

.step-process-container .toolbar-custom {
  background-color: #ffffff;
  border-bottom: solid 2px #bdbdbd;
  height: 60px;
  position: relative; }
  .step-process-container .toolbar-custom .title.title-wide {
    width: 98%; }
  .step-process-container .toolbar-custom .heading {
    font-size: 18px;
    font-size: 1.8rem;
    color: #1a1a1a;
    display: table-cell;
    height: 60px;
    padding-left: 20px;
    vertical-align: middle; }
    .step-process-container .toolbar-custom .heading small {
      font-size: 14px;
      font-size: 1.4rem;
      display: block;
      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 .tree {
  height: 100%;
  margin: 0;
  overflow: auto;
  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: #368ac0;
      border-bottom-color: #368ac0;
      color: #ffffff; }
      .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: #ffffff; }
      .step-process-container .tree li.is-selected > a .icon,
      .step-process-container .tree li.is-selected > a .icon-confirm,
      .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-confirm,
      .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-confirm,
      .step-process-container .tree li.is-selected.is-focused > a .icon-error {
        fill: #ffffff !important; }
    .step-process-container .tree li > a {
      background-color: transparent;
      border-bottom: 1px solid #d8d8d8;
      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 #368ac0; }
      .step-process-container .tree li > a span {
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        max-width: 80%; }
      .step-process-container .tree li > a .tree-text {
        margin: 0; }
  .step-process-container .tree li.folder > a .icon-tree {
    display: block;
    height: 28px;
    position: absolute;
    right: 15px;
    top: calc(50% - 14px);
    width: 28px; }
  .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: #d8d8d8;
    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; }

@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);
    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 {
    position: absolute;
    height: calc(100% - 60px);
    min-height: calc(100% - 60px) !important;
    height: 100%; }
  .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 {
    top: 60px;
    padding-top: 60px; }
  .step-process-container .js-step-container-scroll {
    height: calc(100% - 60px); }
  .step-process-container .phone-action-bar {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .step-process-container .phone-action-bar button {
      border-radius: 0;
      display: inline-block;
      height: 60px;
      width: 50%;
      margin: 0; } }

html[dir='rtl'] .step-process-container .tree ul {
  right: auto; }
  html[dir='rtl'] .step-process-container .tree ul li {
    margin-left: 10px;
    margin-right: inherit; }
    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 {
  margin-left: 15px;
  margin-right: 0;
  left: auto;
  right: 15px; }

html[dir='rtl'] .step-process-container .tree li.folder > a .icon-tree {
  left: 15px;
  right: auto; }

.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: #f0f0f0;
  padding-top: 20px; }
  .card-deck .row:last-child {
    margin-bottom: 0; }

.master-detail {
  height: 100%; }
  .master-detail .master {
    background-color: #ffffff;
    height: auto;
    padding: 20px 30px 30px; }
  .master-detail .detail {
    background-color: #f0f0f0;
    border-top: 1px solid #bdbdbd;
    height: auto;
    padding: 30px; }

.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 20px;
    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-header .breadcrumb {
  background-color: #2578a9;
  display: block;
  padding: 1px 20px 0; }
  .scrollable-flex-header .breadcrumb ol {
    padding: 15px 0; }
  .scrollable-flex-header .breadcrumb .hyperlink {
    color: #ffffff; }
    .scrollable-flex-header .breadcrumb .hyperlink:active:not([disabled]), .scrollable-flex-header .breadcrumb .hyperlink:hover:not([disabled]), .scrollable-flex-header .breadcrumb .hyperlink:focus:not([disabled]) {
      color: #ffffff; }
    .scrollable-flex-header .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus) {
      outline: 1px solid #ffffff; }
    .scrollable-flex-header .breadcrumb .hyperlink:hover:not([disabled]) {
      border-bottom: 1px solid #ffffff; }
  .scrollable-flex-header .breadcrumb li {
    color: #ffffff; }
    .scrollable-flex-header .breadcrumb li::after {
      color: #ffffff; }
  .scrollable-flex-header .breadcrumb.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #bdbdbd; }
    .scrollable-flex-header .breadcrumb.alternate:hidden {
      border-bottom: 0; }
    .scrollable-flex-header .breadcrumb.alternate ol {
      padding: 15px 0; }
    .scrollable-flex-header .breadcrumb.alternate .hyperlink {
      color: #383838; }
      .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]) {
        color: #383838; }
      .scrollable-flex-header .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus) {
        outline: 1px solid #383838; }
      .scrollable-flex-header .breadcrumb.alternate .hyperlink:hover:not([disabled]) {
        border-bottom: 1px solid #383838; }
    .scrollable-flex-header .breadcrumb.alternate li {
      color: #383838; }
      .scrollable-flex-header .breadcrumb.alternate li::after {
        color: #383838; }

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

.summary-form .field {
  width: 100%; }
  .summary-form .field:last-child {
    margin-bottom: -20px; }

.summary-form .label {
  font-size: 12px;
  font-size: 1.2rem;
  color: #5c5c5c;
  display: block;
  margin: 0;
  max-width: 300px;
  padding-bottom: .3rem;
  vertical-align: top; }

.summary-form .switch:first-child {
  margin-top: 0; }

.summary-form .data {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  display: block;
  line-height: 2rem;
  margin-bottom: 2rem; }
  .summary-form .data.cozy {
    line-height: 1rem;
    margin-bottom: .5rem; }

.summary-form i {
  color: #1a1a1a;
  font-style: normal; }

@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: #f4bcbc; }

.ruby01.tag {
  background: #f4bcbc; }

.ruby02 {
  background: #eb9d9d; }

.ruby02.tag {
  background: #eb9d9d; }

.ruby03 {
  background: #de8181; }

.ruby03.tag {
  background: #de8181; }

.ruby04 {
  background: #d26d6d; }

.ruby04.tag {
  background: #d26d6d; }

.ruby05 {
  background: #c65f5f; }

.ruby05.tag {
  background: #c65f5f; }

.ruby06 {
  background: #b94e4a; }

.ruby06.tag {
  background: #b94e4a; }

.ruby07 {
  background: #ad4242; }

.ruby07.tag {
  background: #ad4242; }

.ruby08 {
  background: #a13030; }

.ruby08.tag {
  background: #a13030; }

.ruby09 {
  background: #941e1e; }

.ruby09.tag {
  background: #941e1e; }

.ruby10 {
  background: #880e0e; }

.ruby10.tag {
  background: #880e0e; }

.amber01 {
  background: #fbe9bf; }

.amber01.tag {
  background: #fbe9bf; }

.amber02 {
  background: #f8e09c; }

.amber02.tag {
  background: #f8e09c; }

.amber03 {
  background: #f7d475; }

.amber03.tag {
  background: #f7d475; }

.amber04 {
  background: #f4c951; }

.amber04.tag {
  background: #f4c951; }

.amber05 {
  background: #f2bc41; }

.amber05.tag {
  background: #f2bc41; }

.amber06 {
  background: #efa836; }

.amber06.tag {
  background: #efa836; }

.amber07 {
  background: #ee9a36; }

.amber07.tag {
  background: #ee9a36; }

.amber08 {
  background: #e4882b; }

.amber08.tag {
  background: #e4882b; }

.amber09 {
  background: #db7726; }

.amber09.tag {
  background: #db7726; }

.amber10 {
  background: #d66221; }

.amber10.tag {
  background: #d66221; }

.emerald01 {
  background: #d5f6c0; }

.emerald01.tag {
  background: #d5f6c0; }

.emerald02 {
  background: #c3e8ac; }

.emerald02.tag {
  background: #c3e8ac; }

.emerald03 {
  background: #afdc91; }

.emerald03.tag {
  background: #afdc91; }

.emerald04 {
  background: #9cce7c; }

.emerald04.tag {
  background: #9cce7c; }

.emerald05 {
  background: #89bf65; }

.emerald05.tag {
  background: #89bf65; }

.emerald06 {
  background: #76b051; }

.emerald06.tag {
  background: #76b051; }

.emerald07 {
  background: #66a140; }

.emerald07.tag {
  background: #66a140; }

.emerald08 {
  background: #56932e; }

.emerald08.tag {
  background: #56932e; }

.emerald09 {
  background: #488421; }

.emerald09.tag {
  background: #488421; }

.emerald10 {
  background: #397514; }

.emerald10.tag {
  background: #397514; }

.azure01 {
  background: #c8e9f4; }

.azure01.tag {
  background: #c8e9f4; }

.azure02 {
  background: #addbeb; }

.azure02.tag {
  background: #addbeb; }

.azure03 {
  background: #8dc9e6; }

.azure03.tag {
  background: #8dc9e6; }

.azure04 {
  background: #69b5dd; }

.azure04.tag {
  background: #69b5dd; }

.azure05 {
  background: #54a1d3; }

.azure05.tag {
  background: #54a1d3; }

.azure06 {
  background: #368ac0; }

.azure06.tag {
  background: #368ac0; }

.azure07 {
  background: #2578a9; }

.azure07.tag {
  background: #2578a9; }

.azure08 {
  background: #1d5f8a; }

.azure08.tag {
  background: #1d5f8a; }

.azure09 {
  background: #134d71; }

.azure09.tag {
  background: #134d71; }

.azure10 {
  background: #133c59; }

.azure10.tag {
  background: #133c59; }

.turquoise01 {
  background: #c0ede3; }

.turquoise01.tag {
  background: #c0ede3; }

.turquoise02 {
  background: #a9e1d6; }

.turquoise02.tag {
  background: #a9e1d6; }

.turquoise03 {
  background: #8ed1c6; }

.turquoise03.tag {
  background: #8ed1c6; }

.turquoise04 {
  background: #7cc0b5; }

.turquoise04.tag {
  background: #7cc0b5; }

.turquoise05 {
  background: #69ada3; }

.turquoise05.tag {
  background: #69ada3; }

.turquoise06 {
  background: #579e95; }

.turquoise06.tag {
  background: #579e95; }

.turquoise07 {
  background: #448d83; }

.turquoise07.tag {
  background: #448d83; }

.turquoise08 {
  background: #317c73; }

.turquoise08.tag {
  background: #317c73; }

.turquoise09 {
  background: #206b62; }

.turquoise09.tag {
  background: #206b62; }

.turquoise10 {
  background: #0e5b52; }

.turquoise10.tag {
  background: #0e5b52; }

.amethyst01 {
  background: #ede3fc; }

.amethyst01.tag {
  background: #ede3fc; }

.amethyst02 {
  background: #daccec; }

.amethyst02.tag {
  background: #daccec; }

.amethyst03 {
  background: #c7b4db; }

.amethyst03.tag {
  background: #c7b4db; }

.amethyst04 {
  background: #b59eca; }

.amethyst04.tag {
  background: #b59eca; }

.amethyst05 {
  background: #a38db7; }

.amethyst05.tag {
  background: #a38db7; }

.amethyst06 {
  background: #9279a6; }

.amethyst06.tag {
  background: #9279a6; }

.amethyst07 {
  background: #806594; }

.amethyst07.tag {
  background: #806594; }

.amethyst08 {
  background: #6e5282; }

.amethyst08.tag {
  background: #6e5282; }

.amethyst09 {
  background: #5d3e70; }

.amethyst09.tag {
  background: #5d3e70; }

.amethyst10 {
  background: #4b2a5e; }

.amethyst10.tag {
  background: #4b2a5e; }

.graphite01 {
  background: #f0f0f0; }

.graphite01.tag {
  background: #f0f0f0; }

.graphite02 {
  background: #d8d8d8; }

.graphite02.tag {
  background: #d8d8d8; }

.graphite03 {
  background: #bdbdbd; }

.graphite03.tag {
  background: #bdbdbd; }

.graphite04 {
  background: #999999; }

.graphite04.tag {
  background: #999999; }

.graphite05 {
  background: #737373; }

.graphite05.tag {
  background: #737373; }

.graphite06 {
  background: #5c5c5c; }

.graphite06.tag {
  background: #5c5c5c; }

.graphite07 {
  background: #454545; }

.graphite07.tag {
  background: #454545; }

.graphite08 {
  background: #383838; }

.graphite08.tag {
  background: #383838; }

.graphite09 {
  background: #292929; }

.graphite09.tag {
  background: #292929; }

.graphite10 {
  background: #1a1a1a; }

.graphite10.tag {
  background: #1a1a1a; }

.slate01 {
  background: #dee1e8; }

.slate01.tag {
  background: #dee1e8; }

.slate02 {
  background: #c8cbd4; }

.slate02.tag {
  background: #c8cbd4; }

.slate03 {
  background: #abaeb7; }

.slate03.tag {
  background: #abaeb7; }

.slate04 {
  background: #888b94; }

.slate04.tag {
  background: #888b94; }

.slate05 {
  background: #656871; }

.slate05.tag {
  background: #656871; }

.slate06 {
  background: #50535a; }

.slate06.tag {
  background: #50535a; }

.slate07 {
  background: #414247; }

.slate07.tag {
  background: #414247; }

.slate08 {
  background: #313236; }

.slate08.tag {
  background: #313236; }

.slate09 {
  background: #212224; }

.slate09.tag {
  background: #212224; }

.slate10 {
  background: #1c1819; }

.slate10.tag {
  background: #1c1819; }

.alert01 {
  background: #e84f4f; }

.alert01.tag {
  background: #e84f4f; }

.alert02 {
  background: #ff9426; }

.alert02.tag {
  background: #ff9426; }

.alert03 {
  background: #ffd726; }

.alert03.tag {
  background: #ffd726; }

.alert04 {
  background: #80ce4d; }

.alert04.tag {
  background: #80ce4d; }

.palette-column {
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin: 10px;
  padding-top: 15px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: 120px; }
  .palette-column .palette-color {
    height: 34px;
    line-height: 36px; }
  .palette-column .dark-color {
    color: #000000; }
  .palette-column .light-color {
    color: #ffffff; }
  .palette-column .palette-label {
    -webkit-font-smoothing: antialiased;
    color: #5c5c5c;
    display: block;
    font-size: 1.6rem;
    padding-bottom: 15px;
    text-align: left;
    text-transform: none; }
  .palette-column .palette-number {
    float: left;
    margin-left: 15px;
    position: relative;
    top: 10px;
    vertical-align: middle;
    width: 10px; }
  .palette-column .palette-hex {
    margin-left: -10px; }

.personalization-bg-color {
  background-color: #ffffff; }

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

/*# sourceMappingURL=light-theme.css.map */