@import url(//fonts.googleapis.com/css?family=Roboto+Mono:400,300,500,700,300italic,400italic,500italic,700italic&subset=latin,latin-ext);@import url(//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);@import url(//fonts.googleapis.com/css?family=Inter:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);/* EXTENSION STYLES START FOR 'auto-tagging-widget' */


.auto-tagging-widget__card-absolute {
  position: absolute !important;
  z-index: 9;
  top: 2px;
  left: 10px;
  right: 10px;
}

.auto-tagging-widget__autocomplete-item {
  white-space: normal;
  max-width: 265px;
}

.auto-tagging-widget__autocomplete-item b {
  font-size: 14px;
  font-weight: 600;
}

.auto-tagging-widget__autocomplete-item p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
}

.auto-tagging-widget__autocomplete-item span {
  display: block;
  font-size: 13px;
  font-weight: 300;
}


/* EXTENSION STYLES END FOR 'auto-tagging-widget' */



/* EXTENSION STYLES START FOR 'markForUser' */


.markForUser__article-in-dropdown + .markForUser__article-in-dropdown {
  margin-top: 6px;
}


/* EXTENSION STYLES END FOR 'markForUser' */



/* EXTENSION STYLES START FOR 'videoEditor' */


.videoEditor__timeline-controls {
  position: relative;
  margin: auto;
  padding: 0 3rem;
  width: 100%;
}

.videoEditor__controlbars {
  position: relative;
  margin: auto;
  width: min-content;
}

.videoEditor__controlbars__mask {
  position: absolute;
  top: -1px;
  bottom: -1px;
  background-color: rgba(25, 30, 64, 0.8);
}

.videoEditor__controlbars__mask--left {
  left: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.videoEditor__controlbars__mask--right {
  right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.videoEditor__controlbars__progress-output {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transform: translate(-50%, 0);
  pointer-events: none;
}

.videoEditor__controlbars__progress-output__content {
  position: relative;
  transform: translate(0, -20px);
  text-align: center;
}

.videoEditor__controlbars__progress-output__content__inner {
  background-color: #fff;
  color: #000;
  font-size: 11px;
  padding: 0 9px;
  box-sizing: border-box;
  transform: translate(0, -10px);
  height: 18px;
  line-height: 18px;
  border-radius: 30px;
}

.videoEditor__controlbars__progress-output__progress-line {
  width: 1px;
  background-color: #fff;
  position: absolute;
  top: inherit;
  bottom: inherit;
  left: 50%;
}

.videoEditor__controlbars__wrapper-out {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: solid 1px #00e0ff;
  border-radius: 5px;
}

.videoEditor__controlbars__wrapper--left {
  transform: translateX(-50%);
}

.videoEditor__controlbars__wrapper {
  width: 10px;
  position: absolute;
  top: 20%;
  bottom: 20%;
  background-color: #00e0ff;
  cursor: ew-resize;
  pointer-events: all;
  border-radius: 10px;
}

.videoEditor__controlbars__wrapper:before {
  content: "\2022\A\2022\A\2022";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  margin-top: 0;
  white-space: pre;
  line-height: 6px;
}

.videoEditor__controlbars__wrapper__content {
  transition: left 100ms linear, transform 100ms linear;
  position: absolute;
  font-size: 12px;
  color: #00e0ff;
  left: 50%;
  transform: translate(-50%, 0);
  font-weight: 400;
  bottom: -35px;
}

.videoEditor__controlbars__wrapper--right {
  right: 0;
  transform: translateX(50%);
}

.videoEditor__timeline__thumbnails {
  overflow: hidden;
  display: block;
  width: 100%;
  white-space: nowrap;
  border-radius: 5px;
  min-height: 50px;
}

.videoEditor__timeline__thumbnails--loading {
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 70px;
}

.videoEditor__rotate__transition {
  transition: transform 0.3s ease;
}

.videoEditor__dropdown__crop {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}

.videoEditor__dropdown__quality--disable {
  color: grey;
}

.videoEditor__dropdown__quality--disable:active {
  pointer-events: none;
}

.videoEditor__dropdown__caret:hover::after {
  max-width: none;
}

.videoEditor__loading {
  position: absolute;
  width: 100%;
  height: calc(100vh - 53px);
  /* generated by Loading.io, under Loading.io Free License
   * https://loading.io/license/#free-license
   */
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLXNwaW5uZXIiIHdpZHRoPSIyMDBweCIgIGhlaWdodD0iMjAwcHgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHN0eWxlPSJiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDApIG5vbmUgcmVwZWF0IHNjcm9sbCAwJSAwJTsiPjxnIHRyYW5zZm9ybT0icm90YXRlKDAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3LjUiIHk9IjI0IiByeD0iMi4zNzUiIHJ5PSIxLjIiIHdpZHRoPSI1IiBoZWlnaHQ9IjEyIiBmaWxsPSIjZDJkMmNiIj4gICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49Ii0xLjM5Mjg1NzE0Mjg1NzE0MjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNS43MTQyODU3MTQyODU3MTUgNTAgNTApIj4gIDxyZWN0IHg9IjQ3LjUiIHk9IjI0IiByeD0iMi4zNzUiIHJ5PSIxLjIiIHdpZHRoPSI1IiBoZWlnaHQ9IjEyIiBmaWxsPSIjZDJkMmNiIj4gICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49Ii0xLjI4NTcxNDI4NTcxNDI4NThzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg1MS40Mjg1NzE0Mjg1NzE0MyA1MCA1MCkiPiAgPHJlY3QgeD0iNDcuNSIgeT0iMjQiIHJ4PSIyLjM3NSIgcnk9IjEuMiIgd2lkdGg9IjUiIGhlaWdodD0iMTIiIGZpbGw9IiNkMmQyY2IiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjVzIiBiZWdpbj0iLTEuMTc4NTcxNDI4NTcxNDI4NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDc3LjE0Mjg1NzE0Mjg1NzE0IDUwIDUwKSI+ICA8cmVjdCB4PSI0Ny41IiB5PSIyNCIgcng9IjIuMzc1IiByeT0iMS4yIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMiIgZmlsbD0iI2QyZDJjYiI+ICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuNXMiIGJlZ2luPSItMS4wNzE0Mjg1NzE0Mjg1NzE0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4gIDwvcmVjdD48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTAyLjg1NzE0Mjg1NzE0Mjg2IDUwIDUwKSI+ICA8cmVjdCB4PSI0Ny41IiB5PSIyNCIgcng9IjIuMzc1IiByeT0iMS4yIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMiIgZmlsbD0iI2QyZDJjYiI+ICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuNXMiIGJlZ2luPSItMC45NjQyODU3MTQyODU3MTQzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4gIDwvcmVjdD48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTI4LjU3MTQyODU3MTQyODU4IDUwIDUwKSI+ICA8cmVjdCB4PSI0Ny41IiB5PSIyNCIgcng9IjIuMzc1IiByeT0iMS4yIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMiIgZmlsbD0iI2QyZDJjYiI+ICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuNXMiIGJlZ2luPSItMC44NTcxNDI4NTcxNDI4NTcxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4gIDwvcmVjdD48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTU0LjI4NTcxNDI4NTcxNDI4IDUwIDUwKSI+ICA8cmVjdCB4PSI0Ny41IiB5PSIyNCIgcng9IjIuMzc1IiByeT0iMS4yIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMiIgZmlsbD0iI2QyZDJjYiI+ICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuNXMiIGJlZ2luPSItMC43NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA1MCkiPiAgPHJlY3QgeD0iNDcuNSIgeT0iMjQiIHJ4PSIyLjM3NSIgcnk9IjEuMiIgd2lkdGg9IjUiIGhlaWdodD0iMTIiIGZpbGw9IiNkMmQyY2IiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuNjQyODU3MTQyODU3MTQyOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDIwNS43MTQyODU3MTQyODU3MiA1MCA1MCkiPiAgPHJlY3QgeD0iNDcuNSIgeT0iMjQiIHJ4PSIyLjM3NSIgcnk9IjEuMiIgd2lkdGg9IjUiIGhlaWdodD0iMTIiIGZpbGw9IiNkMmQyY2IiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuNTM1NzE0Mjg1NzE0Mjg1N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDIzMS40Mjg1NzE0Mjg1NzE0MiA1MCA1MCkiPiAgPHJlY3QgeD0iNDcuNSIgeT0iMjQiIHJ4PSIyLjM3NSIgcnk9IjEuMiIgd2lkdGg9IjUiIGhlaWdodD0iMTIiIGZpbGw9IiNkMmQyY2IiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuNDI4NTcxNDI4NTcxNDI4NTVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNTcuMTQyODU3MTQyODU3MTcgNTAgNTApIj4gIDxyZWN0IHg9IjQ3LjUiIHk9IjI0IiByeD0iMi4zNzUiIHJ5PSIxLjIiIHdpZHRoPSI1IiBoZWlnaHQ9IjEyIiBmaWxsPSIjZDJkMmNiIj4gICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49Ii0wLjMyMTQyODU3MTQyODU3MTQ1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4gIDwvcmVjdD48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjgyLjg1NzE0Mjg1NzE0MjgzIDUwIDUwKSI+ICA8cmVjdCB4PSI0Ny41IiB5PSIyNCIgcng9IjIuMzc1IiByeT0iMS4yIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMiIgZmlsbD0iI2QyZDJjYiI+ICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuNXMiIGJlZ2luPSItMC4yMTQyODU3MTQyODU3MTQyN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwOC41NzE0Mjg1NzE0Mjg1NiA1MCA1MCkiPiAgPHJlY3QgeD0iNDcuNSIgeT0iMjQiIHJ4PSIyLjM3NSIgcnk9IjEuMiIgd2lkdGg9IjUiIGhlaWdodD0iMTIiIGZpbGw9IiNkMmQyY2IiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuMTA3MTQyODU3MTQyODU3MTRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMzQuMjg1NzE0Mjg1NzE0MyA1MCA1MCkiPiAgPHJlY3QgeD0iNDcuNSIgeT0iMjQiIHJ4PSIyLjM3NSIgcnk9IjEuMiIgd2lkdGg9IjUiIGhlaWdodD0iMTIiIGZpbGw9IiNkMmQyY2IiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjVzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjwvc3ZnPg==);
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

.videoEditor__loading__text {
  font-size: 30px;
  color: grey;
  position: relative;
  top: 80px;
}

.videoEditor__thumbnail__container {
  background-color: #303030;
}

.videoEditor__thumbnail__wrapper {
  height: 100%;
  width: calc(16rem * 16 / 9);
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoEditor__thumbnail--empty {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.videoEditor__thumbnail--empty__text {
  font-size: 20px;
  padding-top: 1rem;
  color: grey;
}

.videoEditor__info__headline {
  text-overflow: ellipsis;
  max-width: 55vw;
}


/* EXTENSION STYLES END FOR 'videoEditor' */



/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:hover,
a:active {
  outline: 0; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button,
input {
  *overflow: visible;
  line-height: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

:focus {
  outline: none; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.pull-left-10x {
  float: left;
  padding: 10px; }

.pull-right-10x {
  float: right;
  padding: 10px; }

.hide {
  display: none; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

.beta-hide {
  display: none !important; }

.sd-blue {
  color: #5ea9c8; }

.blue-text {
  color: #419fc6 !important; }
  .blue-text::-webkit-input-placeholder {
    color: #419fc6 !important; }
  .blue-text:-moz-placeholder {
    color: #419fc6 !important; }
  .blue-text::-moz-placeholder {
    color: #419fc6 !important; }
  .blue-text::-ms-input-placeholder {
    color: #419fc6 !important; }

.no-bg {
  background: none !important; }
  .no-bg:hover {
    background: none !important; }

.uppercase {
  text-transform: uppercase; }

.discreet {
  color: #888; }

ul.list-view.list-without-items li {
  line-height: 38px;
  text-align: center;
  color: #999; }

.sd-grid-list.list-without-items li {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  display: flex;
  line-height: 38px;
  align-content: center;
  justify-content: center;
  text-align: center;
  color: #999;
  border-radius: 3px; }

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.flex-row {
  display: flex;
  align-items: center; }

.text-red {
  color: #e51c23; }

.sibling-spacer-4 > * + * {
  margin-left: 4px; }

.sibling-spacer-10 > * + * {
  margin-left: 10px; }

.user-html-in-single-line p {
  display: inline; }

.sd-spacer {
  display: flex; }

.sd-spacer--horizontal {
  flex-direction: row; }

.sd-spacer--vertical {
  flex-direction: column; }

.sd-spacer--start {
  align-items: flex-start; }

.sd-spacer--center {
  align-items: center; }

.sd-spacer--end {
  align-items: flex-end; }

.sd-spacer--stretch {
  align-items: stretch; }

.sd-spacer--horizontal-medium > * + * {
  margin-left: 10px; }

.sd-spacer--vertical-medium > * + * {
  margin-top: 10px; }

.css-table {
  display: table; }
  .css-table > .tr {
    display: table-row; }
    .css-table > .tr > .td {
      display: table-cell; }

.small-tag {
  font-size: 12px;
  color: #000;
  background-color: #f5f5f5;
  padding: 3px 6px;
  border-radius: 2px; }

.hover-AB:hover .hover-AB--A,
.hover-AB:not(:hover) .hover-AB--B {
  display: none !important; }

@media print {
  .no-print {
    display: none !important; } }

.icon-button--small {
  padding: 0;
  margin: 0;
  line-height: 1; }
  .icon-button--small:hover [class^="icon-"], .icon-button--small:hover [class*=" icon-"], .icon-button--small:active [class^="icon-"], .icon-button--small:active [class*=" icon-"] {
    color: #5ea9c8; }

body {
  margin: 0;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  background-color: #f8f8f8;
  overflow: hidden;
  height: 100%; }

a, .link {
  color: #5d9bc0;
  text-decoration: none; }

a:hover, .link:hover {
  color: #000000;
  text-decoration: underline; }

@page {
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.5cm;
  margin-bottom: 1.5cm; }

.top-menu-hidden #top-menu {
  display: none; }

.top-menu-hidden .monitoring {
  top: 0; }

.top-menu-hidden .subnav--authoring {
  top: 0; }

.top-menu-hidden .main-section {
  top: 48px; }

#main-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-top: 48px;
  box-sizing: border-box;
  background: #f8f8f8;
  overflow: hidden;
  transition: all 0.3s ease; }
  #main-container.menu {
    left: 300px; }
  #main-container.authoring #workspace-container {
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.3);
    right: 44%;
    z-index: 100;
    border-right: 3px solid #666;
    transition: all 0.5s; }
    @media only screen and (max-width: 1430px) {
      #main-container.authoring #workspace-container {
        right: 54%; } }
    #main-container.authoring #workspace-container.ui-resizable-resizing {
      transition: none; }
      #main-container.authoring #workspace-container.ui-resizable-resizing + #authoring-container {
        transition: none; }
    #main-container.authoring #workspace-container .ui-resizable-handle {
      display: block; }
  #main-container.authoring #authoring-container {
    width: 44%;
    transition: width 0.5s; }
    #main-container.authoring #authoring-container .content-item-preview {
      display: flex; }
    @media only screen and (max-width: 1430px) {
      #main-container.authoring #authoring-container {
        width: 54%; } }
  #main-container:not(.authoring) #workspace-container {
    width: auto !important; }
  #main-container:not(.authoring) #authoring-container {
    width: auto !important; }
  #main-container:not(.authoring) .ui-resizable-handle {
    display: none !important; }
  #main-container.hideMonitoring #workspace-container {
    right: 100%;
    margin-left: -100%; }
  #main-container.hideMonitoring #authoring-container {
    width: calc(100% - 48px) !important; }
  #main-container.hideMonitoring .content-item-preview {
    display: none; }

#workspace-container {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  bottom: 3.2rem;
  left: 48px;
  background-color: #f8f8f8; }

#authoring-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box; }

.main-section {
  position: absolute;
  top: 96px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 1; }
  .main-section.with-subnav .preview-layout {
    top: 48px; }
    .main-section.with-subnav .preview-layout .preview-pane .actions {
      padding: 15px 20px;
      height: 28px; }
    .main-section.with-subnav .preview-layout .preview-pane .user-details-pane {
      top: 40px; }

.main-section.filter {
  top: 96px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 1; }
  .main-section.filter.with-subnav .preview-layout {
    top: 48px; }
    .main-section.filter.with-subnav .preview-layout .preview-pane .actions {
      padding: 15px 20px;
      height: 28px; }
    .main-section.filter.with-subnav .preview-layout .preview-pane .user-details-pane {
      top: 40px; }

.main-section.search {
  top: 48px; }
  .main-section.search .archive-sidebar {
    top: 48px; }

.search-label {
  margin-bottom: -2px;
  margin-top: 10px; }

.main-section.users .preview-layout .list-pane > .content {
  right: 400px;
  transition: all ease-in-out 0.2s; }

.main-section.users .preview-layout.closed .list-pane > .content {
  right: 0; }

.main-section.contacts-section .preview-layout .content {
  right: 560px;
  transition: all ease-in-out 0.2s; }

.main-section.contacts-section .preview-layout.closed .content {
  right: 0;
  transition: all ease-in-out 0.2s; }

.action-bar {
  position: absolute;
  top: -96px;
  left: 0;
  right: 0;
  height: 48px;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  padding: 10px;
  transition: all ease 0.35s;
  border-bottom: 1px solid #dfdfdf; }
  .action-bar.show {
    top: -48px; }

.preview-layout {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: right ease 0.2s; }
  .preview-layout .list-pane > header, .preview-layout .preview-pane > header {
    height: 48px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
    padding-right: 3.6rem; }
    .preview-layout .list-pane > header .nav-tabs, .preview-layout .preview-pane > header .nav-tabs {
      box-shadow: none; }
  .preview-layout .list-pane > .content, .preview-layout .preview-pane > .content {
    position: absolute;
    top: 48px;
    left: 0;
    bottom: 0;
    right: 0; }
  .preview-layout .list-pane {
    position: absolute;
    background: #f8f8f8;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid #d0d0d0;
    z-index: 1;
    transition: right ease 0.2s; }
    .preview-layout .list-pane .shadow-list-holder {
      padding: 20px; }
    .preview-layout .list-pane > header {
      background-color: #f8f8f8; }
    .preview-layout .list-pane > .content {
      overflow: auto; }
  .preview-layout .preview-pane {
    position: absolute;
    width: 400px;
    top: 48px;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto;
    transition: right ease 0.2s;
    z-index: 2;
    box-shadow: inset 2px 0 3px -1px #d8d8d8; }
    .preview-layout .preview-pane > header {
      position: relative; }
      .preview-layout .preview-pane > header .btn {
        margin-top: 10px; }
      .preview-layout .preview-pane > header .close-preview {
        position: absolute;
        top: 10px;
        right: 8px;
        opacity: 0.5; }
        .preview-layout .preview-pane > header .close-preview:hover {
          opacity: 1; }
    .preview-layout .preview-pane > .content .additional-info {
      border-bottom: 1px solid #dfdfdf;
      padding: 10px 20px; }
    .preview-layout .preview-pane > .content .action-menu {
      position: absolute;
      top: 1px;
      right: 0;
      width: 50px;
      height: 44px; }
      .preview-layout .preview-pane > .content .action-menu .dropdown {
        display: block; }
    .preview-layout .preview-pane img {
      max-width: 100%; }

.ingest-container .list-pane {
  top: -48px; }

.archive-container .archive-sidebar {
  top: 48px; }

.sd-overlay-panel {
  z-index: 100 !important; }

.workspace .main-section .sd-overlay-panel {
  top: 0;
  bottom: 0;
  width: 56rem; }

.workspace.authoring .main-section .sd-overlay-panel {
  width: 40rem; }

.workspace .main-section .archive-content .sd-overlay-panel {
  top: 4.8rem; }

.slide-pane {
  position: absolute;
  top: 1px;
  bottom: 0;
  right: -400px;
  width: 400px;
  background-color: #fff;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }
  .slide-pane.slide-pane--inset {
    top: 96px;
    bottom: 30px; }
  .slide-pane.open {
    right: 0; }
  .slide-pane > .slide-pane__header {
    height: 48px;
    border-bottom: 1px solid #424242; }
    .slide-pane > .slide-pane__header h3 {
      font-size: 20px;
      line-height: 48px;
      color: #000;
      font-weight: 300;
      float: left; }
    .slide-pane > .slide-pane__header .close {
      margin-top: 14px;
      position: absolute;
      top: 0;
      right: 12px; }
  .slide-pane > .slide-pane__content {
    flex-grow: 1;
    width: 100%;
    top: 48px;
    overflow: auto;
    padding: 20px 15px 0 20px;
    box-sizing: border-box; }
    .slide-pane > .slide-pane__content .dropdown {
      margin-bottom: 20px; }
      .slide-pane > .slide-pane__content .dropdown .dropdown__toggle, .slide-pane > .slide-pane__content .dropdown .dropdown__menu {
        width: 100%; }
        .slide-pane > .slide-pane__content .dropdown .dropdown__toggle.focus, .slide-pane > .slide-pane__content .dropdown .dropdown__toggle:focus, .slide-pane > .slide-pane__content .dropdown .dropdown__menu.focus, .slide-pane > .slide-pane__content .dropdown .dropdown__menu:focus {
          outline: 2px solid #5ea9c8; }
  .slide-pane > .slide-pane__footer {
    width: 100%;
    padding: 15px 15px 0 15px;
    border-top: 1px solid #424242;
    box-sizing: border-box; }
    .slide-pane > .slide-pane__footer button {
      margin-bottom: 15px; }
    .slide-pane > .slide-pane__footer .btn-list li {
      padding-bottom: 0; }
  .slide-pane.slide-pane--dark {
    background-color: #3b3b3b; }
    .slide-pane.slide-pane--dark > .slide-pane__header h3 {
      color: #fff; }

.btn-list {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  margin-bottom: 0.6rem; }
  .btn-list li {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem);
    margin: 0.4rem !important; }
    .btn-list li .btn__check {
      width: 100%; }

.form__row--desk-select .dropdown__toggle, .form__row--desk-select .dropdown__menu {
  width: 100%; }

.form__row--desk-select .dropdown__toggle {
  width: 100%;
  max-height: 3.2rem; }

.split-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .split-content > .nav, .split-content > .header, .split-content > header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box; }
  .split-content > .content {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
    padding: 20px;
    background-color: #f8f8f8; }

.tablist {
  transition: all 0.3s ease;
  width: 48px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 20;
  background: #a1a1a1;
  overflow: hidden; }
  .tablist.left-tablist {
    left: 0;
    overflow: visible;
    box-shadow: inset -8px 0 7px -6px #888; }
  .tablist.right-tablist {
    right: 0;
    overflow: visible;
    box-shadow: inset 8px 0 7px -6px #888; }
  .tablist .navigation-tabs {
    margin: 0;
    border: 0;
    list-style-type: none; }
    .tablist .navigation-tabs > li {
      position: relative;
      float: none; }
      .tablist .navigation-tabs > li .btn {
        display: block;
        position: relative;
        box-sizing: border-box;
        width: 48px;
        height: 48px;
        text-align: center;
        padding: 0;
        margin: 0;
        border-radius: 0px;
        border: 1px solid #898989;
        border-width: 0 0 1px 0 !important;
        background: none;
        box-shadow: none; }
        .tablist .navigation-tabs > li .btn:hover {
          background: #b7b7b7;
          border: 1px solid #898989;
          border-width: 0 0 1px 0 !important; }
        .tablist .navigation-tabs > li .btn .helper-icon, .tablist .navigation-tabs > li .btn .main-icon {
          position: absolute;
          top: 10px;
          left: 10px; }
        .tablist .navigation-tabs > li .btn .helper-icon {
          opacity: 0;
          margin: 0;
          left: 12px;
          width: 24px;
          height: 24px;
          font-size: 24px;
          line-height: 24px;
          z-index: 2;
          transition: all 0.4s 0s, transform 0.3s 0s; }
        .tablist .navigation-tabs > li .btn .main-icon {
          opacity: 1;
          transition: all 0.2s, transform 0.2s; }
      .tablist .navigation-tabs > li .label--info {
        position: absolute;
        top: 3px;
        right: 3px;
        text-shadow: none;
        z-index: 2; }
      .tablist .navigation-tabs > li.active .btn {
        background: #b8b8b8; }
      .tablist .navigation-tabs > li.active .btn:hover .helper-icon {
        opacity: 1;
        transform: rotate(180deg);
        transition: all 0.3s 0.2s, transform 0.2s 0.2s; }
      .tablist .navigation-tabs > li.active .btn:hover .main-icon {
        opacity: 0;
        height: 8px;
        width: 8px;
        top: 20px;
        left: 20px;
        background-size: 100%; }

.tabpane {
  position: absolute;
  width: 330px;
  top: 0;
  bottom: 0;
  background: #f5f5f5;
  border-color: #7c7c7c;
  border-style: solid;
  z-index: 15;
  box-sizing: border-box;
  transition: all 0.3s ease; }
  .tabpane.left-tabpane {
    left: -330px;
    border-width: 0 3px 0 0;
    box-shadow: 2px 0px 8px 0px rgba(50, 50, 50, 0.35); }
    .tabpane.left-tabpane.open-tabpane {
      left: 48px; }
  .tabpane.right-tabpane {
    right: -330px;
    border-width: 0 0 0 3px;
    box-shadow: -2px 0px 8px 0px rgba(40, 50, 50, 0.35); }
    .tabpane.right-tabpane.open-tabpane {
      right: 48px; }
  .tabpane .tabcontent {
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 1px;
    right: 1px;
    overflow: hidden; }

.notification-pane {
  position: fixed;
  top: 48px;
  bottom: 0;
  right: -300px;
  width: 300px;
  box-sizing: border-box;
  background: #313131;
  z-index: 2000;
  transition: right ease 0.3s; }
  .notification-pane.show {
    right: 0; }
  .notification-pane > .header {
    height: 65px;
    width: 100%;
    background: #212121;
    box-shadow: inset 0 4px 4px -2px #000;
    border-bottom: 1px solid #313131;
    padding-left: 10px;
    padding-right: 10px; }
    .notification-pane > .header .user-info {
      height: 40px;
      padding-top: 12px;
      padding-bottom: 2px;
      box-sizing: border-box; }
      .notification-pane > .header .user-info .name {
        color: #c5c5c5;
        font-size: 12px;
        display: block;
        line-height: 12px; }
      .notification-pane > .header .user-info .displayname {
        font-size: 11px;
        color: #727272;
        display: block;
        line-height: 12px;
        margin-top: 2px; }
    .notification-pane > .header .actions {
      height: 20px;
      box-sizing: border-box; }
      .notification-pane > .header .actions button {
        border: 0;
        background: 0;
        color: #333; }
      .notification-pane > .header .actions a, .notification-pane > .header .actions button {
        font-size: 10px;
        color: #8d8d8d;
        text-decoration: none;
        text-transform: uppercase;
        box-sizing: border-box;
        line-height: 20px;
        padding-right: 16px;
        padding-left: 0;
        display: inline-block;
        margin: 0 !important; }
        .notification-pane > .header .actions a:last-child, .notification-pane > .header .actions button:last-child {
          border: 0; }
        .notification-pane > .header .actions a:hover, .notification-pane > .header .actions button:hover {
          color: #ccc; }
  .notification-pane > .content {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 2px solid #464646;
    overflow: auto;
    box-shadow: inset 4px 0 4px -2px #202020; }
    .notification-pane > .content .module {
      margin-top: 20px; }
      .notification-pane > .content .module .title {
        font-size: 16px;
        color: #f8f8f8;
        padding: 10px;
        font-weight: 300; }

.card-box {
  box-sizing: border-box;
  position: relative;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: white;
  font-size: 13px;
  color: #333; }
  .card-box--with-click:hover {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.5); }
  .card-box--flex {
    display: flex;
    flex-direction: column; }
  .card-box .card-box__header {
    background-color: #607d8b;
    padding: 0;
    border-radius: 2px 2px 0 0;
    color: white;
    box-sizing: border-box; }
    .card-box .card-box__header::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 8px;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 2px 2px 0 0; }
    .card-box .card-box__header .dropdown {
      float: right;
      margin-top: 8px; }
      .card-box .card-box__header .dropdown .dropdown__menu {
        margin-top: 0; }
      .card-box .card-box__header .dropdown .dropdown__toggle {
        border: none;
        outline: none;
        padding: 0 8px;
        display: block;
        background: transparent;
        height: 42px;
        text-align: center;
        line-height: 0;
        font-size: 15px;
        position: relative;
        z-index: 2;
        opacity: .4; }
        .card-box .card-box__header .dropdown .dropdown__toggle i {
          color: #fff; }
        .card-box .card-box__header .dropdown .dropdown__toggle:hover {
          opacity: .7; }
      .card-box .card-box__header .dropdown.open .dropdown__toggle {
        opacity: 1; }
    .card-box .card-box__header--empty {
      height: 8px; }
    .card-box .card-box__header--padded-flex {
      display: flex;
      padding: 14px 24px 6px 14px; }
      .card-box .card-box__header--padded-flex i {
        color: rgba(255, 255, 255, 0.8);
        padding-right: 10px; }
  .card-box.active .card-box__header {
    background-color: #5ea9c8; }
  .card-box .card-box__heading {
    padding: 20px 16px 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff; }
    .card-box .card-box__heading--editable {
      padding: 10px 16px 10px;
      text-transform: initial; }
      .card-box .card-box__heading--editable:hover {
        cursor: text; }
      .card-box .card-box__heading--editable > div {
        padding: 9px 0 3px 0; }
      .card-box .card-box__heading--editable > input {
        margin-top: 6px; }
  .card-box .card-box__sub-heading {
    background-color: #9daeb7;
    font-size: 11px;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    padding: 4px 16px; }
    .card-box .card-box__sub-heading.success {
      background-color: #8bc34a; }
  .card-box .card-box__btn-group {
    margin: 14px 6px 0 0; }
    .card-box .card-box__btn-group--right {
      float: right; }
    .card-box .card-box__btn-group .btn {
      background: transparent;
      padding: 10px 2px;
      color: #fff;
      opacity: 0.4; }
      .card-box .card-box__btn-group .btn:focus, .card-box .card-box__btn-group .btn:hover {
        box-shadow: none;
        opacity: 1; }
      .card-box .card-box__btn-group .btn [class^="icon-"],
      .card-box .card-box__btn-group .btn [class*=" icon-"] {
        color: #fff; }
  .card-box .card-box__thumbnail {
    padding-top: 8px;
    line-height: 0; }
    .card-box .card-box__thumbnail + .heading {
      background-color: white;
      font-weight: 500;
      text-align: center;
      color: #333;
      padding: 10px 16px; }
  .card-box .card-box__content {
    padding: 16px;
    flex-grow: 1;
    box-sizing: border-box; }
    .card-box .card-box__content h4 {
      text-transform: uppercase;
      font-size: 11px;
      color: rgba(0, 0, 0, 0.5);
      letter-spacing: 0.04em;
      margin-bottom: 4px; }
      .card-box .card-box__content h4.with-value {
        margin-bottom: 0; }
      .card-box .card-box__content h4 .label {
        float: right;
        box-sizing: border-box;
        height: 15px;
        margin: auto 0;
        padding: 3px 5px 0;
        border-radius: 8px;
        color: white;
        background: rgba(0, 0, 0, 0.25);
        font-size: 10px;
        line-height: 100%;
        letter-spacing: .06em;
        font-weight: 400; }
      .card-box .card-box__content h4 .value-label {
        float: right;
        font-size: 13px;
        color: #333;
        font-weight: 400;
        text-transform: none;
        letter-spacing: 0em; }
      .card-box .card-box__content h4.card-box__h4--normal-case {
        font-size: 12px;
        text-transform: initial; }
    .card-box .card-box__content--scrollable {
      min-height: 20vh;
      max-height: 30vh;
      overflow-y: auto; }
  .card-box .card-box__placeholder {
    padding: 16px;
    flex-grow: 1;
    box-sizing: border-box;
    height: calc(100% - 48px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-weight: 300;
    font-size: 1.2rem; }
    .card-box .card-box__placeholder--cursorPointer {
      cursor: pointer; }
  .card-box .card-box__content-list {
    margin: -16px;
    padding: 0;
    list-style: none; }
    .card-box .card-box__content-list li, .card-box .card-box__content-list .card-box__content-list-item {
      padding: 16px;
      border-bottom: 1px solid #ebebeb; }
      .card-box .card-box__content-list li--inline, .card-box .card-box__content-list .card-box__content-list-item--inline {
        display: flex; }
        .card-box .card-box__content-list li--inline h4, .card-box .card-box__content-list .card-box__content-list-item--inline h4 {
          flex: 1 1; }
        .card-box .card-box__content-list li--inline span, .card-box .card-box__content-list .card-box__content-list-item--inline span {
          flex: 1 1;
          text-align: right; }
      .card-box .card-box__content-list li .card-box__content-list-inline-span, .card-box .card-box__content-list .card-box__content-list-item .card-box__content-list-inline-span {
        display: inline-block; }
      .card-box .card-box__content-list li:last-child, .card-box .card-box__content-list .card-box__content-list-item:last-child {
        border: none; }
      .card-box .card-box__content-list li--border-bottom:last-child, .card-box .card-box__content-list .card-box__content-list-item--border-bottom:last-child {
        border-bottom: 1px solid #ebebeb; }
      .card-box .card-box__content-list li--small, .card-box .card-box__content-list .card-box__content-list-item--small {
        padding: 7px 16px; }
        .card-box .card-box__content-list li--small h4, .card-box .card-box__content-list .card-box__content-list-item--small h4 {
          margin: 0; }
    .card-box .card-box__content-list .creation-time {
      display: block;
      font-size: 12px;
      color: #999; }
      .card-box .card-box__content-list .creation-time i {
        display: inline-block;
        opacity: 0.5;
        margin-top: -2px; }
    .card-box .card-box__content-list .button__view-all {
      border-bottom: 1px dotted #5598B4;
      color: #5598B4;
      cursor: pointer; }
  .card-box .card-box__article-header {
    padding: 16px; }
  .card-box .card-box__time-date {
    font-size: 11px;
    color: #ababab;
    font-weight: 300; }
    .card-box .card-box__time-date--reverse-color {
      color: rgba(255, 255, 255, 0.6); }
  .card-box .cardbox__close {
    position: absolute;
    top: 12px;
    right: 6px;
    z-index: 3; }
  .card-box .card-box__footer {
    padding: 14px 16px;
    border-top: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 0 0 2px 2px; }
    .card-box .card-box__footer--light {
      background-color: white; }
  .card-box .card-box__full-click {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2; }

.flex-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto; }
  .flex-grid .flex-item {
    box-sizing: border-box;
    position: relative; }
    .flex-grid .flex-item.inactive .card-box__header {
      background-color: #aaa; }
  .flex-grid.wrap-items {
    flex-wrap: wrap; }
  .flex-grid.content-center {
    justify-content: center; }
  .flex-grid.two-lines-heading .header {
    min-height: 72px; }
  .flex-grid.box .flex-item {
    margin: 16px;
    background-color: white; }
  .flex-grid.box.small-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.small-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.small-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.small-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.small-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.small-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.small-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.small-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.small-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.small-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.small-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.small-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

@media only screen and (min-width: 40em) {
  .flex-grid.box.medium-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.medium-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.medium-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.medium-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.medium-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.medium-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.medium-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.medium-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.medium-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.medium-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.medium-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.medium-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 60em) {
  .flex-grid.box.large-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.large-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.large-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.large-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.large-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.large-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.large-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.large-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.large-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.large-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.large-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.large-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 100em) {
  .flex-grid.box.xlarge-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.xlarge-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.xlarge-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.xlarge-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.xlarge-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.xlarge-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.xlarge-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.xlarge-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.xlarge-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.xlarge-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.xlarge-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.xlarge-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

body.prepare-print {
  margin-left: 1.5cm;
  margin-right: 1.5cm;
  background: none !important;
  overflow: visible !important;
  color: black; }
  body.prepare-print > * {
    display: none !important; }
  body.prepare-print > .modal--fullscreen {
    position: static !important;
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none; }
    body.prepare-print > .modal--fullscreen .modal-dialog {
      display: block !important; }
    body.prepare-print > .modal--fullscreen .association {
      margin-bottom: 16px !important; }
    body.prepare-print > .modal--fullscreen p {
      font-size: 9pt !important;
      line-height: 140% !important;
      margin-bottom: 12px !important; }
    body.prepare-print > .modal--fullscreen h2 {
      font-size: 13pt !important; }
    body.prepare-print > .modal--fullscreen h3 {
      font-size: 10pt !important; }
    body.prepare-print > .modal--fullscreen .headline {
      font-size: 16pt !important;
      margin-bottom: 16px !important; }
    body.prepare-print > .modal--fullscreen .modal__body {
      display: block !important;
      padding: 0 !important; }
    body.prepare-print > .modal--fullscreen .modal-content {
      display: block !important; }
      body.prepare-print > .modal--fullscreen .modal-content > * {
        display: none !important; }
      body.prepare-print > .modal--fullscreen .modal-content .byline {
        font-size: 10pt !important;
        margin-bottom: 20px !important; }
      body.prepare-print > .modal--fullscreen .modal-content > .modal-body {
        display: block !important;
        padding: 0 !important; }
      body.prepare-print > .modal--fullscreen .modal-content .preview-content {
        max-width: 100% !important; }
      body.prepare-print > .modal--fullscreen .modal-content .metadata {
        margin-top: 0 !important;
        margin-bottom: 15px !important; }
        body.prepare-print > .modal--fullscreen .modal-content .metadata > div {
          margin-bottom: 0 !important; }
        body.prepare-print > .modal--fullscreen .modal-content .metadata .preview-label label {
          color: black; }
        body.prepare-print > .modal--fullscreen .modal-content .metadata .preview-data span {
          border-radius: 0 !important;
          background-color: transparent !important;
          border-right: 1px solid black; }
          body.prepare-print > .modal--fullscreen .modal-content .metadata .preview-data span:last-of-type {
            border-right: 0 !important; }

.loading-overlay {
  position: absolute;
  top: 0;
  left: 0; }
  .loading-overlay.active {
    width: 100%;
    height: 100%;
    background: #fff url(bc64c8da982d3a424c62b4d324c50a18.gif) no-repeat center;
    z-index: 1000;
    opacity: 0.5; }

.tab-box {
  display: flex;
  padding-bottom: 20px; }
  .tab-box__item {
    flex: 1;
    font-size: 11px;
    font-weight: 500;
    line-height: 33px;
    text-transform: uppercase;
    color: #666;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2; }
    .tab-box__item:last-of-type {
      border-right: 0; }
    .tab-box__item--active {
      color: #5ea9c8;
      border-top: 1px solid #c2c2c2;
      border-bottom: 0; }

.loading-overlay-for-tree-dot {
  position: relative; }
  .loading-overlay-for-tree-dot.active {
    background: url(7c1b95c97eccfcbd1a28779d24554dab.svg) no-repeat center;
    opacity: 0.5;
    text-indent: -9999px;
    background-size: 20%; }

.sd-content-wrapper__main-content-area {
  grid-column: contentArea;
  overflow: auto;
  height: calc(100vh - 80px); }

.sd-main-content-grid__content-inner {
  height: 100%; }

.sd-main-content-grid__preview .search-box {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px; }

.sd-main-content-grid__preview .content-list-holder {
  display: contents; }

p {
  margin: 0 0 9px;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px; }
  p small {
    font-size: 11px;
    color: #999; }

.lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 500;
  color: inherit;
  text-rendering: optimizelegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #999; }

h1 {
  font-size: 30px;
  line-height: 36px; }
  h1 small {
    font-size: 18px; }

h2 {
  font-size: 22px;
  line-height: 36px; }
  h2 small {
    font-size: 18px; }

h3 {
  line-height: 27px;
  font-size: 18px; }
  h3 small {
    font-size: 14px; }

h4, h5, h6 {
  line-height: 18px; }

h4 {
  font-size: 14px; }
  h4 small {
    font-size: 12px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px;
  color: #999; }

.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #F5F5F5; }

.page-header h1 {
  line-height: 1; }

figure {
  margin: 0;
  padding: 0; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.html-preview ul {
  list-style-type: disc;
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em; }

ol {
  list-style: decimal; }

li {
  line-height: 18px; }

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none; }

dl {
  margin-bottom: 18px; }

dt,
dd {
  line-height: 18px; }

dt {
  font-weight: bold;
  line-height: 17px; }

dd {
  margin-left: 9px; }

.dl-horizontal dt {
  float: left;
  clear: left;
  width: 120px;
  text-align: right; }

.dl-horizontal dd {
  margin-left: 130px; }

hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid rgba(123, 123, 123, 0.4);
  border-bottom: none; }
  hr.hr--dotted {
    border-top: 1px dotted rgba(123, 123, 123, 0.4); }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.muted {
  color: #999; }

abbr[title] {
  border-bottom: 1px dotted #ddd;
  cursor: help; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 18px;
  line-height: 18px;
  font-style: normal; }

small {
  font-size: 100%; }

cite {
  font-style: normal; }

.italicAbstract .abstract {
  font-style: italic; }

.p-datepicker {
  z-index: 1060 !important; }

form {
  margin: 0; }

input[disabled],
textarea[disabled],
button[disabled],
[disabled],
[data-disabled] {
  cursor: not-allowed; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }
  fieldset.separated {
    border: 1px solid #d0d0d0;
    border-width: 1px 0;
    padding-bottom: 10px; }

legend {
  display: block;
  padding: 0 6px 0 0;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 31px;
  color: #666;
  border: 0;
  text-transform: uppercase;
  font-weight: 500;
  background-color: transparent; }
  legend.small {
    margin-bottom: 10px; }
  legend small {
    font-size: 13.5px;
    color: #999; }

input,
button,
select,
textarea {
  font-family: Inter, Helvetica, Arial, sans-serif; }

label {
  display: block;
  margin-bottom: 5px; }

input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  min-height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  border-radius: 2px; }

.uneditable-textarea {
  width: auto;
  height: auto; }

label input,
label textarea,
label select {
  display: block; }

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 2px 0;
  display: inline-block;
  line-height: normal;
  cursor: pointer;
  border-radius: 0;
  border: 0 \9;
  /* IE9 and down */ }

input[type="image"] {
  border: 0; }

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: #fff;
  background-color: initial;
  box-shadow: none; }

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto; }

select {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  line-height: 28px; }

input[type="file"] {
  height: 28px;
  padding-top: 4px;
  font-size: 13px; }

select {
  width: 220px;
  background-color: #fff; }

select[multiple],
select[size] {
  height: auto; }

input[type="image"] {
  box-shadow: none; }

textarea {
  height: auto; }

input[type="hidden"] {
  display: none; }

.legend {
  padding: 0;
  color: #999;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 0 10px 0; }

.radio,
.checkbox {
  padding-left: 18px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

.sd-radio {
  position: relative;
  padding-left: 3px; }
  .sd-radio input[type="radio"] {
    visibility: hidden; }
    .sd-radio input[type="radio"] + .check {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      border: 2px solid #ccc;
      vertical-align: middle;
      margin-left: 0px; }
    .sd-radio input[type="radio"]:checked + .check {
      border: 2px solid #5ea9c8; }
      .sd-radio input[type="radio"]:checked + .check:before {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        margin: 2px 0 0 2px;
        background-color: #5ea9c8;
        border-radius: 50%;
        box-sizing: border-box; }
  .sd-radio:hover input[type="radio"] + .check {
    border: 2px solid #999; }
  .sd-radio:hover input[type="radio"]:checked + .check {
    border: 2px solid #5ea9c8; }

input,
textarea {
  transition: border linear 0.2s, box-shadow linear 0.2s; }

input:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */ }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  box-shadow: none;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

input, textarea, select {
  width: 100%; }

.input-mini {
  width: 50px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #F5F5F5;
  border-color: #ddd;
  cursor: not-allowed; }

.sd-validate:not(.field) label:after {
  color: #E51C23;
  content: '*';
  vertical-align: top;
  font-size: 12px;
  padding-left: 3px; }

.sd-validate .sd-required {
  font-size: 11px;
  font-style: italic;
  padding-left: 5px;
  color: #333; }

.sd-validate .sd-invalid-text {
  display: none;
  font-size: 11px;
  font-style: italic;
  padding-left: 5px;
  color: #E51C23; }

.sd-validate.sd-invalid label span {
  color: red; }

.sd-validate.sd-invalid input, .sd-validate.sd-invalid textarea, .sd-validate.sd-invalid .text-editor, .sd-validate.sd-invalid .line-input,
.sd-validate.sd-invalid input:focus, .sd-validate.sd-invalid textarea:focus, .sd-validate.sd-invalid .text-editor:focus,
.sd-validate.sd-invalid input:hover, .sd-validate.sd-invalid textarea:hover, .sd-validate.sd-invalid text-editor:hover {
  border-bottom: 1px solid red !important;
  border-bottom-color: red !important;
  box-shadow: none !important; }

.sd-validate.sd-invalid.field label {
  background-color: red; }
  .sd-validate.sd-invalid.field label span {
    border-bottom: 0 !important;
    color: #fff; }

.sd-validate.sd-invalid .sd-required {
  color: #E51C23; }

.sd-validate.sd-invalid .sd-invalid-text {
  display: inline-block; }

.sd-validate.field label span {
  border-bottom: 0 !important; }

.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #F5F5F5;
  border-top: 1px solid #ddd;
  *zoom: 1; }
  .form-actions:before, .form-actions:after {
    display: table;
    content: ""; }
  .form-actions:after {
    clear: both; }

.uneditable-input {
  display: block;
  background-color: #fff;
  border-color: #eee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

:-moz-placeholder {
  color: #999; }

::-webkit-input-placeholder {
  color: #999; }

.input-prepend,
.input-append {
  margin-bottom: 5px; }
  .input-prepend input,
  .input-prepend select,
  .input-prepend .uneditable-input,
  .input-append input,
  .input-append select,
  .input-append .uneditable-input {
    *margin-left: 0;
    border-radius: 0 3px 3px 0; }
    .input-prepend input:focus,
    .input-prepend select:focus,
    .input-prepend .uneditable-input:focus,
    .input-append input:focus,
    .input-append select:focus,
    .input-append .uneditable-input:focus {
      position: relative;
      z-index: 2; }
  .input-prepend .uneditable-input,
  .input-append .uneditable-input {
    border-left-color: #ccc; }
  .input-prepend .add-on,
  .input-append .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #F5F5F5;
    border: 1px solid #ccc; }
  .input-prepend .add-on,
  .input-append .add-on {
    border-radius: 3px 0 0 3px;
    position: relative;
    z-index: 5; }
  .input-prepend .active,
  .input-append .active {
    background-color: #a9dba9;
    border-color: #46a546; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

.input-append input,
.input-append select .uneditable-input {
  border-radius: 3px 0 0 3px;
  margin-bottom: 0; }

.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc; }

.input-append .add-on {
  padding-bottom: 3px !important;
  margin-left: -4px;
  border-radius: 0 3px 3px 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 3px 0 0 3px; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 3px 3px 0; }

.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0; }

.form-inline .hide,
.form-horizontal .hide {
  display: none; }

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

.form-inline .input-append,
.form-inline .input-prepend {
  margin-bottom: 0; }

.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px; }

select {
  padding: 4px; }

.inline-input {
  border: 0;
  margin: 0 !important;
  vertical-align: baseline;
  box-shadow: none; }
  .inline-input:focus {
    box-shadow: none !important;
    box-shadow: inset none !important; }

.large-text-input {
  height: 37px !important;
  font-size: 16px !important;
  line-height: 25px !important; }

/* FORM ELEMENTS */
form fieldset, form .fieldset, ng-form fieldset, ng-form .fieldset {
  *zoom: 1; }
  form fieldset:before, form fieldset:after, form .fieldset:before, form .fieldset:after, ng-form fieldset:before, ng-form fieldset:after, ng-form .fieldset:before, ng-form .fieldset:after {
    display: table;
    content: ""; }
  form fieldset:after, form .fieldset:after, ng-form fieldset:after, ng-form .fieldset:after {
    clear: both; }
  form fieldset .field, form .fieldset .field, ng-form fieldset .field, ng-form .fieldset .field {
    margin-bottom: 24px;
    width: 100%; }
    form fieldset .field > .inline-label, form .fieldset .field > .inline-label, ng-form fieldset .field > .inline-label, ng-form .fieldset .field > .inline-label {
      margin-left: 20px;
      margin-right: -10px; }
  form fieldset .multiple, form .fieldset .multiple, ng-form fieldset .multiple, ng-form .fieldset .multiple {
    display: flex; }
    form fieldset .multiple .field, form fieldset .multiple .flex-field, form .fieldset .multiple .field, form .fieldset .multiple .flex-field, ng-form fieldset .multiple .field, ng-form fieldset .multiple .flex-field, ng-form .fieldset .multiple .field, ng-form .fieldset .multiple .flex-field {
      flex: 1 1 auto;
      margin-bottom: 0; }
      form fieldset .multiple .field:not(.btn), form fieldset .multiple .flex-field:not(.btn), form .fieldset .multiple .field:not(.btn), form .fieldset .multiple .flex-field:not(.btn), ng-form fieldset .multiple .field:not(.btn), ng-form fieldset .multiple .flex-field:not(.btn), ng-form .fieldset .multiple .field:not(.btn), ng-form .fieldset .multiple .flex-field:not(.btn) {
        padding-right: 20px; }
      form fieldset .multiple .field:last-child:not(.btn), form fieldset .multiple .flex-field:last-child:not(.btn), form .fieldset .multiple .field:last-child:not(.btn), form .fieldset .multiple .flex-field:last-child:not(.btn), ng-form fieldset .multiple .field:last-child:not(.btn), ng-form fieldset .multiple .flex-field:last-child:not(.btn), ng-form .fieldset .multiple .field:last-child:not(.btn), ng-form .fieldset .multiple .flex-field:last-child:not(.btn) {
        padding-right: 0; }
      form fieldset .multiple .field.no-grow, form fieldset .multiple .flex-field.no-grow, form .fieldset .multiple .field.no-grow, form .fieldset .multiple .flex-field.no-grow, ng-form fieldset .multiple .field.no-grow, ng-form fieldset .multiple .flex-field.no-grow, ng-form .fieldset .multiple .field.no-grow, ng-form .fieldset .multiple .flex-field.no-grow {
        flex: 0 1 auto; }
      form fieldset .multiple .field.no-shrink, form fieldset .multiple .flex-field.no-shrink, form .fieldset .multiple .field.no-shrink, form .fieldset .multiple .flex-field.no-shrink, ng-form fieldset .multiple .field.no-shrink, ng-form fieldset .multiple .flex-field.no-shrink, ng-form .fieldset .multiple .field.no-shrink, ng-form .fieldset .multiple .flex-field.no-shrink {
        flex: 1 0 auto; }
    form fieldset .multiple .btn, form .fieldset .multiple .btn, ng-form fieldset .multiple .btn, ng-form .fieldset .multiple .btn {
      white-space: nowrap; }
  form fieldset + legend, form .fieldset + legend, ng-form fieldset + legend, ng-form .fieldset + legend {
    margin-top: 20px; }
  form fieldset + fieldset, form fieldset + .fieldset, form .fieldset + fieldset, form .fieldset + .fieldset, ng-form fieldset + fieldset, ng-form fieldset + .fieldset, ng-form .fieldset + fieldset, ng-form .fieldset + .fieldset {
    margin-top: 20px; }

form.form-horizontal .field > label, ng-form.form-horizontal .field > label {
  width: 150px;
  padding-right: 20px;
  text-align: right;
  float: left; }

form.form-horizontal .field .control, ng-form.form-horizontal .field .control {
  margin-left: 170px; }

.field {
  margin-bottom: 24px;
  width: 100%; }
  .field > .inline-label {
    margin-left: 20px;
    margin-right: -10px; }
  .field label:not(.sd-checkbox) {
    font-size: 11px;
    font-weight: 500;
    color: #686868;
    text-transform: uppercase;
    height: 18px;
    letter-spacing: 0.08em; }
    .field label:not(.sd-checkbox).inline-label {
      color: #333;
      text-transform: none;
      font-size: 13px;
      line-height: 18px;
      display: inline-block;
      margin-right: 20px;
      font-weight: 400;
      letter-spacing: normal; }
  .field .sd-checkbox label {
    font-size: 1.3rem;
    font-weight: 400;
    color: inherit;
    text-transform: none;
    height: auto;
    letter-spacing: 0; }

form.flat .title, .form-flat .title {
  padding: 0 10px 10px 0;
  color: #333;
  font-size: 16px;
  line-height: 22px; }

form.flat .required-info, .form-flat .required-info {
  display: none;
  font-size: 11px;
  color: #999;
  float: right; }

form.flat fieldset, form.flat .fieldset, .form-flat fieldset, .form-flat .fieldset {
  margin-bottom: 20px;
  position: relative; }
  form.flat fieldset legend, form.flat fieldset .legend, form.flat .fieldset legend, form.flat .fieldset .legend, .form-flat fieldset legend, .form-flat fieldset .legend, .form-flat .fieldset legend, .form-flat .fieldset .legend {
    padding: 0;
    color: #333;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 0;
    margin-top: 20px; }
  form.flat fieldset .item, form.flat .fieldset .item, .form-flat fieldset .item, .form-flat .fieldset .item {
    width: 100%;
    font-size: 13px;
    color: #333;
    position: relative;
    box-sizing: border-box;
    height: auto;
    line-height: 24px;
    padding: 10px 2px; }
    form.flat fieldset .item .required-asteriks, form.flat .fieldset .item .required-asteriks, .form-flat fieldset .item .required-asteriks, .form-flat .fieldset .item .required-asteriks {
      font-size: 12px;
      color: #999;
      position: absolute;
      right: 10px;
      top: 8px; }
    form.flat fieldset .item label, form.flat .fieldset .item label, .form-flat fieldset .item label, .form-flat .fieldset .item label {
      color: #333;
      min-width: 100px;
      margin-right: 10px;
      display: inline-block; }
    form.flat fieldset .item a, form.flat .fieldset .item a, .form-flat fieldset .item a, .form-flat .fieldset .item a {
      color: #3599b6; }
    form.flat fieldset .item .info-value, form.flat .fieldset .item .info-value, .form-flat fieldset .item .info-value, .form-flat .fieldset .item .info-value {
      display: inline-block;
      vertical-align: middle; }
      form.flat fieldset .item .info-value .sdselect-btn, form.flat .fieldset .item .info-value .sdselect-btn, .form-flat fieldset .item .info-value .sdselect-btn, .form-flat .fieldset .item .info-value .sdselect-btn {
        float: left;
        color: #333;
        width: auto; }
        form.flat fieldset .item .info-value .sdselect-btn .caret, form.flat .fieldset .item .info-value .sdselect-btn .caret, .form-flat fieldset .item .info-value .sdselect-btn .caret, .form-flat .fieldset .item .info-value .sdselect-btn .caret {
          margin-left: 5px; }
    form.flat fieldset .item.password .info-value, form.flat .fieldset .item.password .info-value, .form-flat fieldset .item.password .info-value, .form-flat .fieldset .item.password .info-value {
      -webkit-text-security: disc; }
      form.flat fieldset .item.password .info-value .info-editable, form.flat .fieldset .item.password .info-value .info-editable, .form-flat fieldset .item.password .info-value .info-editable, .form-flat .fieldset .item.password .info-value .info-editable {
        -webkit-text-security: disc; }
    form.flat fieldset .item.password .change-btn:hover, form.flat .fieldset .item.password .change-btn:hover, .form-flat fieldset .item.password .change-btn:hover, .form-flat .fieldset .item.password .change-btn:hover {
      cursor: pointer; }
    form.flat fieldset .item p.info-editable, form.flat .fieldset .item p.info-editable, .form-flat fieldset .item p.info-editable, .form-flat .fieldset .item p.info-editable {
      margin: 0; }
    form.flat fieldset .item .info-editable, form.flat .fieldset .item .info-editable, .form-flat fieldset .item .info-editable, .form-flat .fieldset .item .info-editable {
      min-width: 275px;
      border-color: rgba(0, 0, 0, 0.1) !important;
      border-width: 0 0 1px 0 !important;
      border-radius: 0px !important;
      font-size: 13px;
      text-overflow: ellipsis;
      margin-left: -6px;
      background-color: transparent;
      color: #000 !important;
      box-sizing: border-box;
      margin-top: 0;
      transition: 0.3s; }
      form.flat fieldset .item .info-editable:hover, form.flat .fieldset .item .info-editable:hover, .form-flat fieldset .item .info-editable:hover, .form-flat .fieldset .item .info-editable:hover {
        border-color: rgba(0, 0, 0, 0.25) !important; }
      form.flat fieldset .item .info-editable:focus, form.flat .fieldset .item .info-editable:focus, .form-flat fieldset .item .info-editable:focus, .form-flat .fieldset .item .info-editable:focus {
        box-shadow: 0 1px 0 0 #5ea9c8 !important;
        border-color: #5ea9c8 !important; }
    form.flat fieldset .item input.info-editable, form.flat .fieldset .item input.info-editable, .form-flat fieldset .item input.info-editable, .form-flat .fieldset .item input.info-editable {
      min-width: auto; }
    form.flat fieldset .item textarea.info-editable, form.flat .fieldset .item textarea.info-editable, .form-flat fieldset .item textarea.info-editable, .form-flat .fieldset .item textarea.info-editable {
      height: 150px;
      width: 100%;
      max-width: 100%;
      line-height: 18px;
      margin-left: 0; }
    form.flat fieldset .item select.info-editable, form.flat .fieldset .item select.info-editable, .form-flat fieldset .item select.info-editable, .form-flat .fieldset .item select.info-editable {
      padding: 0 !important;
      border: 1px solid #d0d0d0 !important; }
      form.flat fieldset .item select.info-editable:focus, form.flat .fieldset .item select.info-editable:focus, .form-flat fieldset .item select.info-editable:focus, .form-flat .fieldset .item select.info-editable:focus {
        text-decoration: none !important; }
  form.flat fieldset.label-light label, form.flat .fieldset.label-light label, .form-flat fieldset.label-light label, .form-flat .fieldset.label-light label {
    color: #999;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500; }

[sd-slider].ui-slider {
  margin-left: 10px;
  border-top: 2px solid #5ea9c8; }
  [sd-slider].ui-slider .ui-slider-range {
    transition: width 0.1s;
    margin-top: -2px;
    border-top: 2px solid #ccc; }
  [sd-slider].ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    top: -7px;
    margin-left: -6px;
    transition: left 0.1s;
    border-radius: 50%;
    background-color: #5ea9c8; }
  [sd-slider].ui-slider .ui-slider-thumb {
    font-size: 28px;
    text-align: center;
    color: white;
    position: absolute;
    margin-left: -27px;
    top: -50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    background-color: #5ea9c8;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: translate(0, 70px, 0);
    transform: translate(0, 70px, 0);
    transition: all 0.2s ease-in-out; }
    [sd-slider].ui-slider .ui-slider-thumb:after {
      position: absolute;
      content: '';
      left: 0;
      border-radius: 28px;
      top: 35px;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top-width: 28px;
      border-top-style: solid;
      border-top-color: #5ea9c8;
      -webkit-transform: translate(0, -8px, 0);
      transform: translate(0, -8px, 0);
      transition: all 0.1s ease-in-out; }
    [sd-slider].ui-slider .ui-slider-thumb.ui-slider-thumb-active {
      -webkit-transform: scale(0.4);
      transform: scale(0.4); }
  [sd-slider].ui-slider .ui-slider-label {
    font-size: 8px;
    color: #c0c0c0;
    margin-top: -18px;
    text-transform: uppercase; }
    [sd-slider].ui-slider .ui-slider-label.left {
      float: left; }
    [sd-slider].ui-slider .ui-slider-label.right {
      float: right; }
  [sd-slider].ui-slider .ui-slider-indicator {
    font-size: 0;
    line-height: 0;
    padding-top: 7px; }
    [sd-slider].ui-slider .ui-slider-indicator span {
      display: inline-block;
      height: 5px;
      box-sizing: border-box;
      border-left: 1px solid #d1d1d1; }
      [sd-slider].ui-slider .ui-slider-indicator span:last-of-type {
        border-right: 1px solid #d1d1d1; }

.flex-header {
  display: flex;
  height: 20px;
  margin-bottom: 8px; }
  .flex-header .line {
    height: 1px;
    margin: auto 4px auto 0;
    background: #dcdcdc;
    flex: 1; }
  .flex-header .flex-space {
    height: 1px;
    margin: auto 4px auto 0;
    background: transparent;
    flex: 1; }
  .flex-header .flex-header-toggle {
    border: 0;
    padding: 0;
    margin: 0 5px 0;
    display: flex;
    background: transparent; }
    .flex-header .flex-header-toggle i {
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .flex-header .flex-header-toggle.closed i {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      margin: auto; }
  .flex-header .flex-header-name {
    padding: 0 8px 0 0;
    margin: auto 0;
    font-size: 12px;
    line-height: 100%;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em; }
    .flex-header .flex-header-name .lighten-text {
      color: #666;
      font-weight: 400; }
  .flex-header .flex-header-label {
    box-sizing: border-box;
    height: 16px;
    margin: auto 0;
    padding: 3px 6px 0;
    border-radius: 8px;
    color: #fff;
    background: #bbb;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.06em;
    font-weight: 400; }

input.line-input, textarea.line-input, .dropdown__toggle.line-input {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  font-size: 13px;
  /* alt is line input for dark background */ }
  input.line-input:hover, textarea.line-input:hover, .dropdown__toggle.line-input:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: transparent !important; }
  input.line-input:focus, textarea.line-input:focus, .dropdown__toggle.line-input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important;
    background-color: transparent !important; }
  input.line-input.line-input--alt, textarea.line-input.line-input--alt, .dropdown__toggle.line-input.line-input--alt {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
    input.line-input.line-input--alt:hover, textarea.line-input.line-input--alt:hover, .dropdown__toggle.line-input.line-input--alt:hover {
      border-color: rgba(255, 255, 255, 0.5) !important; }
    input.line-input.line-input--alt:focus, textarea.line-input.line-input--alt:focus, .dropdown__toggle.line-input.line-input--alt:focus {
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) !important;
      border-color: rgba(255, 255, 255, 0.7) !important;
      background-color: transparent !important; }

textarea.line-input {
  padding-top: 3px; }

.dropdown__toggle.line-input {
  position: relative;
  padding: 0 15px 0 0 !important;
  line-height: 24px;
  text-align: left; }

input.boxed-input, textarea.boxed-input, .dropdown__toggle.boxed-input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: 2px 2px 0 0;
  font-size: 13px;
  /* --alt is boxed-input for dark backgrounds */ }
  input.boxed-input:hover, textarea.boxed-input:hover, .dropdown__toggle.boxed-input:hover {
    border-color: var(--color-input-border-hover) !important;
    background-color: var(--color-input-bg--hover) !important; }
  input.boxed-input:focus, textarea.boxed-input:focus, .dropdown__toggle.boxed-input:focus {
    background-color: var(--color-input-bg--focus) !important;
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }
  input.boxed-input.boxed-input--alt, textarea.boxed-input.boxed-input--alt, .dropdown__toggle.boxed-input.boxed-input--alt {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
    input.boxed-input.boxed-input--alt:hover, textarea.boxed-input.boxed-input--alt:hover, .dropdown__toggle.boxed-input.boxed-input--alt:hover {
      border-color: rgba(255, 255, 255, 0.5) !important; }
    input.boxed-input.boxed-input--alt:focus, textarea.boxed-input.boxed-input--alt:focus, .dropdown__toggle.boxed-input.boxed-input--alt:focus {
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) !important;
      border-color: rgba(255, 255, 255, 0.7) !important;
      background-color: transparent !important; }

textarea.boxed-input {
  padding-top: 6px; }

.boxed-input[sd-meta-terms] {
  min-height: 3.2rem;
  border-radius: 2px 2px 0 0;
  background-color: var(--color-input-bg);
  padding: 4px 4px 0 4px; }

.boxed-input .dropdown__toggle.line-input {
  width: 100%;
  border-radius: 0 !important;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 1.6rem 0 0.8rem !important;
  height: 3.2rem;
  border-radius: 2px 2px 0 0;
  font-size: 13px; }
  .boxed-input .dropdown__toggle.line-input:hover {
    border-color: var(--color-input-border-hover) !important;
    background-color: var(--color-input-bg--hover) !important; }
  .boxed-input .dropdown__toggle.line-input:focus {
    background-color: var(--color-input-bg--focus) !important;
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important; }

.boxed-input .dropdown__toggle .dropdown__caret {
  right: 6px !important; }

.boxed-input .dropdown__menu {
  margin-top: 1px !important;
  width: 100%; }

.boxed-input .dropdown.open .dropdown__toggle.line-input {
  background-color: var(--color-input-bg--focus) !important;
  box-shadow: 0 1px 0 0 #5ea9c8 !important;
  border-color: #5ea9c8 !important; }

.dropdown__toggle.boxed-input {
  position: relative;
  padding: 0 15px 0 0 !important;
  line-height: 24px;
  text-align: left; }

.line-select {
  position: relative; }
  .line-select select {
    position: relative;
    z-index: 2;
    padding: 0 15px 0 0 !important;
    line-height: 24px;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    background-color: transparent;
    padding: 0;
    height: 24px; }
    .line-select select:hover {
      border-color: rgba(0, 0, 0, 0.3) !important;
      background-color: transparent !important; }
    .line-select select:focus {
      box-shadow: 0 1px 0 0 #5ea9c8 !important;
      border-color: #5ea9c8 !important;
      background-color: transparent !important; }
  .line-select::after {
    position: absolute;
    top: 12px;
    right: 4px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin-top: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    content: "";
    z-index: 0; }
  .line-select:hover::after {
    opacity: 0.6;
    filter: alpha(opacity=60); }

input.line-input--inline-mini {
  text-align: center;
  width: 40px; }

.sd-line-input input.sd-line-input__input.sd-line-input__input--mini {
  text-align: center;
  width: 40px; }

.sd-line-input select.sd-line-input__select.sd-line-input__select--mini {
  text-align: center;
  width: 45px; }

.helper-text {
  display: inline-block;
  color: #747474; }

.helper-text--after-icon {
  padding-left: 0.5rem;
  vertical-align: top;
  font-weight: 300; }

.helper-text--padded {
  padding: 0 10px; }

.label--inline {
  text-transform: none;
  color: #333;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  vertical-align: top; }

.input-group {
  padding-top: 6px; }

.contenteditable-input {
  min-height: 23px;
  padding: 3px 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 16px; }
  .contenteditable-input:hover {
    border-color: rgba(0, 0, 0, 0.3);
    background-color: transparent; }
  .contenteditable-input:focus {
    box-shadow: none;
    border-color: #5ea9c8;
    background-color: transparent; }
  .contenteditable-input--side-padding {
    padding: 3px 6px; }

.fieldset-flex .field {
  display: flex; }

.fieldset-flex label {
  min-width: 100px;
  flex: 0 1 auto; }

.fieldset-flex .controls {
  flex: 1 1 auto; }

.label-asterisk:after {
  content: ' *'; }

.char-count {
  display: inline-block;
  margin-left: 5px; }
  .char-count.error {
    color: #E51C23; }

.list-row {
  padding: 1rem 0; }

.list-row--dotted {
  border-bottom: 1px dotted #999; }
  .list-row--dotted:first-child {
    border-top: 1px dotted #999; }

.list-row--flex {
  display: flex;
  flex-direction: row;
  align-items: center; }

.list-row__item {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0; }

.list-row__item--block {
  display: block; }

.list-row__item--grow {
  flex-grow: 1; }

.list-row--small {
  padding: 0 0 1rem 0; }

.text-label {
  display: inline-block;
  color: #747474;
  margin: 0; }

.column {
  padding: 2rem 0 1rem;
  clear: both; }

.column--mb24 {
  margin-bottom: 2.4rem; }

.basic-input {
  border: 1px solid rgba(123, 123, 123, 0.5);
  border-radius: 3px;
  padding-right: 5px;
  padding-left: 5px; }
  .basic-input:hover {
    border: 1px solid rgba(123, 123, 123, 0.8); }
  .basic-input:focus {
    border: 1px solid #5ea9c8;
    box-shadow: inset 0 0 0 1px #5ea9c8; }
  .basic-input[disabled] {
    border-color: #ddd !important; }

.form-group-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .form-group-horizontal > * {
    flex-grow: 1; }
  .form-group-horizontal > * + * {
    margin-left: 1.2rem !important; }

.sd-line-input__select-custom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background: transparent !important;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  margin-bottom: 18px; }
  .table th,
  .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table th {
    font-weight: bold; }
  .table thead th {
    vertical-align: bottom; }
  .table colgroup + thead tr:first-child th,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
    border-top: 0; }
  .table tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .blank-field {
    width: 100%; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #ddd;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-radius: 4px; }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #ddd; }
  .table-bordered thead:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child td {
    border-top: 0; }
  .table-bordered thead:first-child tr:first-child th:first-child,
  .table-bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0; }
  .table-bordered thead:first-child tr:first-child th:last-child,
  .table-bordered tbody:first-child tr:first-child td:last-child {
    border-radius: 0 4px 0 0; }
  .table-bordered thead:last-child tr:last-child th:first-child,
  .table-bordered tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px; }
  .table-bordered thead:last-child tr:last-child th:last-child,
  .table-bordered tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 4px 0; }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9; }

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5; }

.table.styled-table {
  border-top: 2px solid #d7d7d7; }
  .table.styled-table th, .table.styled-table td {
    vertical-align: middle;
    background: #fff; }
    .table.styled-table th.align-right, .table.styled-table td.align-right {
      text-align: right; }
  .table.styled-table th {
    font-size: 13px;
    font-weight: 500;
    padding: 11px;
    color: #333; }

.table--fixed-header thead th {
  position: sticky;
  top: 0; }

.table--fixed-header tbody {
  max-height: calc(100vh - 250px);
  overflow: auto;
  overflow-x: hidden; }

.table--fixed-header th, .table--fixed-header td {
  min-width: 80px; }

.bs-pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.bs-pagination a:hover {
  cursor: pointer; }

.bs-pagination > li {
  display: inline; }

.bs-pagination > li > a,
.bs-pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #5ea9c8;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px; }

.bs-pagination > li:first-child > a,
.bs-pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }

.bs-pagination > li:last-child > a,
.bs-pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.bs-pagination > li > a:hover,
.bs-pagination > li > span:hover,
.bs-pagination > li > a:focus,
.bs-pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd; }

.bs-pagination > .active > a,
.bs-pagination > .active > span,
.bs-pagination > .active > a:hover,
.bs-pagination > .active > span:hover,
.bs-pagination > .active > a:focus,
.bs-pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #5ea9c8;
  border-color: #5ea9c8;
  cursor: default; }

.bs-pagination > .disabled > span,
.bs-pagination > .disabled > span:hover,
.bs-pagination > .disabled > span:focus,
.bs-pagination > .disabled > a,
.bs-pagination > .disabled > a:hover,
.bs-pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed; }

.sd-typeahead {
  position: relative;
  list-style-type: none; }
  .sd-typeahead .item-list {
    z-index: 9999;
    min-width: 190px;
    width: 100%;
    height: auto;
    max-height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    color: #333;
    border: 1px #bbb;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 28px;
    z-index: 61; }
    .sd-typeahead .item-list li {
      width: 100%;
      font-size: 1.3rem;
      margin-bottom: 0.4rem;
      font-family: Inter, Helvetica, Arial, sans-serif; }
      .sd-typeahead .item-list li:hover {
        cursor: pointer;
        background-color: rgba(94, 169, 200, 0.1); }
      .sd-typeahead .item-list li.active {
        background-color: rgba(94, 169, 200, 0.4) !important; }
      .sd-typeahead .item-list li .country_state_info {
        font-weight: 500; }
      .sd-typeahead .item-list li em {
        font-size: 11px; }
      .sd-typeahead .item-list li.typeahead-item--padded {
        padding: 0.4rem 1.2rem; }
    .sd-typeahead .item-list button.greyout {
      opacity: .5; }

div.password-strength {
  color: #666;
  margin: 3px 0;
  font-size: 12px; }
  div.password-strength .label.red {
    background-color: #E51C23; }
  div.password-strength .label.yellow {
    background-color: #ffc40d; }
  div.password-strength .label.green {
    background-color: #46a546; }
  div.password-strength .icon-question-sign {
    margin: 0px 0 0 5px;
    position: relative;
    top: 3px;
    color: #5d9bc0;
    cursor: pointer; }
  div.password-strength .tooltip > .tooltip-arrow {
    border-color: #333 transparent #333 transparent;
    opacity: 0.9; }
  div.password-strength .tooltip > .tooltip-inner {
    text-align: left;
    background-color: #333;
    border-radius: 3px;
    opacity: 0.9;
    line-height: 16px; }
    div.password-strength .tooltip > .tooltip-inner ul {
      padding: 3px 0; }
      div.password-strength .tooltip > .tooltip-inner ul li {
        padding: 0;
        margin: 0;
        line-height: 16px; }
        div.password-strength .tooltip > .tooltip-inner ul li:before {
          content: "- ";
          padding-left: 5px; }

[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
/* ====================================== */
.output-item-label {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #8a8a8a;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }
  .output-item-label.label-0 {
    background: #8a8a8a; }
  .output-item-label.label-1 {
    background: #005e84; }
  .output-item-label.label-2 {
    background: #64a4bf; }
  .output-item-label.label-3, .output-item-label.label-4, .output-item-label.label-5 {
    background: #b0cfdd; }

/* ====================================== */
.status-label {
  box-sizing: border-box;
  height: 15px;
  padding: 4px 7px;
  background: #1f6681;
  border-radius: 2px;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  line-height: 7px;
  margin: 0 5px 0 0;
  text-transform: uppercase; }
  .status-label.label-canceled {
    background: #1c1c1c;
    color: #ff5353; }

.archive-content {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: calc(100% - 30px);
  background-color: #f8f8f8;
  transition: left 0.2s ease;
  z-index: 11; }
  .archive-content.wide {
    left: 10px; }
  .archive-content .content-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 49px; }
    .archive-content .content-inner .newest-items {
      margin-bottom: 35px; }
      .archive-content .content-inner .newest-items > span {
        height: 30px;
        font-size: 11px;
        color: #8a8a8a;
        line-height: 30px;
        font-weight: 300;
        text-transform: uppercase; }
      .archive-content .content-inner .newest-items ul {
        *zoom: 1; }
        .archive-content .content-inner .newest-items ul:before, .archive-content .content-inner .newest-items ul:after {
          display: table;
          content: ""; }
        .archive-content .content-inner .newest-items ul:after {
          clear: both; }
  .archive-content .statistics {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    padding: 30px;
    overflow: auto;
    overflow-x: hidden; }
  .archive-content .preview-layout .list-pane .list-view {
    *zoom: 1; }
    .archive-content .preview-layout .list-pane .list-view:before, .archive-content .preview-layout .list-pane .list-view:after {
      display: table;
      content: ""; }
    .archive-content .preview-layout .list-pane .list-view:after {
      clear: both; }
    .archive-content .preview-layout .list-pane .list-view .panel {
      float: left; }
      .archive-content .preview-layout .list-pane .list-view .panel.alert {
        float: none; }
      .archive-content .preview-layout .list-pane .list-view .panel .panel-body {
        display: inline-block; }
        .archive-content .preview-layout .list-pane .list-view .panel .panel-body .ui-draggable {
          display: inline-block; }
  .archive-content .content .shadow-list-holder {
    position: relative;
    max-height: none;
    min-height: auto; }

.view-select button {
  height: 48px;
  width: 48px;
  background: none;
  border: 0;
  padding: 15px 16px;
  border-left: 1px solid #dfdfdf;
  opacity: 0.6;
  filter: "alpha(opacity=60)"; }
  .view-select button:hover {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.loading-indicator {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5rem;
  min-width: 10rem;
  padding: 0.8rem 1.6rem;
  border-radius: 0 0 4px 4px;
  border: 1px solid #52b1cc;
  border-width: 0 1px 1px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #3599b6;
  background: #eff7fa;
  z-index: 3;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); }

/* ====================================== */
.mgrid-view .media-box {
  height: auto;
  width: auto;
  min-height: 225px;
  min-width: 176px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-width: 0px 0px 3px 0px;
  margin: 1px 12px 10px 1px;
  border-radius: 2px;
  padding: 5px;
  position: relative;
  float: left;
  display: block;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  /* control buttons on the bottom */ }
  .mgrid-view .media-box .action {
    display: none;
    height: 33px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .mgrid-view .media-box:hover .action {
    display: block; }
  .mgrid-view .media-box.archived {
    background: #f2f2f2 url(9b2bbd9d10bc49388aeee18c536be4f8.png) no-repeat bottom right;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.03); }
  .mgrid-view .media-box.error {
    border-color: #d19796;
    border-bottom-color: #c00000; }
  .mgrid-view .media-box .error-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1; }
    .mgrid-view .media-box .error-box .message {
      color: #970000;
      font-weight: 400;
      font-size: 12px;
      padding: 40px 10px 0;
      text-transform: uppercase;
      text-align: center;
      line-height: 20px; }
      .mgrid-view .media-box .error-box .message b {
        display: block;
        font-size: 16px; }
    .mgrid-view .media-box .error-box .buttons {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 30px;
      background: #f7eaea;
      border-top: 1px solid #e1bbbb; }
  .mgrid-view .media-box .media {
    box-sizing: border-box;
    height: 120px;
    margin: 0 2px 5px;
    display: block;
    position: relative;
    background: #f8f8f8; }
    .mgrid-view .media-box .media img {
      height: auto;
      width: auto;
      max-width: 172px;
      max-height: 120px; }
    .mgrid-view .media-box .media .caption {
      display: none; }
    .mgrid-view .media-box .media .selectbox {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 1px 2px 2px 2px;
      background-color: rgba(255, 255, 255, 0.85);
      border-radius: 0 0 0 2px; }
      .mgrid-view .media-box .media .selectbox .sd-checkbox {
        margin: 0; }
  .mgrid-view .media-box.media-picture .text, .mgrid-view .media-box.media-graphic .text, .mgrid-view .media-box.media-video .text {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 176px;
    height: 120px;
    background: rgba(192, 192, 192, 0.9); }
  .mgrid-view .media-box.media-picture .media:hover .text, .mgrid-view .media-box.media-graphic .media:hover .text, .mgrid-view .media-box.media-video .media:hover .text {
    display: block; }
  .mgrid-view .media-box.media-text .media, .mgrid-view .media-box.media-preformatted .media, .mgrid-view .media-box.media-composite .media, .mgrid-view .media-box.media-picture .media, .mgrid-view .media-box.media-graphic .media {
    max-width: 172px;
    font-size: 12px;
    font-style: italic;
    white-space: normal;
    overflow: hidden; }
  .mgrid-view .media-box.media-text small, .mgrid-view .media-box.media-preformatted small, .mgrid-view .media-box.media-composite small, .mgrid-view .media-box.media-picture small, .mgrid-view .media-box.media-graphic small {
    display: block;
    padding: 2px 5px;
    font-size: 13px; }
  .mgrid-view .media-box.media-text .container, .mgrid-view .media-box.media-preformatted .container, .mgrid-view .media-box.media-composite .container, .mgrid-view .media-box.media-picture .container, .mgrid-view .media-box.media-graphic .container {
    font-weight: 500;
    color: #444;
    margin-left: 6px; }
  .mgrid-view .media-box.media-audio .media {
    width: 176px;
    max-width: 176px;
    text-align: center; }
    .mgrid-view .media-box.media-audio .media i {
      margin-top: 35px;
      opacity: 0.35;
      filter: "alpha(opacity=35)"; }
  .mgrid-view .media-box .media-info {
    position: relative;
    padding: 18px 0 0; }
    .mgrid-view .media-box .media-info .legal {
      bottom: 16px; }
  .mgrid-view .media-box h5 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
    font-size: 11px;
    margin: 0 2px;
    color: #216278;
    text-transform: uppercase; }
    .mgrid-view .media-box h5.shifted {
      left: 20px; }
  .mgrid-view .media-box dl {
    *zoom: 1;
    font-size: 11px;
    height: 1%;
    margin: 0 2px; }
    .mgrid-view .media-box dl:before, .mgrid-view .media-box dl:after {
      display: table;
      content: ""; }
    .mgrid-view .media-box dl:after {
      clear: both; }
    .mgrid-view .media-box dl dt {
      width: auto;
      float: left;
      clear: left;
      color: #787878;
      line-height: 16px;
      font-weight: normal; }
    .mgrid-view .media-box dl dt:after {
      content: ":"; }
    .mgrid-view .media-box dl dd {
      width: auto;
      color: #b4b4b4;
      line-height: 16px;
      float: left;
      margin-left: 4px; }
      .mgrid-view .media-box dl dd.subject-line {
        max-width: 90px;
        height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .mgrid-view .media-box dl dd.dropdown:hover .dropdown__menu {
        display: block;
        min-width: 100%; }
  .mgrid-view .media-box .type-icon {
    text-align: center; }
    .mgrid-view .media-box .type-icon i {
      color: #999; }
  .mgrid-view .media-box .source:after {
    content: "" !important; }
  .mgrid-view .media-box .provider {
    color: #787878;
    margin-left: 0; }
  .mgrid-view .media-box .urgency-label {
    position: absolute;
    bottom: 7px;
    left: 36px; }
  .mgrid-view .media-box .priority-label {
    position: absolute;
    bottom: 7px;
    left: 60px; }
  .mgrid-view .media-box .broadcast-status {
    position: absolute;
    bottom: 7px;
    left: 82px;
    background: #e51c23;
    color: #FFFFFF;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    width: 14px;
    text-align: center; }
  .mgrid-view .media-box .state-label, .mgrid-view .mlist-view .media-box.contacts .org-label, .mlist-view .mgrid-view .media-box.contacts .org-label, .mgrid-view .compact-view .media-box.contacts .org-label, .compact-view .mgrid-view .media-box.contacts .org-label, .mgrid-view .media-box .profile-label, .mgrid-view .media-box .language-label {
    position: absolute;
    bottom: 8px;
    right: 0px; }
  .mgrid-view .media-box .fetched-desk {
    font-size: 11px;
    margin-top: 3px; }
  .mgrid-view .media-box .not-for-publication {
    position: static; }
  .mgrid-view .media-box.contacts {
    min-height: 270px;
    min-width: 425px; }
    .mgrid-view .media-box.contacts .media {
      height: 25px; }
    .mgrid-view .media-box.contacts dl dt:after {
      content: ""; }
    .mgrid-view .media-box.contacts dl dd {
      margin-left: 6px;
      line-height: 18px; }
      .mgrid-view .media-box.contacts dl dd.dark {
        color: #444;
        font-weight: 500; }
    .mgrid-view .media-box.contacts .media-info {
      padding-left: 0.5rem; }
      .mgrid-view .media-box.contacts .media-info h5 {
        padding: 0rem 0.5rem 0; }
    .mgrid-view .media-box.contacts .item-info {
      padding: 6px 6px 6px 6px; }
      .mgrid-view .media-box.contacts .item-info .container {
        font-weight: 500;
        color: #444;
        margin-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .mgrid-view .media-box.contacts .item-info .container.link {
          color: #3599b6;
          font-weight: 400;
          text-overflow: ellipsis; }
    .mgrid-view .media-box.contacts .contact-footer {
      border-top: .1rem solid #e8e8e8;
      margin-top: 25px;
      margin-left: -5px;
      margin-right: -5px; }
      .mgrid-view .media-box.contacts .contact-footer.padded {
        margin-top: 45px !important; }
      .mgrid-view .media-box.contacts .contact-footer .update-info {
        position: absolute;
        bottom: 0.6rem;
        padding-left: 0.5rem; }
      .mgrid-view .media-box.contacts .contact-footer .social-info {
        position: absolute;
        bottom: 10px;
        right: 0px;
        margin-right: 20px; }
        .mgrid-view .media-box.contacts .contact-footer .social-info span {
          padding-left: 10px; }
    .mgrid-view .media-box.contacts .link {
      color: #3599b6;
      font-weight: 400;
      font-size: small; }
    .mgrid-view .media-box.contacts .notes {
      display: flex;
      background: none; }
    .mgrid-view .media-box.contacts .contact-name {
      font-size: 1.1em; }
    .mgrid-view .media-box.contacts .item-notes {
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 5px 0 5px;
      max-width: 380px;
      display: flex; }
  .mgrid-view .media-box.locked {
    border-bottom-color: #e51c23 !important; }
  .mgrid-view .media-box.gone {
    opacity: 0.5; }
  .mgrid-view .media-box.actioning {
    background-color: fade(#f7f7f7, 20%);
    border-color: fade(#cfcfcf, 20%); }
    .mgrid-view .media-box.actioning:before {
      content: '';
      zoom: .7;
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      z-index: 1;
      background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center; }
  .mgrid-view .media-box .highlights-title {
    position: absolute;
    top: -2px;
    left: 0;
    display: block; }
  .mgrid-view .media-box .item-functions {
    background: #fff;
    position: absolute;
    height: 32px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .mgrid-view .media-box .item-functions .item-field {
      width: 31px;
      height: 32px;
      border-left: 0;
      border-right: 1px solid #f0f0f0;
      box-sizing: border-box;
      padding: 0; }
      .mgrid-view .media-box .item-functions .item-field a {
        display: inline-block;
        width: 100%;
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        text-align: center; }
        .mgrid-view .media-box .item-functions .item-field a .actioning {
          background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
          background-repeat: no-repeat;
          background-position: center;
          display: inline-block;
          width: 100%;
          height: 32px;
          line-height: 32px;
          vertical-align: middle;
          text-align: center; }
        .mgrid-view .media-box .item-functions .item-field a i {
          vertical-align: middle; }
      .mgrid-view .media-box .item-functions .item-field .more-activity-dropdown li {
        border-right: 0; }
  .mgrid-view .media-box .more-activity-toggle {
    background: none; }
  .mgrid-view .media-box .media-box__footer {
    margin: 6px 0;
    position: relative;
    display: flex;
    align-content: center; }
    .mgrid-view .media-box .media-box__footer .type-icon {
      height: 16px;
      margin-right: 6px;
      flex-grow: 0; }
    .mgrid-view .media-box .media-box__footer .badge {
      margin-right: 6px; }
    .mgrid-view .media-box .media-box__footer .item-right {
      top: -2px;
      height: 22px;
      width: 32px; }

.fetched-desk-tooltip {
  border: 0;
  background: transparent; }

.mgrid-view {
  padding-bottom: 80px; }
  .mgrid-view .draggable-item {
    float: left; }
  .mgrid-view .list-item-view {
    float: left; }

#last-item {
  background: transparent;
  border: none;
  height: 1px;
  width: 1px;
  margin: 0; }

.sd-grid-list .sd-grid-item {
  height: 100%; }

.sd-grid-list .item-right {
  top: auto;
  height: 1.8rem;
  width: 2.4rem;
  margin-right: 1rem;
  position: relative;
  margin-left: -1rem; }
  .sd-grid-list .item-right .more-activity-toggle {
    background: none; }

.sd-grid-list .sd-grid-item__type-icn > i {
  vertical-align: middle; }

.sd-grid-item__footer i {
  vertical-align: middle;
  opacity: 0.4; }

/* ====================================== */
.media-box .keyword, .mgrid-view .media-box.contacts .contact-name, .mlist-view .media-box.contacts .contact-name, .compact-view .media-box.contacts .contact-name,
.field--slugline {
  font-weight: 500;
  color: #216278;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 10px;
  white-space: nowrap; }

.mlist-view, .compact-view {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2); }
  .mlist-view--no-shadow, .compact-view--no-shadow {
    box-shadow: none; }
  .mlist-view .list-item-view, .compact-view .list-item-view {
    width: 100%; }
    .mlist-view .list-item-view:last-child .media-box, .compact-view .list-item-view:last-child .media-box {
      border-bottom: none; }
    .mlist-view .list-item-view .panel-body, .compact-view .list-item-view .panel-body {
      display: block !important;
      width: 100%; }
  .mlist-view .actions-visible .media-box:hover .item-info,
  .mlist-view .actions-visible .media-box.active .item-info, .compact-view .actions-visible .media-box:hover .item-info,
  .compact-view .actions-visible .media-box.active .item-info {
    padding: 10px 30px 10px 10px; }
  .mlist-view .media-box, .compact-view .media-box {
    position: relative;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid #fff;
    padding-left: 40px;
    overflow: hidden; }
    .mlist-view .media-box--no-padding, .compact-view .media-box--no-padding {
      padding: 0; }
    .mlist-view .media-box:hover, .compact-view .media-box:hover {
      background-color: #f4f4f4 !important;
      border-right: 2px solid #f4f4f4;
      cursor: pointer; }
      .mlist-view .media-box:hover .list-field, .compact-view .media-box:hover .list-field {
        border-color: #ebebeb; }
      .mlist-view .media-box:hover .item-info-reduced-rowheight, .compact-view .media-box:hover .item-info-reduced-rowheight {
        padding: 5px 10px 5px 10px; }
      .mlist-view .media-box:hover .more-activity-toggle, .compact-view .media-box:hover .more-activity-toggle {
        background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0) 0%, #f4f4f4 40%) !important; }
    .mlist-view .media-box.gone, .compact-view .media-box.gone {
      opacity: 0.5; }
    .mlist-view .media-box.actioning, .compact-view .media-box.actioning {
      background-color: fade(#f7f7f7, 20%);
      border-color: fade(#cfcfcf, 20%); }
      .mlist-view .media-box.actioning:before, .compact-view .media-box.actioning:before {
        content: '';
        zoom: .7;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        z-index: 1;
        background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        text-align: center; }
    .mlist-view .media-box .list-field, .compact-view .media-box .list-field {
      border-right: 1px solid rgba(0, 0, 0, 0.06);
      float: left;
      padding: 10px; }
      .mlist-view .media-box .list-field.no-border, .compact-view .media-box .list-field.no-border {
        border: 0; }
    .mlist-view .media-box .composite, .compact-view .media-box .composite {
      background-color: #e6c8de; }
    .mlist-view .media-box .type-icon, .compact-view .media-box .type-icon {
      position: absolute;
      top: 0;
      left: 4px;
      bottom: 0;
      padding: 0;
      width: 37px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mlist-view .media-box .type-icon i, .compact-view .media-box .type-icon i {
        color: #999;
        width: 24px;
        margin: 0;
        padding: 0; }
      .mlist-view .media-box .type-icon .sd-checkbox, .compact-view .media-box .type-icon .sd-checkbox {
        margin: 1px 0 0 1px;
        padding: 0; }
    .mlist-view .media-box .urgency, .compact-view .media-box .urgency {
      position: absolute;
      top: 0;
      left: 42px;
      bottom: 0;
      padding: 0;
      width: 37px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      column-count: 1; }
      .mlist-view .media-box .urgency .output-item-label, .mlist-view .media-box .urgency .urgency-label, .compact-view .media-box .urgency .output-item-label, .compact-view .media-box .urgency .urgency-label {
        margin: 3px 0; }
      .mlist-view .media-box .urgency .badge:nth-child(1), .compact-view .media-box .urgency .badge:nth-child(1) {
        margin-bottom: 0.2rem; }
      .mlist-view .media-box .urgency .badge:nth-child(2), .compact-view .media-box .urgency .badge:nth-child(2) {
        margin-top: 0.2rem; }
      .mlist-view .media-box .urgency .badge:only-child, .compact-view .media-box .urgency .badge:only-child {
        margin: 0; }
      .mlist-view .media-box .urgency i, .mlist-view .media-box .urgency .priority-label, .compact-view .media-box .urgency i, .compact-view .media-box .urgency .priority-label {
        clear: both;
        margin: 3px 0; }
    .mlist-view .media-box .urgency-reduced-rowheight, .compact-view .media-box .urgency-reduced-rowheight {
      flex-direction: row; }
      .mlist-view .media-box .urgency-reduced-rowheight .urgency-label, .compact-view .media-box .urgency-reduced-rowheight .urgency-label {
        margin: 3px 2px 3px 0; }
      .mlist-view .media-box .urgency-reduced-rowheight i, .mlist-view .media-box .urgency-reduced-rowheight .priority-label, .compact-view .media-box .urgency-reduced-rowheight i, .compact-view .media-box .urgency-reduced-rowheight .priority-label {
        clear: both;
        margin: 3px 0 3px 1px; }
    .mlist-view .media-box .version-creator, .compact-view .media-box .version-creator {
      color: #686b6c;
      padding: 0px 0px 0px 2px; }
    .mlist-view .media-box .word-count, .compact-view .media-box .word-count {
      font-weight: 700;
      font-size: 12px;
      margin-right: 8px; }
      .mlist-view .media-box .word-count:empty, .compact-view .media-box .word-count:empty {
        margin-right: 0px; }
    .mlist-view .media-box.contacts, .compact-view .media-box.contacts {
      padding-left: 20px; }
      .mlist-view .media-box.contacts .org-label, .compact-view .media-box.contacts .org-label {
        background-color: #8c8c8c;
        color: #fff !important; }
      .mlist-view .media-box.contacts .item-notes, .compact-view .media-box.contacts .item-notes {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 5px 0 5px; }
      .mlist-view .media-box.contacts .item-info .social-info, .compact-view .media-box.contacts .item-info .social-info {
        position: absolute;
        right: 0px; }
      .mlist-view .media-box.contacts .item-info.item-info-reduced-rowheight .social-info, .compact-view .media-box.contacts .item-info.item-info-reduced-rowheight .social-info {
        position: unset; }
      .mlist-view .media-box.contacts i, .compact-view .media-box.contacts i {
        color: #999;
        width: 24px;
        margin: 0;
        padding: 0; }
    .mlist-view .media-box .item-info, .compact-view .media-box .item-info {
      padding: 10px 10px 10px 10px; }
      .mlist-view .media-box .item-info .line, .compact-view .media-box .item-info .line {
        height: 18px;
        line-height: 18px;
        position: relative;
        margin-left: 38px;
        display: flex;
        box-sizing: border-box;
        white-space: nowrap;
        align-items: center; }
        .mlist-view .media-box .item-info .line--no-margin, .compact-view .media-box .item-info .line--no-margin {
          margin-left: 0; }
        .mlist-view .media-box .item-info .line dl, .compact-view .media-box .item-info .line dl {
          margin: 0;
          white-space: nowrap; }
        .mlist-view .media-box .item-info .line dt, .mlist-view .media-box .item-info .line dd, .compact-view .media-box .item-info .line dt, .compact-view .media-box .item-info .line dd {
          display: inline-block;
          margin-left: 0px; }
          .mlist-view .media-box .item-info .line dt.dropdown:hover .dropdown__menu, .mlist-view .media-box .item-info .line dd.dropdown:hover .dropdown__menu, .compact-view .media-box .item-info .line dt.dropdown:hover .dropdown__menu, .compact-view .media-box .item-info .line dd.dropdown:hover .dropdown__menu {
            display: block;
            min-width: 100%; }
          .mlist-view .media-box .item-info .line dt .dropdown__toggle, .mlist-view .media-box .item-info .line dd .dropdown__toggle, .compact-view .media-box .item-info .line dt .dropdown__toggle, .compact-view .media-box .item-info .line dd .dropdown__toggle {
            padding: 0;
            margin: 0 0 0 5px; }
        .mlist-view .media-box .item-info .line + .line, .compact-view .media-box .item-info .line + .line {
          margin-top: 2px; }
      .mlist-view .media-box .item-info .state-label, .mlist-view .media-box.contacts .item-info .org-label, .mlist-view .media-box .item-info .profile-label, .mlist-view .media-box .item-info .language-label, .mlist-view .media-box .item-info .profile-label, .mlist-view .media-box .item-info .label, .compact-view .media-box .item-info .state-label, .compact-view .media-box.contacts .item-info .org-label, .compact-view .media-box .item-info .profile-label, .compact-view .media-box .item-info .language-label, .compact-view .media-box .item-info .profile-label, .compact-view .media-box .item-info .label {
        margin-right: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .mlist-view .media-box .item-info .state-label + .takekey, .mlist-view .media-box.contacts .item-info .org-label + .takekey, .mlist-view .media-box .item-info .profile-label + .takekey, .mlist-view .media-box .item-info .language-label + .takekey, .mlist-view .media-box .item-info .state-label + .provider, .mlist-view .media-box.contacts .item-info .org-label + .provider, .mlist-view .media-box .item-info .profile-label + .provider, .mlist-view .media-box .item-info .language-label + .provider, .mlist-view .media-box .item-info .profile-label + .takekey, .mlist-view .media-box .item-info .profile-label + .provider, .mlist-view .media-box .item-info .label + .takekey, .mlist-view .media-box .item-info .label + .provider, .compact-view .media-box .item-info .state-label + .takekey, .compact-view .media-box.contacts .item-info .org-label + .takekey, .compact-view .media-box .item-info .profile-label + .takekey, .compact-view .media-box .item-info .language-label + .takekey, .compact-view .media-box .item-info .state-label + .provider, .compact-view .media-box.contacts .item-info .org-label + .provider, .compact-view .media-box .item-info .profile-label + .provider, .compact-view .media-box .item-info .language-label + .provider, .compact-view .media-box .item-info .profile-label + .takekey, .compact-view .media-box .item-info .profile-label + .provider, .compact-view .media-box .item-info .label + .takekey, .compact-view .media-box .item-info .label + .provider {
          margin-left: 0.4rem; }
      .mlist-view .media-box .item-info .language-label, .compact-view .media-box .item-info .language-label {
        overflow: visible;
        text-overflow: initial; }
      .mlist-view .media-box .item-info .signal, .compact-view .media-box .item-info .signal {
        display: inline-block;
        background: rgba(0, 0, 0, 0.1);
        padding: 1px 5px;
        border-radius: 2px;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 0.08em;
        font-weight: 500;
        line-height: 14px;
        margin-top: 2px;
        margin-right: 10px; }
      .mlist-view .media-box .item-info .broadcast-status, .compact-view .media-box .item-info .broadcast-status {
        display: inline-block;
        background: #e51c23;
        color: #FFFFFF;
        padding: 1px 5px;
        border-radius: 2px;
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
        margin-top: 2px;
        margin-right: 10px; }
      .mlist-view .media-box .item-info .headline, .compact-view .media-box .item-info .headline {
        color: #686b6c;
        margin-right: 65px;
        display: flex;
        flex-grow: 1;
        display: table; }
      .mlist-view .media-box .item-info .highlights-box, .compact-view .media-box .item-info .highlights-box {
        margin-top: -2px;
        margin-right: 5px; }
        .mlist-view .media-box .item-info .highlights-box:empty, .compact-view .media-box .item-info .highlights-box:empty {
          display: contents; }
      .mlist-view .media-box .item-info .item-heading, .compact-view .media-box .item-info .item-heading {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0; }
        .mlist-view .media-box .item-info .item-heading p, .compact-view .media-box .item-info .item-heading p {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin: 0; }
      .mlist-view .media-box .item-info .location-desk-label, .compact-view .media-box .item-info .location-desk-label {
        font-style: italic;
        color: #666;
        font-weight: 300;
        margin-right: 3px; }
      .mlist-view .media-box .item-info .container, .compact-view .media-box .item-info .container {
        font-weight: 500;
        color: #444;
        margin-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .mlist-view .media-box .item-info .container.link, .compact-view .media-box .item-info .container.link {
          color: #3599b6;
          font-weight: 400;
          text-overflow: inherit; }
        .mlist-view .media-box .item-info .container.grow, .compact-view .media-box .item-info .container.grow {
          flex-grow: 1; }
      .mlist-view .media-box .item-info .takekey, .compact-view .media-box .item-info .takekey {
        color: inherit;
        margin-right: 1.2rem; }
      .mlist-view .media-box .item-info .category, .compact-view .media-box .item-info .category {
        color: #444;
        margin-right: 1.2rem; }
      .mlist-view .media-box .item-info .package-category, .compact-view .media-box .item-info .package-category {
        color: #c00000;
        margin-right: 1.2rem;
        font-weight: 600;
        font-size: 1.15em; }
      .mlist-view .media-box .item-info .provider, .compact-view .media-box .item-info .provider {
        color: #686868;
        margin-right: 1.2rem;
        white-space: nowrap; }
      .mlist-view .media-box .item-info .expires, .compact-view .media-box .item-info .expires {
        float: right;
        background: #f2dede;
        color: #b94a48;
        font-size: 10px;
        line-height: 15px;
        padding: 0 5px;
        border-radius: 3px;
        margin-top: 4px; }
      .mlist-view .media-box .item-info time, .compact-view .media-box .item-info time {
        font-size: 11px;
        color: #686868;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 60px;
        text-align: right;
        margin-left: 3px; }
        .mlist-view .media-box .item-info time.time--short, .compact-view .media-box .item-info time.time--short {
          min-width: 30px; }
      .mlist-view .media-box .item-info .associations, .compact-view .media-box .item-info .associations {
        position: static;
        width: auto;
        margin-right: 0.8rem; }
        .mlist-view .media-box .item-info .associations i, .compact-view .media-box .item-info .associations i {
          width: 16px; }
      .mlist-view .media-box .item-info .queue-error, .compact-view .media-box .item-info .queue-error {
        margin-right: 5px; }
      .mlist-view .media-box .item-info .text-link, .compact-view .media-box .item-info .text-link {
        color: #5d9bc0; }
    .mlist-view .media-box .item-info-reduced-rowheight, .compact-view .media-box .item-info-reduced-rowheight {
      padding: 5px 10px 5px 10px; }
    .mlist-view .media-box.archived, .compact-view .media-box.archived {
      background: #f1f1f1 url(29795682bd73d5472ae0f7f53ccfd395.png) no-repeat 70% 50%;
      background-size: 36px;
      border-right: 2px solid #f1f1f1; }
      .mlist-view .media-box.archived.active, .compact-view .media-box.archived.active {
        border-right: 2px solid rgba(94, 169, 200, 0.75) !important; }
    .mlist-view .media-box:hover .action, .compact-view .media-box:hover .action {
      display: block; }
    .mlist-view .media-box .state-border, .compact-view .media-box .state-border {
      position: absolute;
      width: 4px;
      left: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0); }
    .mlist-view .media-box.locked .state-border, .compact-view .media-box.locked .state-border {
      background: #e51c23; }
    .mlist-view .media-box.media-box--state-published, .mlist-view .media-box.media-box--state-corrected, .compact-view .media-box.media-box--state-published, .compact-view .media-box.media-box--state-corrected {
      background: #f8fcf5; }
      .mlist-view .media-box.media-box--state-published .state-border, .mlist-view .media-box.media-box--state-corrected .state-border, .compact-view .media-box.media-box--state-published .state-border, .compact-view .media-box.media-box--state-corrected .state-border {
        background: #5e8d32; }
    .mlist-view .media-box.media-box--state-killed, .compact-view .media-box.media-box--state-killed {
      background: #fff9f8; }
      .mlist-view .media-box.media-box--state-killed .state-border, .compact-view .media-box.media-box--state-killed .state-border {
        background: #303030; }

.more-activity-menu.dropdown__menu {
  margin: 8px 0;
  z-index: 99999; }
  .more-activity-menu.dropdown__menu:before {
    display: none; }
  .more-activity-menu.dropdown__menu li {
    width: 100%; }

.mgrid-view .active:not(.selected) .media-box {
  border-color: #787878;
  box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.12); }

.mlist-view .active:not(.selected) .more-activity-toggle, .compact-view .active:not(.selected) .more-activity-toggle {
  background: linear-gradient(to right, rgba(239, 247, 250, 0) 0%, rgba(239, 247, 250, 0) 0%, #eff7fa 40%) !important; }

.mlist-view .active:not(.selected) .media-box, .compact-view .active:not(.selected) .media-box {
  background-color: #c8e4ee !important;
  border-right: 2px solid rgba(94, 169, 200, 0.75) !important; }
  .mlist-view .active:not(.selected) .media-box:hover .more-activity-toggle, .compact-view .active:not(.selected) .media-box:hover .more-activity-toggle {
    background: linear-gradient(to right, rgba(239, 247, 250, 0) 0%, rgba(239, 247, 250, 0) 0%, #eff7fa 40%) !important; }
  .mlist-view .active:not(.selected) .media-box:hover .item-functions, .compact-view .active:not(.selected) .media-box:hover .item-functions {
    background-color: #eff7fa; }
    .mlist-view .active:not(.selected) .media-box:hover .item-functions .item-field:hover, .compact-view .active:not(.selected) .media-box:hover .item-functions .item-field:hover {
      background-color: #d6e8ef; }
    .mlist-view .active:not(.selected) .media-box:hover .item-functions .item-field.disabled:hover, .compact-view .active:not(.selected) .media-box:hover .item-functions .item-field.disabled:hover {
      background-color: #d6e8ef; }

.mlist-view .selected .media-box, .compact-view .selected .media-box {
  background-color: #e3f1f6; }
  .mlist-view .selected .media-box:hover, .compact-view .selected .media-box:hover {
    background-color: rgba(239, 247, 250, 0.6) !important; }

/*modal window*/
.modal-body .row-fluid .span6 figure {
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 379px;
  height: auto;
  max-height: 250px; }

.modal-body .row-fluid .span6 dl {
  font-size: 13px;
  color: #777;
  position: relative;
  height: auto;
  margin: 0; }
  .modal-body .row-fluid .span6 dl dt {
    width: 110px;
    float: left;
    clear: left;
    font-weight: normal;
    color: #474747;
    margin-bottom: 5px;
    line-height: 16px;
    vertical-align: middle; }
  .modal-body .row-fluid .span6 dl dt:after {
    content: ":"; }
  .modal-body .row-fluid .span6 dl dd {
    width: 245px;
    max-width: 245px;
    float: left;
    margin-left: 0px;
    line-height: 16px;
    margin-bottom: 5px;
    vertical-align: middle; }
  .modal-body .row-fluid .span6 dl.line-borders {
    width: 379px;
    border-top: 1px solid #e8e8e8;
    margin-top: 15px; }
    .modal-body .row-fluid .span6 dl.line-borders dt {
      border-bottom: 1px solid #e8e8e8;
      vertical-align: top;
      line-height: 20px;
      margin-bottom: 0px; }
    .modal-body .row-fluid .span6 dl.line-borders dd {
      padding-right: 24px;
      border-bottom: 1px solid #e8e8e8;
      vertical-align: top;
      line-height: 20px;
      margin-bottom: 0px; }

.metadata-language {
  height: 38px;
  position: relative;
  z-index: 10; }

.metadata-details {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px; }
  .metadata-details input, .metadata-details textarea {
    border-color: #e0e0e0 !important;
    color: #585858; }
    .metadata-details input:focus, .metadata-details textarea:focus {
      border-color: rgba(82, 168, 236, 0.8) !important;
      color: #000; }

.edit-metadata-select {
  margin-top: 2px;
  height: 26px; }

.modal-header button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }
  .modal-header button.close:hover {
    color: #b3b3b3; }

.btn.pull-right {
  margin-left: 10px; }

.meta-description-text {
  height: 52px;
  max-width: 245px; }

.close:hover {
  color: #b3b3b3; }

/* uploads grid used for upload popup */
.uploads-grid {
  list-style-type: none;
  margin: 60px 0 0;
  padding: 0;
  top: 0;
  bottom: 0;
  overflow: scroll;
  position: absolute; }
  .uploads-grid li {
    max-height: 100px;
    float: left;
    margin: 0 15px 15px 0;
    padding: 3px;
    border: 1px solid #d0d0d0;
    position: relative; }
    .uploads-grid li .add-button {
      position: absolute;
      background-color: #0079cc;
      left: 3px;
      top: 3px;
      width: 16px;
      height: 18px;
      padding: 4px;
      display: none; }
    .uploads-grid li:hover {
      background: #0079cc;
      border-color: #2d95dd;
      cursor: pointer;
      box-shadow: 0px 0px 3px #a0a0a0; }
      .uploads-grid li:hover .add-button {
        display: block !important; }
    .uploads-grid li.grid-selected {
      background: #0079cc;
      border-color: #2d95dd; }
    .uploads-grid li img {
      height: 100px;
      max-height: 100px; }

.cropItems {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 1.6rem;
  margin: 1rem 0;
  padding-bottom: 2.5rem;
  border-bottom: 1px dotted rgba(123, 123, 123, 0.5); }
  .cropItems .cropItems__item {
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column; }
    .cropItems .cropItems__item img {
      display: block; }
    .cropItems .cropItems__item figure {
      display: block;
      margin: 0; }
  .cropItems .cropItems__item-rendition {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center; }
  .cropItems .cropItems__item-label {
    display: block;
    padding: 0.6rem 0;
    opacity: 0.7;
    font-family: 'Roboto';
    font-size: 1.3rem;
    flex-grow: 0;
    flex-shrink: 0; }

.item-right {
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  background: transparent;
  z-index: 3; }
  .item-right .more-activity-dropdown {
    position: relative;
    width: 100%;
    height: 100%; }
    .item-right .more-activity-dropdown .submenu {
      overflow: hidden;
      display: block; }
    .item-right .more-activity-dropdown.open i {
      opacity: 1; }

.more-activity-toggle {
  position: absolute;
  width: 100%;
  max-width: 60px;
  height: 100%;
  right: 0;
  top: 0;
  text-align: center;
  vertical-align: middle;
  border: none;
  background: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 40%); }
  .more-activity-toggle i {
    opacity: 0.4;
    margin-right: -14px; }
  .more-activity-toggle:hover i {
    opacity: 1; }

.content-item-preview .more-activity-toggle {
  background: transparent;
  padding: 14px;
  z-index: 2;
  min-height: 40px; }

.list-item-view.sd-list-item-nested {
  margin-top: 0; }

[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.composite-preview .toggle-box {
  margin-bottom: 20px; }
  .composite-preview .toggle-box header:before {
    left: 45px; }
  .composite-preview .toggle-box header .box-icon {
    display: none; }
  .composite-preview .toggle-box header h6 {
    background: #fff;
    padding-left: 0; }
  .composite-preview .toggle-box header .chevron {
    background-color: #fff; }

.composite-preview .picture figure, .composite-preview .graphic figure {
  width: 100%; }
  .composite-preview .picture figure img, .composite-preview .graphic figure img {
    max-width: 100%;
    height: auto; }

.composite-preview .picture .item-headline, .composite-preview .graphic .item-headline {
  max-height: 74px;
  overflow: hidden; }

.composite-preview .video .holder {
  line-height: 80px;
  text-align: center; }
  .composite-preview .video .holder i {
    vertical-align: middle;
    opacity: 0.5;
    filter: "alpha(opacity=50)"; }

.composite-preview .video .item-headline {
  max-height: 74px;
  overflow: hidden; }

.composite-preview .audio .holder {
  background: #fff;
  width: 100%;
  height: auto; }

.wrap {
  white-space: pre-wrap; }

.article-list-fields > * {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.article-list-fields > * + * {
  margin-left: 10px !important; }

.content-item-preview .item-locked {
  box-sizing: border-box;
  border-radius: 14px;
  height: 28px;
  line-height: 24px;
  margin: 4px 0 20px 0; }
  .content-item-preview .item-locked .lock-sign {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    margin-right: 10px;
    background: #f4cccd;
    display: inline-block;
    text-align: center;
    line-height: 30px; }
  .content-item-preview .item-locked .locked-content {
    display: flex; }
  .content-item-preview .item-locked em {
    font-style: normal;
    vertical-align: top; }
  .content-item-preview .item-locked time {
    position: relative;
    top: -5px;
    font-size: 11px;
    color: #999;
    padding-left: 38px;
    display: inline-block; }
  .content-item-preview .item-locked .text {
    font-weight: 500;
    color: #666;
    flex-grow: 1;
    margin-top: 2px;
    padding-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #e51b22; }
  .content-item-preview .item-locked .btn {
    display: none;
    border-radius: 0 14px 14px 0;
    padding-left: 5%;
    border-left: 1px solid #fff; }
  .content-item-preview .item-locked:hover {
    background: #f8f8f8; }
    .content-item-preview .item-locked:hover .btn {
      visibility: visible;
      display: inline-flex; }

.content-item-preview .content .content-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px 0;
  overflow: auto; }
  .content-item-preview .content .content-container .core-content {
    margin-bottom: 80px; }

.content-item-preview .content .date {
  *zoom: 1; }
  .content-item-preview .content .date:before, .content-item-preview .content .date:after {
    display: table;
    content: ""; }
  .content-item-preview .content .date:after {
    clear: both; }
  .content-item-preview .content .date p {
    float: left;
    font-weight: 300;
    font-size: 13px;
    color: #a1a1a1;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 28px; }
    .content-item-preview .content .date p:first-child {
      border-right: 1px solid #e2e2e2; }
  .content-item-preview .content .date + li {
    margin-top: 10px; }

.content-item-preview .content .nav-space {
  height: 48px; }

.content-item-preview .content .rewrite {
  margin-top: 15px; }

.content-item-preview .content .title {
  font-size: 19px;
  line-height: 120%;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 20px;
  color: #333; }
  .content-item-preview .content .title.condensed {
    padding-right: 15px; }

.content-item-preview .content .composite-nav {
  min-height: 24px;
  font-size: 16px;
  display: flex;
  margin-top: 20px;
  font-weight: 300; }
  .content-item-preview .content .composite-nav i {
    opacity: 0.5;
    filter: "alpha(opacity=50)";
    vertical-align: middle;
    margin: 0 15px 0 0;
    min-width: 24px;
    max-width: 24px; }
  .content-item-preview .content .composite-nav .title {
    flex-grow: 1;
    margin-top: 0; }
  .content-item-preview .content .composite-nav span {
    line-height: 24px; }

.content-item-preview .content .preview-header + .composite-nav {
  margin-top: 30px; }

.content-item-preview .content .state-label, .content-item-preview .content .mlist-view .media-box.contacts .org-label, .mlist-view .media-box.contacts .content-item-preview .content .org-label, .content-item-preview .content .compact-view .media-box.contacts .org-label, .compact-view .media-box.contacts .content-item-preview .content .org-label, .content-item-preview .content .profile-label, .content-item-preview .content .language-label {
  float: none; }

.content-item-preview .content .core-content {
  font-size: 14px; }
  .content-item-preview .content .core-content .expires {
    display: inline-block;
    margin-bottom: 5px; }
  .content-item-preview .content .core-content .description {
    font-style: italic;
    color: #656565;
    margin-top: 15px; }
  .content-item-preview .content .core-content .picture-preview, .content-item-preview .content .core-content .graphic-preview {
    margin-top: 15px;
    max-width: 100%; }
    .content-item-preview .content .core-content .picture-preview img, .content-item-preview .content .core-content .graphic-preview img {
      max-width: 100%;
      height: auto; }
    .content-item-preview .content .core-content .picture-preview.loading, .content-item-preview .content .core-content .graphic-preview.loading {
      width: 100%;
      height: 200px;
      background: #f8f8f8 url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat; }
  .content-item-preview .content .core-content figure {
    margin: 10px 0 8px 0; }
  .content-item-preview .content .core-content figcaption {
    margin: 6px 0 10px 0;
    font-size: 1.4rem;
    font-weight: 300;
    opacity: 0.75; }
  .content-item-preview .content .core-content video, .content-item-preview .content .core-content audio {
    width: 100%;
    max-width: 100%; }
  .content-item-preview .content .core-content .abstract {
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 400;
    line-height: 140%; }
    .content-item-preview .content .core-content .abstract p {
      font-weight: 400; }
  .content-item-preview .content .core-content .byline {
    font-size: 14px;
    line-height: 120%;
    font-weight: 300;
    margin-bottom: 12px; }
  .content-item-preview .content .core-content .dateline {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 16px; }
  .content-item-preview .content .core-content .text.sign-off {
    word-break: break-all; }
  .content-item-preview .content .core-content p {
    font-size: 15px;
    line-height: 140%;
    font-weight: 300;
    word-wrap: break-word; }
    .content-item-preview .content .core-content p.description-text {
      display: inline-block;
      font-size: 1.4rem;
      font-weight: 300;
      opacity: 0.75; }
  .content-item-preview .content .core-content .body-text {
    line-height: 140%; }
    .content-item-preview .content .core-content .body-text h1, .content-item-preview .content .core-content .body-text h2, .content-item-preview .content .core-content .body-text h3, .content-item-preview .content .core-content .body-text h4, .content-item-preview .content .core-content .body-text h5, .content-item-preview .content .core-content .body-text h6 {
      font-size: 16px;
      margin-bottom: 10px; }
  .content-item-preview .content .core-content .body-footer {
    font-size: 13px;
    color: #ADADAD;
    line-height: 140%;
    margin-top: 30px; }
  .content-item-preview .content .core-content table {
    width: 100%;
    border-collapse: collapse;
    resize: both;
    table-layout: auto;
    border: 1px solid #dadada;
    margin: 16px 0; }
    .content-item-preview .content .core-content table td, .content-item-preview .content .core-content table th {
      border: 1px solid #dadada;
      padding: 5px 8px;
      font-size: 14px;
      font-weight: 300; }
    .content-item-preview .content .core-content table th {
      font-weight: 500;
      text-align: left;
      background-color: rgba(195, 195, 195, 0.2);
      font-weight: 400; }
      .content-item-preview .content .core-content table th p {
        font-weight: 400;
        margin-bottom: 0; }
  .content-item-preview .content .core-content blockquote {
    font-size: 14px;
    line-height: 140%;
    margin: 16px 0;
    border-left: 3px solid rgba(160, 160, 160, 0.5);
    padding: 4px 0 4px 14px;
    font-style: italic; }
  .content-item-preview .content .core-content .embed-block iframe {
    width: 100%; }
  .content-item-preview .content .core-content .embed-block__description {
    font-size: 1.4rem;
    font-weight: 300;
    opacity: 0.75; }
  .content-item-preview .content .core-content .title {
    font-size: 19px;
    line-height: 120%;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #333; }
    .content-item-preview .content .core-content .title.condensed {
      padding-right: 15px; }

.content-item-preview .metadata-view,
.content-item-preview .article-versions {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.4rem 2.4rem 5.2rem;
  overflow: auto; }

.content-item-preview .article-versions {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px; }

.content-item-preview .related-item-view, .content-item-preview .mediaUsed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.4rem 2.4rem 5.2rem;
  overflow: auto; }
  .content-item-preview .related-item-view .related-item, .content-item-preview .related-item-view .mediaUsed--Item, .content-item-preview .mediaUsed .related-item, .content-item-preview .mediaUsed .mediaUsed--Item {
    cursor: pointer; }

.content-item-preview .core-content {
  display: flex;
  flex-direction: column; }
  .content-item-preview .core-content .media-block, .content-item-preview .core-content .embed-block {
    margin: 2rem 0; }
  .content-item-preview .core-content .embed-block {
    width: 100%;
    max-width: 100%; }
    .content-item-preview .core-content .embed-block > * {
      width: 100%; }
  .content-item-preview .core-content .media-block__description {
    display: block;
    padding: 0.5rem 0;
    font-size: 1.3rem;
    font-weight: 300;
    opacity: 0.75;
    border-bottom: 1px dotted rgba(123, 123, 123, 0.4); }

.metadata-view div {
  border-bottom: 1px solid #e5e5e5; }

.metadata-view div:last-child {
  border: 0px; }

.metadata-view h4 {
  margin-top: 10px; }

.metadata-view dl {
  *zoom: 1;
  margin-bottom: 10px; }
  .metadata-view dl:before, .metadata-view dl:after {
    display: table;
    content: ""; }
  .metadata-view dl:after {
    clear: both; }
  .metadata-view dl > dt {
    clear: both;
    float: left;
    width: 140px;
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
    line-height: 20px;
    font-weight: 500; }
  .metadata-view dl > dd {
    padding-left: 140px;
    min-height: 18px;
    margin: 0;
    word-break: break-word; }
    .metadata-view dl > dd div {
      border: 0px; }

.related-item-view .related-item, .related-item-view .mediaUsed--Item, .mediaUsed .related-item, .mediaUsed .mediaUsed--Item {
  margin-top: 16px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px; }
  .related-item-view .related-item .item, .related-item-view .mediaUsed--Item .item, .mediaUsed .related-item .item, .mediaUsed .mediaUsed--Item .item {
    margin: 5px 5px 0px 0px; }
  .related-item-view .related-item .container, .related-item-view .mediaUsed--Item .container, .mediaUsed .related-item .container, .mediaUsed .mediaUsed--Item .container {
    font-weight: 500;
    color: #444;
    margin-right: 16px; }
  .related-item-view .related-item .keyword, .related-item-view .related-item .mgrid-view .media-box.contacts .contact-name, .mgrid-view .media-box.contacts .related-item-view .related-item .contact-name, .related-item-view .related-item .mlist-view .media-box.contacts .contact-name, .mlist-view .media-box.contacts .related-item-view .related-item .contact-name, .related-item-view .related-item .compact-view .media-box.contacts .contact-name, .compact-view .media-box.contacts .related-item-view .related-item .contact-name, .related-item-view .mediaUsed--Item .keyword, .related-item-view .mediaUsed--Item .mgrid-view .media-box.contacts .contact-name, .mgrid-view .media-box.contacts .related-item-view .mediaUsed--Item .contact-name, .related-item-view .mediaUsed--Item .mlist-view .media-box.contacts .contact-name, .mlist-view .media-box.contacts .related-item-view .mediaUsed--Item .contact-name, .related-item-view .mediaUsed--Item .compact-view .media-box.contacts .contact-name, .compact-view .media-box.contacts .related-item-view .mediaUsed--Item .contact-name, .mediaUsed .related-item .keyword, .mediaUsed .related-item .mgrid-view .media-box.contacts .contact-name, .mgrid-view .media-box.contacts .mediaUsed .related-item .contact-name, .mediaUsed .related-item .mlist-view .media-box.contacts .contact-name, .mlist-view .media-box.contacts .mediaUsed .related-item .contact-name, .mediaUsed .related-item .compact-view .media-box.contacts .contact-name, .compact-view .media-box.contacts .mediaUsed .related-item .contact-name, .mediaUsed .mediaUsed--Item .keyword, .mediaUsed .mediaUsed--Item .mgrid-view .media-box.contacts .contact-name, .mgrid-view .media-box.contacts .mediaUsed .mediaUsed--Item .contact-name, .mediaUsed .mediaUsed--Item .mlist-view .media-box.contacts .contact-name, .mlist-view .media-box.contacts .mediaUsed .mediaUsed--Item .contact-name, .mediaUsed .mediaUsed--Item .compact-view .media-box.contacts .contact-name, .compact-view .media-box.contacts .mediaUsed .mediaUsed--Item .contact-name {
    font-weight: 500;
    color: #216278;
    font-size: 12px;
    margin-right: 16px; }
  .related-item-view .related-item .type-icon, .related-item-view .mediaUsed--Item .type-icon, .mediaUsed .related-item .type-icon, .mediaUsed .mediaUsed--Item .type-icon {
    opacity: 0.5;
    height: 16px;
    width: 16px;
    padding-left: 0;
    margin-right: 12px; }
  .related-item-view .related-item .headline, .related-item-view .mediaUsed--Item .headline, .mediaUsed .related-item .headline, .mediaUsed .mediaUsed--Item .headline {
    color: #686b6c; }

.related-item-view li:first-child .related-item, .related-item-view .mediaUsed--Item, .mediaUsed li:first-child .related-item, .mediaUsed .mediaUsed--Item {
  margin-top: 6px; }

/* ====================================== */
.preview-backdrop {
  position: absolute;
  width: 400px;
  top: 49px;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0;
  filter: "alpha(opacity=0)";
  transition: all ease 0.2s; }
  .preview-backdrop.show {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.context-menu {
  position: absolute;
  right: 400px;
  width: 250px;
  top: 49px;
  bottom: 0;
  background: #fff;
  border-right: 1px solid #dbdbdb;
  box-shadow: 2px 0 3px 0 #e8e8e8;
  transition: all ease 0.3s; }
  .context-menu.show {
    right: 150px; }
  .context-menu .title {
    font-size: 17px;
    font-weight: 300;
    color: #333;
    padding: 10px 15px; }
  .context-menu .context-list {
    padding: 10px 15px 20px; }
    .context-menu .context-list li {
      border: 1px solid #fff;
      border-bottom: 1px solid #e5e5e5;
      background: #e9f4f8;
      padding: 6px 13px;
      height: 21px;
      line-height: 21px;
      margin-bottom: 7px;
      font-size: 14px;
      color: #333;
      border-radius: 2px; }
      .context-menu .context-list li i {
        font-style: normal;
        color: #676565;
        font-weight: 300; }
      .context-menu .context-list li:hover, .context-menu .context-list li.selected {
        background: #b3daf2;
        border-color: #4aa8eb;
        cursor: pointer; }

/* ====================================== */
.lightbox-preview.modal {
  position: fixed;
  border-radius: 0px;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: #000 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: hidden; }

.lightbox-preview .lightbox-right {
  width: 380px;
  position: absolute;
  box-sizing: border-box;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f8f8f8;
  padding: 15px; }
  .lightbox-preview .lightbox-right .lightbox-title {
    font-size: 18px;
    font-weight: normal;
    max-width: 100%;
    padding-right: 40px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .lightbox-preview .lightbox-right .lightbox-close {
    background: none;
    padding: 0;
    border: 0;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 12px;
    top: 14px;
    opacity: 0.7;
    filter: "alpha(opacity=70)"; }
    .lightbox-preview .lightbox-right .lightbox-close:hover {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .lightbox-preview .lightbox-right .lightbox-modified-info {
    color: #a9a9a9;
    font-size: 12px;
    display: block; }
  .lightbox-preview .lightbox-right .lightbox-media-type {
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    float: none;
    margin-left: -2px; }
  .lightbox-preview .lightbox-right .urgency-label {
    margin-top: 3px;
    margin-right: 5px; }
  .lightbox-preview .lightbox-right .status-label {
    margin-top: 4px; }
  .lightbox-preview .lightbox-right .lightbox-actions {
    margin-top: 10px; }
    .lightbox-preview .lightbox-right .lightbox-actions i {
      margin-right: 5px; }
      .lightbox-preview .lightbox-right .lightbox-actions i.icon-archive {
        margin-top: 0; }
  .lightbox-preview .lightbox-right .lightbox-media-data {
    position: absolute;
    top: 130px;
    left: 15px;
    right: 5px;
    bottom: 15px;
    overflow: auto;
    padding-right: 10px; }
  .lightbox-preview .lightbox-right .lightbox-descritpion {
    width: 100%;
    margin-top: 10px;
    color: #484848; }
  .lightbox-preview .lightbox-right .toggle-box {
    margin: 20px 0; }

.lightbox-preview .lightbox-left {
  background: #101010;
  position: absolute;
  box-sizing: border-box;
  right: 380px;
  top: 0;
  bottom: 0;
  left: 0; }
  .lightbox-preview .lightbox-left .full-preview {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center; }
    .lightbox-preview .lightbox-left .full-preview > .rendition {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      left: 0; }
      .lightbox-preview .lightbox-left .full-preview > .rendition > figure {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: space-around;
        align-items: center; }
      .lightbox-preview .lightbox-left .full-preview > .rendition img {
        max-width: 100%;
        max-height: 100%;
        height: auto !important; }
    .lightbox-preview .lightbox-left .full-preview.composite {
      padding: 20px 20px 40px;
      overflow: auto; }
      .lightbox-preview .lightbox-left .full-preview.composite::-webkit-scrollbar {
        width: 16px;
        border-left: 1px solid #282828;
        background: #000;
        border-right: 1px solid #282828; }
      .lightbox-preview .lightbox-left .full-preview.composite::-webkit-scrollbar-thumb {
        border-right: 1px solid #282828;
        border-left: 1px solid #282828;
        background: #383838;
        box-shadow: inset 0 0 0 2px #000; }
      .lightbox-preview .lightbox-left .full-preview.composite .item {
        position: relative;
        float: left;
        width: 220px;
        height: 150px;
        border-radius: 3px;
        overflow: hidden;
        margin: 15px;
        background: #3d3d3d;
        box-shadow: 0 2px 0 0 #000; }
        .lightbox-preview .lightbox-left .full-preview.composite .item .icons-holder i {
          margin: -12px 0 0 -12px;
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
        .lightbox-preview .lightbox-left .full-preview.composite .item .item-headline {
          padding: 15px;
          text-align: left;
          font-size: 14px; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.picture .item-headline, .lightbox-preview .lightbox-left .full-preview.composite .item.graphic .item-headline {
          display: none; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.picture img, .lightbox-preview .lightbox-left .full-preview.composite .item.graphic img {
          height: 150px;
          width: auto; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.text {
          background: #fff; }
          .lightbox-preview .lightbox-left .full-preview.composite .item.text .icons-holder {
            opacity: 0.5;
            filter: "alpha(opacity=50)"; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.composite .item-headline, .lightbox-preview .lightbox-left .full-preview.composite .item.audio .item-headline {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          color: #9a9a9a;
          text-align: center; }
        .lightbox-preview .lightbox-left .full-preview.composite .item .open-item {
          display: none;
          position: absolute;
          right: 5px;
          top: 5px; }
        .lightbox-preview .lightbox-left .full-preview.composite .item:hover .open-item {
          display: block; }
  .lightbox-preview .lightbox-left .condensed-preview {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0; }
    .lightbox-preview .lightbox-left .condensed-preview img {
      max-width: 100%; }
  .lightbox-preview .lightbox-left.composite .condensed-preview, .lightbox-preview .lightbox-left.composite .navigation.left {
    left: 100px; }
  .lightbox-preview .lightbox-left.composite.open .condensed-preview, .lightbox-preview .lightbox-left.composite.open .navigation.left {
    left: 340px; }
  .lightbox-preview .lightbox-left .navigation {
    position: absolute;
    top: 50%;
    height: 80px;
    margin-top: -120px;
    padding: 12px 25px;
    border: 0;
    background: 0; }
    .lightbox-preview .lightbox-left .navigation.left {
      left: 0; }
    .lightbox-preview .lightbox-left .navigation.right {
      right: 0;
      left: auto; }
    .lightbox-preview .lightbox-left .navigation i {
      opacity: 0.4;
      filter: "alpha(opacity=40)"; }
    .lightbox-preview .lightbox-left .navigation:hover i {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .lightbox-preview .lightbox-left .lightbox-caption {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box; }
  .lightbox-preview .lightbox-left .lightbox-paper {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px; }
    .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text {
      background: #fff;
      max-width: 800px;
      margin: 0px auto;
      height: 100%;
      position: relative;
      border-radius: 5px; }
      .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-title {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        height: 55px;
        font-size: 18px;
        line-height: 24px;
        border-bottom: 5px solid #e0e0e0; }
      .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext {
        position: absolute;
        top: 110px;
        left: 30px;
        right: 30px;
        bottom: 20px;
        overflow: auto; }
        .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext small {
          color: #777; }
        .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext .lightbox-fullcontent {
          margin: 20px 0; }
        .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext p {
          font-size: 13px;
          line-height: 20px;
          margin-bottom: 15px; }
  .lightbox-preview .lightbox-left .lightbox-audio, .lightbox-preview .lightbox-left .lightbox-video {
    background: #101010;
    margin: 50px;
    padding: 50px 0;
    text-align: center; }
  .lightbox-preview .lightbox-left .full-preview.composite .icons-holder i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -20px;
    zoom: 2; }

.lightbox-preview .lightbox-composite {
  width: 100px;
  box-sizing: border-box;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }
  .lightbox-preview .lightbox-composite.open {
    width: 340px; }
  .lightbox-preview .lightbox-composite .toggle-composite {
    width: 40px;
    height: 43px;
    position: absolute;
    right: -40px;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    line-height: 43px;
    text-align: center;
    opacity: 0.9;
    filter: "alpha(opacity=90)"; }
    .lightbox-preview .lightbox-composite .toggle-composite i {
      vertical-align: middle;
      opacity: 0.6;
      filter: "alpha(opacity=60)";
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      transition: all 0.2s ease; }
    .lightbox-preview .lightbox-composite .toggle-composite:hover {
      cursor: pointer; }
  .lightbox-preview .lightbox-composite.open .toggle-composite i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .lightbox-preview .lightbox-composite .header {
    background: #1e353f; }
    .lightbox-preview .lightbox-composite .header h5 {
      display: none; }
    .lightbox-preview .lightbox-composite .header span {
      display: block;
      height: 43px;
      text-align: center; }
      .lightbox-preview .lightbox-composite .header span i {
        margin-top: 8px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }
  .lightbox-preview .lightbox-composite.open .header {
    height: 43px;
    background: #223d49; }
    .lightbox-preview .lightbox-composite.open .header h5 {
      color: #fff;
      font-size: 15px;
      line-height: 43px;
      height: 43px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 20px 0 10px;
      display: block;
      cursor: pointer; }
    .lightbox-preview .lightbox-composite.open .header span {
      float: left;
      width: 50px;
      display: inline-block;
      background: #62b0d0; }
      .lightbox-preview .lightbox-composite.open .header span i {
        opacity: 1;
        filter: "alpha(opacity=100)"; }
      .lightbox-preview .lightbox-composite.open .header span:hover {
        cursor: pointer; }
  .lightbox-preview .lightbox-composite > .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 43px;
    bottom: 0;
    overflow: auto; }
    .lightbox-preview .lightbox-composite > .content::-webkit-scrollbar {
      width: 16px;
      border-left: 1px solid #282828;
      background: #000;
      border-right: 1px solid #282828; }
    .lightbox-preview .lightbox-composite > .content::-webkit-scrollbar-thumb {
      border-right: 1px solid #282828;
      border-left: 1px solid #282828;
      background: #383838;
      box-shadow: inset 0 0 0 2px #000; }
  .lightbox-preview .lightbox-composite ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 10px; }
    .lightbox-preview .lightbox-composite ul .item {
      border-bottom: 1px solid #272727;
      height: 40px;
      padding: 20px;
      position: relative; }
      .lightbox-preview .lightbox-composite ul .item:hover {
        cursor: pointer;
        background: rgba(98, 176, 208, 0.2); }
      .lightbox-preview .lightbox-composite ul .item.selected {
        padding-left: 17px;
        border-left: 3px solid #62b0d0;
        background: rgba(98, 176, 208, 0.4); }
      .lightbox-preview .lightbox-composite ul .item .holder, .lightbox-preview .lightbox-composite ul .item .icons-holder {
        float: left;
        width: 60px;
        height: 40px;
        margin-right: 20px;
        background: #3d3d3d;
        border-radius: 2px;
        border: 1px solid #3d3d3d;
        overflow: hidden;
        text-align: center;
        box-sizing: border-box; }
        .lightbox-preview .lightbox-composite ul .item .holder i, .lightbox-preview .lightbox-composite ul .item .icons-holder i {
          margin-top: 7px; }
      .lightbox-preview .lightbox-composite ul .item .item-headline {
        height: 40px;
        overflow: hidden;
        color: #dedede;
        text-transform: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px; }
      .lightbox-preview .lightbox-composite ul .item .open-item {
        position: absolute;
        right: 0px;
        top: 0px;
        display: none;
        background: #888;
        padding: 2px 2px 2px 4px; }
      .lightbox-preview .lightbox-composite ul .item:hover .open-item {
        display: block; }
      .lightbox-preview .lightbox-composite ul .item.composite {
        padding-right: 35px; }
        .lightbox-preview .lightbox-composite ul .item.composite .package-details {
          position: absolute;
          top: 50%;
          right: 5px;
          margin-top: -7px; }
    .lightbox-preview .lightbox-composite ul .toggle-box > header {
      margin-left: 5px;
      background: #223d49;
      margin-bottom: 0; }
      .lightbox-preview .lightbox-composite ul .toggle-box > header:before {
        display: none; }
      .lightbox-preview .lightbox-composite ul .toggle-box > header h6 {
        background: #223d49;
        color: #fff; }
  .lightbox-preview .lightbox-composite.open ul .toggle-box > header {
    background: #000;
    border: 0; }
    .lightbox-preview .lightbox-composite.open ul .toggle-box > header:before {
      display: block;
      border-bottom-color: #223d49; }
    .lightbox-preview .lightbox-composite.open ul .toggle-box > header h6 {
      background: #000;
      color: #fff;
      padding-right: 10px; }
  .lightbox-preview .lightbox-composite.open ul .item.composite .package-details {
    display: block; }

.lightbox-preview .lightbox-mosaic {
  padding: 200px; }
  .lightbox-preview .lightbox-mosaic li {
    width: 220px;
    height: 150px;
    float: left;
    margin: 0 30px 30px 0;
    border-radius: 3px;
    overflow: hidden;
    background: #333; }

.lightbox-preview .preview-overlay {
  display: none; }

.preview-header {
  position: relative;
  margin: 1px -20px 20px;
  padding: 5px 20px 12px 20px;
  border-top: 0;
  border-bottom: 0;
  z-index: 2;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  transition: max-height 0.3s ease-in; }
  .preview-header.active {
    transition: max-height 0.3s ease-in; }
    .preview-header.active .preview-header__flex-container {
      display: flex;
      padding: 8px 0;
      height: auto;
      opacity: 1; }
    .preview-header.active .preview-header__timestamp {
      padding-bottom: 8px; }
  .preview-header .preview-header__toggle {
    position: absolute;
    width: 21px;
    height: 21px;
    border: 0;
    padding: 0;
    left: 50%;
    margin-left: -10.5px;
    bottom: -11px;
    background-color: #fff;
    z-index: 3;
    line-height: 0;
    border-radius: 50%;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    transition: transform 0.5s; }
    .preview-header .preview-header__toggle i {
      height: 15px; }
    .preview-header .preview-header__toggle.active {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .preview-header .preview-header__timestamp {
    padding: 8px 16px 2px 0;
    display: flex;
    white-space: nowrap;
    overflow: hidden; }
    .preview-header .preview-header__timestamp label, .preview-header .preview-header__timestamp time {
      display: inline-block;
      vertical-align: top;
      font-size: 11px;
      color: #686868;
      padding-right: .4em;
      margin: 0;
      font-weight: 300; }
    .preview-header .preview-header__timestamp b {
      color: #333;
      font-size: 11px;
      font-weight: 400;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .preview-header .preview-header__border-block {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #e2e2e2; }
  .preview-header .preview-header__flex-container {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s 0.4s;
    box-sizing: border-box; }
  .preview-header .preview-header__icon-block {
    width: 25px;
    padding-right: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; }
    .preview-header .preview-header__icon-block [class*=filetype-icon-],
    .preview-header .preview-header__icon-block [class^=filetype-icon-] {
      color: #999; }
  .preview-header .preview-header__main-block,
  .preview-header .preview-header__side-block {
    box-sizing: border-box;
    padding-left: 12px;
    border-left: 1px solid #e2e2e2;
    text-align: right; }
  .preview-header .preview-header__main-block {
    flex-grow: 1;
    padding-right: 12px;
    text-align: left;
    overflow: hidden; }
  .preview-header .preview-header__flex-row {
    min-height: 18px;
    margin-bottom: 4px;
    overflow: hidden; }
  .preview-header .keyword, .preview-header .mgrid-view .media-box.contacts .contact-name, .mgrid-view .media-box.contacts .preview-header .contact-name, .preview-header .mlist-view .media-box.contacts .contact-name, .mlist-view .media-box.contacts .preview-header .contact-name, .preview-header .compact-view .media-box.contacts .contact-name, .compact-view .media-box.contacts .preview-header .contact-name {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    line-height: 116.6%;
    color: #216278;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden; }
  .preview-header .word-count {
    font-size: 10px;
    line-height: 16px;
    min-width: 0;
    margin: 0;
    color: #686868;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .preview-header .word-count b {
      font-size: 12px;
      line-height: 12px;
      color: #565656;
      padding-right: .2em; }
  .preview-header .data {
    font-size: 12px;
    color: #686868; }
  .preview-header .inline-label {
    display: inline;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 6px 0 0;
    color: #686868;
    line-height: 116.6%; }
  .preview-header .takekey, .preview-header company-codes {
    display: inline;
    font-size: 12px;
    color: #333;
    line-height: 116.6%; }
  .preview-header .ednote {
    display: inline;
    font-size: 12px;
    color: #d25932;
    line-height: 116.6%; }
  .preview-header .stage {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.035em;
    line-height: 29px;
    color: #666;
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .preview-header .stage b {
      color: #333;
      font-weight: 500; }
  .preview-header .tag-label {
    max-width: 100%;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

figure.preview-overlay-on {
  position: relative;
  display: inline-block; }
  figure.preview-overlay-on:hover .preview-overlay {
    opacity: 1;
    transition: opacity 0.2s;
    cursor: pointer; }

.preview-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  margin-top: 0;
  opacity: 0;
  transition: opacity 0.2s; }
  .preview-overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    color: rgba(255, 255, 255, 0.9);
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px; }

.featuremedia-confirmation .picture-preview > div {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7); }

.featuremedia-confirmation .picture-preview img {
  max-width: 440px;
  max-height: 440px;
  object-fit: contain; }

.featuremedia-confirmation .picture-preview .description-text {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  display: inline-block;
  word-wrap: break-word;
  margin-top: 0.7rem; }

.content-item-preview .preview-label, .preview-content .preview-label {
  display: inline-block;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 2.6rem;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em; }

.preview-tab--enable-scrolling {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 1px; }

[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
@keyframes dropOut {
  0% {
    transform: translateY(-43px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  50% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight {
  0% {
    transform: translateX(400px); }
  100% {
    transform: translateX(0); } }

@keyframes appearFromBottomLeft {
  0% {
    transform: translateY(900px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes appearFromRight2 {
  0% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  50% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-48px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeIn3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes pulsateBG {
  0%, 100% {
    background-color: rgba(255, 87, 34, 0.1); }
  50% {
    background-color: rgba(255, 87, 34, 0.8); } }

.archive-sidebar {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 300px;
  box-sizing: border-box;
  background-color: #ededed;
  box-shadow: inset -1px 0px 6px 0px rgba(0, 0, 0, 0.1);
  transition: left 0.2s ease;
  border-right: 2px solid #bbb;
  z-index: 10; }
  .archive-sidebar .header {
    height: 48px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.06);
    background-color: #f4f4f4;
    position: relative;
    z-index: 4; }
    .archive-sidebar .header .icon {
      width: 48px;
      height: 48px;
      float: left;
      text-align: center;
      line-height: 54px;
      cursor: pointer;
      opacity: 0.8;
      filter: "alpha(opacity=80)"; }
    .archive-sidebar .header ul {
      float: left;
      padding-left: 5px; }
      .archive-sidebar .header ul li {
        float: left;
        height: 48px;
        box-sizing: border-box;
        margin: 0 15px;
        line-height: 48px;
        font-size: 14px;
        opacity: 0.7;
        filter: "alpha(opacity=70)"; }
        .archive-sidebar .header ul li:hover {
          cursor: pointer;
          border-bottom: 3px solid #bbb; }
        .archive-sidebar .header ul li.active {
          border-bottom: 3px solid #5ea9c8;
          opacity: 1;
          filter: "alpha(opacity=100)"; }
    .archive-sidebar .header .doopen {
      position: absolute;
      top: 16px;
      right: 8px;
      padding-left: 10px;
      padding-right: 10px;
      opacity: 0.4;
      filter: "alpha(opacity=40)"; }
      .archive-sidebar .header .doopen:hover {
        cursor: pointer;
        opacity: 1;
        filter: "alpha(opacity=100)"; }
  .archive-sidebar .content {
    position: absolute;
    top: 48px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 20px;
    overflow: auto;
    padding-bottom: 8.4rem; }
    .archive-sidebar .content.pull {
      bottom: 60px; }
    .archive-sidebar .content.pull-heigher {
      bottom: 120px; }
    .archive-sidebar .content .sd-check__wrapper {
      margin-left: 0; }
    .archive-sidebar .content .superdeskRepos {
      margin-bottom: 2rem; }
  .archive-sidebar .tab-box {
    margin: 0 -20px 0 -20px;
    position: sticky;
    top: -20px;
    background-color: #ededed;
    padding-bottom: 0.4rem;
    z-index: 3; }
  .archive-sidebar .edit-search {
    font-size: 15px;
    margin: 10px -20px 15px; }
    .archive-sidebar .edit-search fieldset {
      padding: 0 20px; }
  .archive-sidebar .toggle-box .toggle-box__label {
    font-size: 12px;
    font-weight: 500;
    color: #666; }
  .archive-sidebar .toggle-box.pane {
    margin: 0 -20px; }
    .archive-sidebar .toggle-box.pane > .toggle-content {
      padding: 20px 15px; }
  .archive-sidebar .toggle-box .terms {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    clear: both;
    float: right;
    padding-top: 10px;
    margin-bottom: 15px;
    *zoom: 1; }
    .archive-sidebar .toggle-box .terms:before, .archive-sidebar .toggle-box .terms:after {
      display: table;
      content: ""; }
    .archive-sidebar .toggle-box .terms:after {
      clear: both; }
    .archive-sidebar .toggle-box .terms li {
      background: rgba(0, 0, 0, 0.06);
      line-height: 26px;
      height: 26px;
      padding: 0 6px;
      border-radius: 3px;
      margin: 0 5px 5px 0;
      float: left; }
      .archive-sidebar .toggle-box .terms li i {
        vertical-align: sub;
        margin-left: 5px;
        opacity: 0.4;
        filter: "alpha(opacity=40)"; }
      .archive-sidebar .toggle-box .terms li:hover {
        cursor: pointer;
        background: rgba(0, 0, 0, 0.1); }
        .archive-sidebar .toggle-box .terms li:hover i {
          opacity: 0.7;
          filter: "alpha(opacity=70)"; }
  .archive-sidebar .raw-search {
    height: 200px; }
  .archive-sidebar .search-within-filter {
    position: relative;
    margin: -19px -20px 20px -20px;
    height: 48px; }
    .archive-sidebar .search-within-filter input {
      height: 48px;
      border-width: 0 0 1px 0 !important;
      padding-left: 15px; }
    .archive-sidebar .search-within-filter button {
      position: absolute;
      top: 0;
      right: 0;
      height: 48px;
      width: 33px;
      border: 0;
      background: none; }
      .archive-sidebar .search-within-filter button i {
        width: 18px;
        background-repeat: no-repeat;
        margin-top: 5px; }
  .archive-sidebar .search-filters {
    position: relative;
    margin: 1px 0px 20px;
    height: 48px; }
    .archive-sidebar .search-filters input {
      height: 48px;
      border-width: 0 0 1px 0 !important;
      padding-left: 15px; }
    .archive-sidebar .search-filters button {
      position: absolute;
      top: 0;
      right: 0;
      height: 48px;
      width: 33px;
      border: 0;
      background: none; }
      .archive-sidebar .search-filters button i {
        width: 18px;
        background-repeat: no-repeat;
        margin-top: 5px; }
  .archive-sidebar .views {
    padding: 0; }
    .archive-sidebar .views .header {
      padding: 10px; }
    .archive-sidebar .views .list {
      top: 48px;
      position: absolute;
      left: 0;
      right: 0;
      overflow: auto; }
      .archive-sidebar .views .list ul > li {
        display: block;
        box-sizing: border-box;
        padding: 10px 15px 10px 20px;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        position: relative; }
        .archive-sidebar .views .list ul > li .search-item {
          width: 80%; }
          .archive-sidebar .views .list ul > li .search-item i {
            color: #686868;
            font-weight: 400; }
          .archive-sidebar .views .list ul > li .search-item .search-name {
            font-weight: 500; }
          .archive-sidebar .views .list ul > li .search-item .search-description {
            font-size: 12px;
            color: #686868; }
        .archive-sidebar .views .list ul > li .search-button {
          position: absolute;
          right: 6px;
          top: 8px; }
        .archive-sidebar .views .list ul > li .delete, .archive-sidebar .views .list ul > li .edit {
          border: 0;
          background: 0;
          display: none;
          opacity: 0.4; }
          .archive-sidebar .views .list ul > li .delete:hover, .archive-sidebar .views .list ul > li .edit:hover {
            opacity: 1; }
        .archive-sidebar .views .list ul > li:hover {
          cursor: pointer;
          background: #f8f8f8; }
          .archive-sidebar .views .list ul > li:hover .delete {
            display: inline-block; }
        .archive-sidebar .views .list ul > li.active {
          background: #eff7fa; }
        .archive-sidebar .views .list ul > li:first-child {
          border-top: 1px solid #ddd; }
    .archive-sidebar .views .edit-saved-searches {
      position: absolute;
      margin-left: 0px; }
      .archive-sidebar .views .edit-saved-searches .content {
        position: static;
        padding: 0; }

.date-filter .predefined-dates {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }
  .date-filter .predefined-dates > div {
    flex: 1 1 auto;
    padding: 4px; }
    .date-filter .predefined-dates > div button {
      display: block;
      width: 100%; }
  .date-filter .predefined-dates .btn--mini, .date-filter .predefined-dates .toggle-button {
    min-height: 20px;
    height: auto;
    margin-right: 4px;
    flex-grow: 1; }
    .date-filter .predefined-dates .btn--mini:last-child, .date-filter .predefined-dates .toggle-button:last-child {
      margin-right: 0; }
  .date-filter .predefined-dates .toggle-button {
    padding: 5px;
    line-height: 130%;
    font-size: 11px;
    font-weight: 500; }

.date-filter .datepicker-input {
  min-width: initial; }

.date-filter fieldset .multiple .field {
  padding-right: 10px; }
  .date-filter fieldset .multiple .field:last-child {
    padding: 0; }

.filter-box .filter-box__item {
  display: flex;
  margin-bottom: 2px;
  border-radius: 2px;
  padding: 4px 4px 4px 5px;
  line-height: 100%;
  background-color: transparent;
  transition: background-color ease-in-out 0.2s; }
  .filter-box .filter-box__item button {
    border: 0;
    background: none;
    display: block;
    width: 100%;
    padding: 0;
    color: #666;
    text-align: left;
    height: 22px;
    line-height: 22px;
    font-size: 12px; }
  .filter-box .filter-box__item .filter-box__hover-box {
    height: 1.6rem;
    width: 1.6rem;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    margin-right: 0.8rem; }
    .filter-box .filter-box__item .filter-box__hover-box:hover i[class*="filetype-icon-"] {
      visibility: hidden; }
    .filter-box .filter-box__item .filter-box__hover-box:hover .sd-checkbox {
      visibility: visible; }
    .filter-box .filter-box__item .filter-box__hover-box .sd-checkbox {
      position: absolute;
      left: 0;
      top: 0;
      visibility: hidden; }
  .filter-box .filter-box__item.checked .sd-checkbox {
    visibility: visible; }
  .filter-box .filter-box__item [class*="filetype-icon-"] {
    color: #666; }
  .filter-box .filter-box__item:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1); }
    .filter-box .filter-box__item:hover .filter-box__negate-filter {
      opacity: 0.6;
      transition: all ease-in-out 0.2s; }
      .filter-box .filter-box__item:hover .filter-box__negate-filter:hover {
        opacity: 1; }
      .filter-box .filter-box__item:hover .filter-box__negate-filter:active {
        color: #be1600; }
  .filter-box .filter-box__item:active {
    background: #ccc; }
  .filter-box .filter-box__item .filter-box__negate-filter {
    opacity: 0;
    transition: all ease-in-out 0.1s; }

.filter-box .filter-box__name {
  flex-grow: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .filter-box .filter-box__name i {
    margin-left: 10px;
    font-style: italic;
    color: #686868;
    font-weight: 300; }

.filter-box .filter-box__check {
  flex-grow: 0;
  margin-right: 8px; }

.backlink-toolbar {
  padding: 16px 20px 0;
  margin-bottom: 20px;
  box-sizing: border-box;
  height: 48px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
  animation: dropOut 0.2s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1; }
  .backlink-toolbar .backlink {
    animation: appearFromRight 0.4s ease-out 1; }

.saved-searches__group-title {
  padding: 14px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #686868; }

.sidebar-open .archive-content {
  left: 300px !important; }

.save-search,
.float-search-btn,
.save-search-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-color: #fff;
  box-sizing: border-box;
  padding: 16px 24px;
  text-align: right;
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12); }
  .save-search .search,
  .float-search-btn .search,
  .save-search-panel .search {
    margin-bottom: 5px; }
  .save-search .save-search__button-split,
  .float-search-btn .save-search__button-split,
  .save-search-panel .save-search__button-split {
    display: flex;
    align-items: center; }
    .save-search .save-search__button-split .btn,
    .float-search-btn .save-search__button-split .btn,
    .save-search-panel .save-search__button-split .btn {
      flex-basis: auto;
      flex-grow: 1; }
      .save-search .save-search__button-split .btn + .btn,
      .float-search-btn .save-search__button-split .btn + .btn,
      .save-search-panel .save-search__button-split .btn + .btn {
        margin-left: 5px; }

.save-search-panel {
  text-align: left; }
  .save-search-panel input {
    margin-bottom: 10px; }

.save-search-panel__title {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #666;
  margin-bottom: 20px; }

.save-search__link {
  display: inline-block;
  margin-right: 32px;
  cursor: pointer;
  font-size: 14px; }
  .save-search__link:hover {
    text-decoration: underline; }

.float-search-btn {
  background-color: #f6f6f6; }
  .float-search-btn .search {
    margin-bottom: 0; }

.float-search-btn--shift {
  bottom: 60px; }

.toggle-button {
  display: inline-block;
  text-decoration: none;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 2px 10px;
  text-decoration: none;
  font-size: 12px;
  background: transparent;
  color: #5a5a5a;
  border: 1px solid #c6c6c6;
  height: 26px;
  line-height: 20px;
  margin-bottom: 4px;
  transition: all 0.2s ease-out; }
  .toggle-button:hover {
    text-decoration: none;
    color: #0e0e0e;
    border-color: #7a7a7a;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
  .toggle-button:active {
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
    border-color: #7a7a7a; }
  .toggle-button .toggle-button__icon {
    color: #5a5a5a;
    line-height: 20px; }

.toggle-button--active {
  color: #fff;
  background-color: #3d8fb1;
  border-color: #3d8fb1;
  border-top-color: #245569;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2); }
  .toggle-button--active:hover {
    color: #fff;
    border-color: #36809e;
    background-color: #36809e;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2); }
  .toggle-button--active:active {
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
    border-color: #3d8fb1;
    background-color: #5aa7c7; }
  .toggle-button--active .toggle-button__icon {
    color: #fff; }

.toggle-button__text {
  line-height: 22px; }

.button-list {
  overflow: hidden; }
  .button-list .toggle-button, .button-list .btn {
    float: left;
    margin-right: 6px;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.subnav .toggle-list .button-list {
  white-space: nowrap;
  max-height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.subnav .button-list .toggle-button, .subnav .button-list .btn {
  margin-bottom: 0; }

.button-list--padded {
  padding: 11px 0 11px 20px; }

.btn__check {
  position: relative;
  color: #fff;
  padding: 10px 15px;
  background: #546E7A;
  border: none;
  font-size: 13px;
  border-radius: 3px; }
  .btn__check:hover {
    cursor: pointer;
    background: #5e7c89; }
  .btn__check.focus, .btn__check:focus {
    outline: 1px solid #5ea9c8; }
  .btn__check.active, .btn__check:active {
    background: #78909C;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.2); }
    .btn__check.active:after, .btn__check:active:after {
      content: "";
      width: 42px;
      position: absolute;
      background: url(29795682bd73d5472ae0f7f53ccfd395.png) no-repeat;
      background-size: 42px;
      background-position: 0 -2px;
      top: 0;
      bottom: 0;
      right: 8px;
      opacity: 0.16;
      filter: "alpha(opacity=16)"; }
  .btn__check.active {
    cursor: default; }
  .btn__check:active {
    background: #6a8491;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.2); }
    .btn__check:active:after {
      opacity: 0.1;
      filter: "alpha(opacity=10)"; }
  .btn__check.active:disabled {
    opacity: 0.4; }
  .btn__check:disabled {
    opacity: 0.4;
    color: rgba(255, 255, 255, 0.7); }
    .btn__check:disabled:not(.active) {
      background: #546E7A !important; }
    .btn__check:disabled:hover {
      cursor: default; }

.btn-group {
  position: relative;
  *zoom: 1; }
  .btn-group:before, .btn-group:after {
    display: table;
    content: ""; }
  .btn-group:after {
    clear: both; }

.btn-group + .btn-group {
  margin-left: 5px; }

.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px; }
  .btn-toolbar .btn-group {
    display: inline-block; }

.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  border-radius: 0; }

.btn-group .btn:first-child {
  margin-left: 0;
  border-radius: 3px 0 0 3px; }

.btn-group .btn:last-child,
.btn-group .dropdown__toggle {
  border-radius: 0 3px 3px 0; }

.btn-group .btn.large:first-child {
  margin-left: 0;
  border-radius: 6px 0 0 6px; }

.btn-group .btn.large:last-child,
.btn-group .large.dropdown__toggle {
  border-radius: 0 6px 6px 0; }

.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2; }

.btn-group .dropdown__toggle:active,
.btn-group.open .dropdown__toggle {
  outline: 0; }

.btn-group .dropdown__toggle {
  padding-left: 8px;
  padding-right: 8px;
  *padding-top: 3px;
  *padding-bottom: 3px; }

.btn-group .btn--mini.dropdown__toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 1px;
  *padding-bottom: 1px; }

.btn-group .btn--small.dropdown__toggle {
  *padding-top: 4px;
  *padding-bottom: 4px; }

.btn-group .btn--large.dropdown__toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open {
  *z-index: 1000; }
  .btn-group.open .dropdown__menu {
    display: block;
    margin-top: 1px;
    border-radius: 5px; }

.btn--primary .caret,
.btn--danger .caret,
.btn--success .caret,
.btn--inverse .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 0.75;
  filter: "alpha(opacity=75)"; }

.subnav__button-stack--custom-buttons {
  min-width: 150px; }
  .subnav__button-stack--custom-buttons .btn {
    min-width: 38px; }
    .subnav__button-stack--custom-buttons .btn--custom {
      color: #fff;
      white-space: nowrap;
      background-color: #666; }
      .subnav__button-stack--custom-buttons .btn--custom:hover {
        text-decoration: none;
        color: #fff;
        background-color: #404040; }
    .subnav__button-stack--custom-buttons .btn--publish {
      background-color: #01579b; }
      .subnav__button-stack--custom-buttons .btn--publish:hover {
        background-color: #012c4f; }
    .subnav__button-stack--custom-buttons .btn--publish-plus {
      background-color: #623b7a; }
      .subnav__button-stack--custom-buttons .btn--publish-plus:hover {
        background-color: #392246; }

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  color: #c09853; }

.alert-heading {
  color: inherit; }

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px; }

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0; }

.alert-block p + p {
  margin-top: 5px; }

.nav {
  margin-left: 0;
  list-style: none; }

.nav > li > a,
.nav > li > button {
  display: block; }

.nav > li > a:hover {
  text-decoration: none;
  background-color: #F5F5F5; }

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.nav-list > li > button {
  border: 0;
  background: 0; }

.nav-list > li > a,
.nav-list > li > button {
  margin-left: -15px;
  margin-right: -15px; }

.nav-list > li > a,
.nav-list > li > button {
  padding: 3px 15px; }

.nav-list > .active > a,
.nav-list > .active > button,
.nav-list > .active > a:hover {
  color: #fff;
  background-color: #5d9bc0; }

.nav-list [class^="icon-"] {
  margin-right: 2px; }

.nav-list .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
  *width: 100%;
  *margin: -5px 0 5px; }

.nav-tabs,
.nav-pills {
  *zoom: 1; }
  .nav-tabs:before, .nav-tabs:after,
  .nav-pills:before,
  .nav-pills:after {
    display: table;
    content: ""; }
  .nav-tabs:after,
  .nav-pills:after {
    clear: both; }

.nav-tabs > li,
.nav-pills > li {
  float: left; }

.nav-tabs > li > a,
.nav-tabs > li > button,
.nav-pills > li > a,
.nav-pills > li > button {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs {
  height: 48px; }
  .nav-tabs > li {
    margin-bottom: -1px; }

.nav-tabs > li > a,
.nav-tabs > li > button {
  padding: 8px 0px;
  margin: 0 10px;
  line-height: 30px;
  font-size: 14px;
  height: 48px;
  background: none;
  color: #7c7c7c;
  border: 0;
  border-bottom: 3px solid transparent; }
  .nav-tabs > li > a:hover,
  .nav-tabs > li > button:hover {
    border-bottom-color: #d8d8d8;
    background: none;
    text-decoration: none; }

.nav-tabs > li > a {
  box-sizing: border-box; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > button,
.nav-tabs > .active > button:hover {
  background: none;
  border-bottom-color: #5ea9c8;
  cursor: default;
  color: #333; }

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #fff;
  background-color: #5d9bc0; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-right: 0; }

.nav-tabs.nav-stacked {
  border-bottom: 0;
  height: auto; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  border-radius: 0;
  margin: 0; }

.nav-tabs.nav-stacked > li.active a {
  background: #fff; }

.nav-tabs.nav-stacked > li:first-child > a {
  border-radius: 4px 4px 0 0; }

.nav-tabs.nav-stacked > li:last-child > a {
  border-radius: 0 0 4px 4px; }

.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2; }

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px; }

.nav-tabs .dropdown__menu,
.nav-pills .dropdown__menu {
  margin-top: 1px;
  border-width: 1px; }

.nav-pills .dropdown__menu {
  border-radius: 4px; }

.nav-tabs .dropdown__toggle .dropdown__caret,
.nav-pills .dropdown__toggle .dropdown__caret {
  border-top-color: #5d9bc0;
  border-bottom-color: #5d9bc0;
  margin-top: 6px; }

.nav-tabs .dropdown__toggle:hover .dropdown__caret,
.nav-pills .dropdown__toggle:hover .dropdown__caret {
  border-top-color: #94bdd5;
  border-bottom-color: #94bdd5; }

.nav-tabs .active .dropdown__toggle .dropdown__caret,
.nav-pills .active .dropdown__toggle .dropdown__caret {
  border-top-color: #333;
  border-bottom-color: #333; }

.nav > .dropdown.active > a:hover {
  color: #000;
  cursor: pointer; }

.nav-tabs .open .dropdown__toggle,
.nav-pills .open .dropdown__toggle,
.nav > .open.active > a:hover {
  color: #fff;
  background-color: #999;
  border-color: #999; }

.nav .open .dropdown__caret,
.nav .open.active .dropdown__caret,
.nav .open a:hover .dropdown__caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 1;
  filter: "alpha(opacity=100)"; }

.tabs-stacked .open > a:hover {
  border-color: #999; }

.tabbable {
  *zoom: 1; }
  .tabbable:before, .tabbable:after {
    display: table;
    content: ""; }
  .tabbable:after {
    clear: both; }

.tab-content {
  display: table;
  width: 100%; }

.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-left .nav-tabs > li {
  float: none; }

.tabs-left .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }

.tabs-left .nav-tabs > li > a {
  margin-right: -1px;
  border-radius: 4px 0 0 4px; }

.tabs-left .nav-tabs > li > a:hover {
  border-color: #F5F5F5 #ddd #F5F5F5 #F5F5F5; }

.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #fff; }

.subnav {
  align-items: center; }
  .subnav--padded {
    padding: 10px 20px; }

.subnav--absolute {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  z-index: 10; }

.subnav--top {
  top: 48px; }

.subnav__page-title,
.page-nav-title {
  padding: 10px 20px;
  color: #444;
  font-size: 18px;
  line-height: 28px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400; }
  .subnav__page-title--text-light,
  .page-nav-title--text-light {
    font-weight: 300; }
  .subnav__page-title .sd-checkbox,
  .page-nav-title .sd-checkbox {
    font-size: 1.4rem; }
  .subnav__page-title:empty,
  .page-nav-title:empty {
    display: contents !important;
    padding: 0 !important; }

.subnav__desk-stage {
  flex-grow: 1; }

.subnav--white-background {
  background-color: #fff; }

.subnav.level2 {
  position: absolute;
  background: #f5f5f5;
  top: 0;
  left: 0 !important;
  height: 48px;
  z-index: 2;
  box-shadow: none; }

.monitoring .subnav .page-nav-title {
  padding-left: 20px; }

.button-stack {
  height: 48px !important;
  position: relative;
  margin: 0 20px 0 0;
  float: left; }
  .button-stack > .btn {
    margin-left: 20px;
    margin-top: 10px; }
  .button-stack.right-stack {
    float: right;
    margin: 0 0 0 5px; }
    .button-stack.right-stack .navbtn {
      border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
      border-right: 0 !important; }
      .button-stack.right-stack .navbtn .dropdown__toggle {
        width: 100%; }
    .button-stack.right-stack > .btn {
      margin-right: 12px;
      margin-left: 0; }
  .button-stack .dropdown [class^="filetype-icon-"], .button-stack .dropdown [class*="filetype-icon-"] {
    vertical-align: middle; }

.subnav__stretch-bar {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 16px; }

.subnav__button-stack {
  position: relative;
  max-width: 100%; }
  .subnav__button-stack--square-buttons {
    height: 48px;
    margin: 0 0 0 16px;
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 0;
    flex-shrink: 1;
    max-width: 100%; }
  .subnav__button-stack--custom-buttons {
    margin: 0 auto;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 0 1px;
    box-sizing: border-box;
    display: flex;
    max-width: 100%; }
    .subnav__button-stack--custom-buttons .btn {
      flex-grow: 0;
      margin: 0 4px; }
    .subnav__button-stack--custom-buttons .btn__text--short {
      display: none; }
    .subnav__button-stack--custom-buttons .btn__text {
      display: inline; }

.subnav__button-stack--custom-buttons .btn__text--short {
  display: none; }

.subnav__button-stack--custom-buttons .btn__text {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text--short {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text {
  display: none; }

.subnav__button-stack--default {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 10px 0; }
  .subnav__button-stack--default .btn {
    flex-grow: 0;
    margin: 0 4px; }
  .subnav__button-stack--default .btn__text--short {
    display: none; }
  .subnav__button-stack--default .btn__text {
    display: inline; }

.compact .subnav__button-stack--default .btn__text--short {
  display: inline; }

.compact .subnav__button-stack--default .btn__text {
  display: none; }

.shortcut {
  font-style: italic;
  opacity: 0.5; }

/*was 65*/
.modal__wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: auto; }

.modal--nested-fix .modal__content > div, .modal--nested-fix .modal__content > div > div, .modal--nested-fix .modal__content > div > div > div, .modal--nested-fix .modal__content > div > div > div > div {
  display: flex;
  flex-direction: column;
  overflow-y: auto; }

.modal--nested-fix .modal__content .modal__header,
.modal--nested-fix .modal__content .modal__footer {
  display: block; }

.modal--z-index-fix {
  z-index: 1051 !important; }

.split-popup {
  height: 400px;
  max-height: 400px; }
  .split-popup .sidebar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
    border-right: 1px solid #ddd; }
  .split-popup .main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 200px; }

.add-scheme-modal .modal__dialog {
  max-width: 840px !important;
  width: 100%; }

.add-scheme-modal .modal__body {
  max-width: 840px !important; }
  .add-scheme-modal .modal__body > * {
    display: flex;
    flex-direction: column;
    overflow-y: auto; }

.add-scheme-modal .modal__body-header {
  flex-shrink: 0; }

.add-scheme-modal .modal__body-content {
  padding: 0 !important; }

.add-scheme-modal .nav-tabs {
  background: #fff; }

.add-scheme-modal .field {
  clear: both;
  float: none; }
  .add-scheme-modal .field label {
    display: inline-block;
    margin-right: 6px; }

.add-scheme-modal .summary {
  margin-top: 20px; }
  .add-scheme-modal .summary > label {
    margin-bottom: 10px; }
  .add-scheme-modal .summary .list-item {
    display: block; }
  .add-scheme-modal .summary .title {
    font-size: 11px;
    text-transform: none;
    color: #333;
    min-width: 0;
    font-weight: 700; }
  .add-scheme-modal .summary .field {
    font-size: 11px; }

.add-scheme-modal .action-tab .field {
  margin-bottom: 10px; }

.add-scheme-modal .action-tab label {
  min-width: 90px; }

.add-scheme-modal .btn-group .btn {
  margin-right: 5px; }

.add-scheme-modal .add {
  position: absolute;
  padding: 0;
  margin-left: 10px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  line-height: 20px; }
  .add-scheme-modal .add i {
    margin: 0; }

.add-scheme-modal .term-editor .main-list {
  overflow: visible; }

.split-view {
  display: flex; }
  .split-view .sidebar, .split-view .main {
    overflow-x: hidden;
    overflow-y: auto; }
  .split-view .sidebar {
    width: 250px;
    max-width: 250px;
    flex: 0 0 auto;
    padding: 20px; }
    .split-view .sidebar + .main {
      border-left: 1px solid #e0e0e0; }
  .split-view .main {
    flex: 1 1 auto; }
  .split-view .main + .main {
    border-left: 1px solid #e0e0e0; }
  .split-view .content {
    padding: 2rem; }

.modal--preview-article .scroll-shadow {
  position: absolute;
  top: 47px;
  width: 100vw; }

.modal--preview-article .modal__header {
  padding: 0.9rem 1.5rem !important; }
  .modal--preview-article .modal__header .btn-group button {
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-top: 2px;
    -webkit-appearance: none; }
    .modal--preview-article .modal__header .btn-group button [class^="icon-"], .modal--preview-article .modal__header .btn-group button [class*=" icon-"] {
      width: 24px;
      height: 24px;
      font-size: 24px;
      line-height: 24px;
      color: #bfbfbf; }
      .modal--preview-article .modal__header .btn-group button [class^="icon-"]:hover, .modal--preview-article .modal__header .btn-group button [class*=" icon-"]:hover {
        color: #666; }
  .modal--preview-article .modal__header .btn-group label {
    line-height: 18px;
    display: inline-block; }
  .modal--preview-article .modal__header .btn {
    margin-right: 12px; }
  .modal--preview-article .modal__header--no-border {
    border: 0 !important; }

.modal--preview-article .preview-content {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }
  .modal--preview-article .preview-content .metadata {
    margin: 30px 0 40px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0; }
    .modal--preview-article .preview-content .metadata .preview-label {
      min-width: 100px;
      vertical-align: top; }
    .modal--preview-article .preview-content .metadata .preview-data span {
      font-size: 12px;
      color: #000;
      background-color: #f5f5f5;
      margin-right: 3px;
      margin-bottom: 3px;
      padding: 3px 6px;
      border-radius: 2px;
      display: inline-block; }
    .modal--preview-article .preview-content .metadata--top > div {
      min-height: 24px;
      overflow: hidden;
      margin-bottom: 10px;
      display: flex; }
    .modal--preview-article .preview-content .metadata + .metadata {
      margin-top: 0; }
  .modal--preview-article .preview-content .body {
    margin-bottom: 30px; }
  .modal--preview-article .preview-content figure {
    margin-bottom: 2rem; }
  .modal--preview-article .preview-content figcaption {
    color: #999;
    padding: 4px 0; }
  .modal--preview-article .preview-content img {
    max-width: 100%; }

.modal--about h4 {
  font-size: 16px; }

.modal--about .date-released {
  color: #767676;
  margin-bottom: 24px; }

.modal__header--about {
  background-color: #1eb06c;
  padding: 15px 15px 20px 20px !important; }
  .modal__header--about i {
    color: white; }
  .modal__header--about .modal__header-sd-logo {
    background: url(74a459f6e1c7b87e9fd4b6caad913022.svg) no-repeat 0 0;
    width: 154px;
    height: 48px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: left; }

.animate-zoom__from-bottom-left {
  animation: appearFromBottomLeft 0.4s ease-out 1; }

.animate-slide-in__from-right {
  animation: appearFromRight2 0.6s ease-out 0s 1; }

.keyboard-map h4 {
  font-size: 16px;
  font-weight: 400;
  padding: 0 3px 8px 3px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15); }

.keyboard-map ul {
  margin-bottom: 20px; }
  .keyboard-map ul li {
    display: flex;
    padding: 6px 3px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px 0; }
    .keyboard-map ul li:hover {
      background-color: #f0f0f0; }
    .keyboard-map ul li .keyboard-map__shortcut {
      font-weight: 500;
      padding: 2px 7px;
      background-color: rgba(0, 0, 0, 0.08); }
    .keyboard-map ul li .keyboard-map__description {
      flex-grow: 1; }

.modal__body--with-navigation {
  display: flex;
  padding: 0 !important; }
  .modal__body--with-navigation .modal__navigation {
    background: #fff;
    border-right: 1px solid #dedede; }
    .modal__body--with-navigation .modal__navigation li button {
      font-size: 1.3rem;
      color: #333;
      padding: 1.6rem 3rem 1.6rem 3rem;
      text-align: left;
      min-width: 200px; }
    .modal__body--with-navigation .modal__navigation li:hover {
      background-color: rgba(94, 169, 200, 0.2);
      color: #333;
      text-decoration: none; }
    .modal__body--with-navigation .modal__navigation li:active, .modal__body--with-navigation .modal__navigation li.active {
      background-color: rgba(94, 169, 200, 0.1);
      color: #5ea9c8; }
    .modal__body--with-navigation .modal__navigation li.active {
      border-right: 4px solid #5ea9c8; }
  .modal__body--with-navigation .modal__navigation--content {
    overflow: auto;
    flex: 1 1 100%; }
    .modal__body--with-navigation .modal__navigation--content .subnav.pagination--rounded {
      justify-content: center; }
    .modal__body--with-navigation .modal__navigation--content .table-list {
      height: calc(100% - 96px);
      overflow: auto; }
    .modal__body--with-navigation .modal__navigation--content table {
      border-top: 0; }

.tooltip {
  position: absolute;
  z-index: 1040;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: "alpha(opacity=0)"; }
  .tooltip.in {
    opacity: 0.9;
    filter: "alpha(opacity=90)"; }
  .tooltip.top {
    margin-top: -2px; }
  .tooltip.right {
    margin-left: 2px; }
  .tooltip.bottom {
    margin-top: 2px; }
  .tooltip.left {
    margin-left: -2px; }

.tooltip-inner {
  max-width: 200px;
  padding: 4px 8px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 1px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px; }
  .popover.top {
    margin-top: -5px; }
  .popover.right {
    margin-left: 5px; }
  .popover.bottom {
    margin-top: 5px; }
  .popover.left {
    margin-left: -5px; }
  .popover .arrow {
    position: absolute;
    width: 0;
    height: 0; }

.popover-inner {
  padding: 3px;
  width: 280px;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }

.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  border-radius: 3px 3px 0 0; }

.popover-content {
  padding: 14px;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  .popover-content p, .popover-content ul, .popover-content ol {
    margin-bottom: 0; }

@keyframes dropOut {
  0% {
    transform: translateY(-43px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  50% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight {
  0% {
    transform: translateX(400px); }
  100% {
    transform: translateX(0); } }

@keyframes appearFromBottomLeft {
  0% {
    transform: translateY(900px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes appearFromRight2 {
  0% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  50% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-48px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeIn3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes pulsateBG {
  0%, 100% {
    background-color: rgba(255, 87, 34, 0.1); }
  50% {
    background-color: rgba(255, 87, 34, 0.8); } }

.label--lite {
  font-size: 11px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  text-transform: uppercase; }

.inline-tag-list {
  *zoom: 1;
  padding: 10px 0 0 0; }
  .inline-tag-list:before, .inline-tag-list:after {
    display: table;
    content: ""; }
  .inline-tag-list:after {
    clear: both; }
  .inline-tag-list li {
    float: left; }
    .inline-tag-list li .inline-tag {
      line-height: 26px;
      border-radius: 2px;
      padding: 0px 0px 0px 8px;
      background: #dedede;
      color: #333;
      margin: 0 5px 5px 0;
      float: left; }
      .inline-tag-list li .inline-tag.tag-prime {
        background: #5ea9c8;
        color: #fff; }
      .inline-tag-list li .inline-tag.tag-darker {
        background: #bababa; }
      .inline-tag-list li .inline-tag span {
        font-weight: 500;
        margin-right: 5px;
        text-transform: uppercase;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }
      .inline-tag-list li .inline-tag button {
        background: none;
        border: 0;
        float: right;
        height: 26px;
        margin-left: 5px;
        padding-left: 2px;
        border-radius: 0 3px 3px 0; }
        .inline-tag-list li .inline-tag button i {
          opacity: 0.3;
          filter: "alpha(opacity=30)";
          margin-top: -4px; }
        .inline-tag-list li .inline-tag button:hover {
          background: rgba(0, 0, 0, 0.1); }
          .inline-tag-list li .inline-tag button:hover i {
            opacity: 1;
            filter: "alpha(opacity=100)"; }

/*----------------------------------------
  #Urgency label
----------------------------------------*/
.urgency-label {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.urgency-label--0 {
  background: #cccccc; }

.urgency-label--1 {
  background: #01405b; }

.urgency-label--2 {
  background: #005e84; }

.urgency-label--3 {
  background: #3684a4; }

.urgency-label--4 {
  background: #64a4bf; }

.urgency-label--5 {
  background: #a1c6d8; }

/*----------------------------------------
  #Priority label
----------------------------------------*/
.priority-label {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.priority-label--0 {
  background: #cccccc; }

.priority-label--1 {
  background: #b82f00; }

.priority-label--2 {
  background: #de6237; }

.priority-label--3 {
  background: #e49c56; }

.priority-label--4 {
  background: #edc175; }

.priority-label--5 {
  background: #b6c28b; }

.priority-label--6 {
  background: #c0c9a1; }

/*----------------------------------------
  #State labels
----------------------------------------*/
.state-label, .mlist-view .media-box.contacts .org-label, .compact-view .media-box.contacts .org-label, .profile-label, .language-label {
  display: inline-block;
  line-height: 1.4rem;
  font-size: 0.9rem;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 0 0.8rem;
  border: 1px solid;
  vertical-align: middle;
  border-color: #8c8c8c;
  color: #8c8c8c;
  font-weight: 500; }
  .state-label.state_embargo, .mlist-view .media-box.contacts .state_embargo.org-label, .compact-view .media-box.contacts .state_embargo.org-label, .state_embargo.profile-label, .state_embargo.language-label {
    border-color: #ff3381 !important;
    color: #ff3381 !important; }
  .state-label.state-draft, .mlist-view .media-box.contacts .state-draft.org-label, .compact-view .media-box.contacts .state-draft.org-label, .state-draft.profile-label, .state-draft.language-label {
    border-color: #8c8c8c;
    color: #8c8c8c; }
  .state-label.state-ingested, .mlist-view .media-box.contacts .state-ingested.org-label, .compact-view .media-box.contacts .state-ingested.org-label, .state-ingested.profile-label, .state-ingested.language-label, .state-label.state-routed, .mlist-view .media-box.contacts .state-routed.org-label, .compact-view .media-box.contacts .state-routed.org-label, .state-routed.profile-label, .state-routed.language-label, .state-label.state-fetched, .mlist-view .media-box.contacts .state-fetched.org-label, .compact-view .media-box.contacts .state-fetched.org-label, .state-fetched.profile-label, .state-fetched.language-label {
    border-color: #5d9bc0;
    color: #5d9bc0; }
  .state-label.state-submitted, .mlist-view .media-box.contacts .state-submitted.org-label, .compact-view .media-box.contacts .state-submitted.org-label, .state-submitted.profile-label, .state-submitted.language-label, .state-label.state-in_progress, .mlist-view .media-box.contacts .state-in_progress.org-label, .compact-view .media-box.contacts .state-in_progress.org-label, .state-in_progress.profile-label, .state-in_progress.language-label, .state-label.state-subbed, .mlist-view .media-box.contacts .state-subbed.org-label, .compact-view .media-box.contacts .state-subbed.org-label, .state-subbed.profile-label, .state-subbed.language-label {
    border-color: #d2a800;
    color: #d2a800; }
  .state-label.state-published, .mlist-view .media-box.contacts .state-published.org-label, .compact-view .media-box.contacts .state-published.org-label, .state-published.profile-label, .state-published.language-label {
    border-color: #5e8d32;
    color: #5e8d32; }
  .state-label.state-spiked, .mlist-view .media-box.contacts .state-spiked.org-label, .compact-view .media-box.contacts .state-spiked.org-label, .state-spiked.profile-label, .state-spiked.language-label, .state-label.state-recalled, .mlist-view .media-box.contacts .state-recalled.org-label, .compact-view .media-box.contacts .state-recalled.org-label, .state-recalled.profile-label, .state-recalled.language-label, .state-label.state-killed, .mlist-view .media-box.contacts .state-killed.org-label, .compact-view .media-box.contacts .state-killed.org-label, .state-killed.profile-label, .state-killed.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.state-killed, .mlist-view .media-box.contacts .state-killed.org-label, .compact-view .media-box.contacts .state-killed.org-label, .state-killed.profile-label, .state-killed.language-label {
    border-color: #be1600;
    color: #be1600;
    background-color: #ffeae7; }
  .state-label.state-on_hold, .mlist-view .media-box.contacts .state-on_hold.org-label, .compact-view .media-box.contacts .state-on_hold.org-label, .state-on_hold.profile-label, .state-on_hold.language-label, .state-label.state-scheduled, .mlist-view .media-box.contacts .state-scheduled.org-label, .compact-view .media-box.contacts .state-scheduled.org-label, .state-scheduled.profile-label, .state-scheduled.language-label {
    border-color: #da7200;
    color: #da7200; }
  .state-label.state-corrected, .mlist-view .media-box.contacts .state-corrected.org-label, .compact-view .media-box.contacts .state-corrected.org-label, .state-corrected.profile-label, .state-corrected.language-label {
    border-color: navy;
    color: navy; }
  .state-label.not-for-publication, .mlist-view .media-box.contacts .not-for-publication.org-label, .compact-view .media-box.contacts .not-for-publication.org-label, .not-for-publication.profile-label, .not-for-publication.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.for-publication, .mlist-view .media-box.contacts .for-publication.org-label, .compact-view .media-box.contacts .for-publication.org-label, .for-publication.profile-label, .for-publication.language-label {
    border-color: #5e8d32;
    color: #5e8d32; }
  .state-label.legal, .mlist-view .media-box.contacts .legal.org-label, .compact-view .media-box.contacts .legal.org-label, .legal.profile-label, .legal.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.missing-link, .mlist-view .media-box.contacts .missing-link.org-label, .compact-view .media-box.contacts .missing-link.org-label, .missing-link.profile-label, .missing-link.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.takes, .mlist-view .media-box.contacts .takes.org-label, .compact-view .media-box.contacts .takes.org-label, .takes.profile-label, .takes.language-label {
    border-color: darkmagenta;
    color: darkmagenta; }
    .state-label.takes div:hover, .mlist-view .media-box.contacts .takes.org-label div:hover, .compact-view .media-box.contacts .takes.org-label div:hover, .takes.profile-label div:hover, .takes.language-label div:hover {
      background-color: darkmagenta; }
  .state-label.takes:hover, .mlist-view .media-box.contacts .takes.org-label:hover, .compact-view .media-box.contacts .takes.org-label:hover, .takes.profile-label:hover, .takes.language-label:hover {
    background-color: darkmagenta;
    color: #fff; }
  .state-label.sms, .mlist-view .media-box.contacts .sms.org-label, .compact-view .media-box.contacts .sms.org-label, .sms.profile-label, .sms.language-label, .state-label.updated, .mlist-view .media-box.contacts .updated.org-label, .compact-view .media-box.contacts .updated.org-label, .updated.profile-label, .updated.language-label {
    border-color: navy;
    color: navy; }
  .state-label.updated:hover, .mlist-view .media-box.contacts .updated.org-label:hover, .compact-view .media-box.contacts .updated.org-label:hover, .updated.profile-label:hover, .updated.language-label:hover {
    background-color: navy;
    color: #fff; }
  .state-label--right {
    margin-right: 0;
    margin-left: 0.8rem; }

.profile-label {
  background-color: #8c8c8c;
  color: #fff; }

.info-block {
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0;
  color: #999; }

@-webkit-keyframes medium-editor-image-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes medium-editor-image-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12); }
  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2); }
  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1); }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); } }

@keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12); }
  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2); }
  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1); }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); } }

.medium-editor-anchor-preview {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  line-height: 1.4;
  max-width: 280px;
  position: absolute;
  text-align: center;
  top: 0;
  word-break: break-all;
  word-wrap: break-word;
  visibility: hidden;
  z-index: 2000; }

.medium-editor-anchor-preview a {
  color: #fff;
  display: inline-block;
  margin: 5px 5px 10px; }

.medium-editor-anchor-preview-active {
  visibility: visible; }

.medium-editor-dragover {
  background: #ddd; }

.medium-editor-image-loading {
  -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
  animation: medium-editor-image-loading 1s infinite ease-in-out;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 40px;
  width: 40px; }

.medium-editor-placeholder {
  position: relative; }

.medium-editor-placeholder:after {
  content: attr(data-placeholder) !important;
  font-style: italic;
  left: 0;
  position: absolute;
  top: 0;
  white-space: pre;
  padding: inherit;
  margin: inherit; }

.medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
  border-style: solid;
  content: '';
  display: block;
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 0; }

.medium-toolbar-arrow-under:after {
  border-width: 8px 8px 0 8px; }

.medium-toolbar-arrow-over:before {
  border-width: 0 8px 8px 8px;
  top: -8px; }

.medium-editor-toolbar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 9999; }

.medium-editor-toolbar ul {
  margin: 0;
  padding: 0; }

.medium-editor-toolbar li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0; }

.medium-editor-toolbar li button {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  padding: 15px;
  text-decoration: none; }

.medium-editor-toolbar li button:focus {
  outline: none; }

.medium-editor-toolbar li .medium-editor-action-underline {
  text-decoration: underline; }

.medium-editor-toolbar li .medium-editor-action-pre {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
  font-weight: 100;
  padding: 15px 0; }

.medium-editor-toolbar-active {
  visibility: visible; }

.medium-editor-sticky-toolbar {
  position: fixed;
  top: 1px; }

.medium-editor-relative-toolbar {
  position: relative; }

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
  -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
  animation: medium-editor-pop-upwards 160ms forwards linear; }

.medium-editor-action-bold {
  font-weight: bolder; }

.medium-editor-action-italic {
  font-style: italic; }

.medium-editor-toolbar-form {
  display: none; }

.medium-editor-toolbar-form input,
.medium-editor-toolbar-form a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
  line-height: 14px;
  margin-left: 5px;
  padding-bottom: 5px; }

.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  margin: 0;
  padding: 6px;
  width: 316px;
  display: inline-block; }

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  outline: 0; }

.medium-editor-toolbar-form a {
  display: inline-block;
  font-size: 24px;
  font-weight: bolder;
  margin: 0 10px;
  text-decoration: none; }

.medium-editor-toolbar-actions:after {
  clear: both;
  content: "";
  display: table; }

[data-medium-editor-element] img {
  max-width: 100%; }

[data-medium-editor-element] sub {
  vertical-align: sub; }

[data-medium-editor-element] sup {
  vertical-align: super; }

.medium-editor-hidden {
  display: none; }

.medium-toolbar-arrow-under:after {
  top: 60px;
  border-color: #5ea9c8 transparent transparent transparent; }

.medium-toolbar-arrow-over:before {
  top: -8px;
  border-color: transparent transparent #5ea9c8 transparent; }

.medium-editor-toolbar {
  background-color: #5ea9c8; }

.medium-editor-toolbar li {
  padding: 0; }

.medium-editor-toolbar li button {
  min-width: 60px;
  height: 60px;
  border: none;
  border-right: 1px solid #f8f8f8;
  background-color: transparent;
  color: #fff;
  -webkit-transition: background-color .2s ease-in, color .2s ease-in;
  transition: background-color .2s ease-in, color .2s ease-in; }

.medium-editor-toolbar li button:hover {
  background-color: #31748f;
  color: #fff; }

.medium-editor-toolbar li .medium-editor-button-active {
  background-color: #245569;
  color: #fff; }

.medium-editor-toolbar li .medium-editor-button-last {
  border-right: none; }

.medium-editor-toolbar-form .medium-editor-toolbar-input {
  height: 60px;
  background: #5ea9c8;
  color: #fff; }

.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form a {
  color: #fff; }

.medium-editor-toolbar-anchor-preview {
  background: #5ea9c8;
  color: #fff; }

.medium-editor-placeholder:after {
  color: #fff; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  right: 10px; }

::-webkit-scrollbar:hover {
  background-color: #e8e8e8;
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: #bbb; }

::-webkit-scrollbar-thumb:hover {
  background: #777;
  cursor: pointer; }

/*
    ----------------------------------------------------------------------
    INPUT ELEMENTS
    ----------------------------------------------------------------------
*/
.sdselect {
  width: 210px;
  position: relative; }
  .sdselect.open {
    box-shadow: 0px 0px 5px 0px #d0d0d0 !important; }
    .sdselect.open .sdselect-btn {
      border-bottom: 0 !important; }
  .sdselect:hover .sdselect-btn {
    cursor: pointer; }
  .sdselect .sdselect-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    padding: 6px;
    height: 27px;
    outline: none !important;
    box-shadow: inset 0 0 0 #000 !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #333;
    line-height: 15px;
    font-size: 12px; }
    .sdselect .sdselect-btn .caret {
      margin: 5px 3px 0 0; }
  .sdselect .sdselect-menu {
    position: absolute;
    background: #fff;
    z-index: 10;
    top: 26px;
    left: 0;
    right: 0;
    height: auto;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 2px 2px; }
    .sdselect .sdselect-menu .sdselect-filter {
      padding: 2px 7px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-filter input[type="text"] {
        height: 21px !important;
        padding: 3px !important;
        border: 0 !important;
        min-height: 0;
        box-shadow: 0 0 0 0 #000; }
        .sdselect .sdselect-menu .sdselect-filter input[type="text"]:focus {
          box-shadow: 0 0 0 0 #000 !important; }
    .sdselect .sdselect-menu .sdselect-all {
      padding: 4px 9px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-all a {
        text-decoration: none;
        font-size: 9px;
        text-transform: uppercase;
        color: #989898;
        margin-right: 10px; }
        .sdselect .sdselect-menu .sdselect-all a:hover {
          cursor: pointer;
          color: #666; }
    .sdselect .sdselect-menu .list-holder {
      height: auto;
      max-height: 150px;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 7px 0; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar {
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        width: 13px;
        background: #fff; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar:hover {
          background: #e8e8e8; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb {
        border-left: 4px solid #fff;
        border-right: 4px solid #fff;
        background: #bbb; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb:hover {
          background: #787878; }
    .sdselect .sdselect-menu ul li a {
      display: block;
      padding: 3px 7px;
      font-size: 12px;
      color: #333;
      text-decoration: none; }
      .sdselect .sdselect-menu ul li a:hover {
        cursor: pointer;
        color: #fff;
        background: #0083c4; }
      .sdselect .sdselect-menu ul li a i {
        margin-right: 5px;
        vertical-align: middle;
        margin-top: -4px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }

.searchbar {
  border-radius: 2px !important;
  background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 9px 4px #ffffff !important;
  padding: 0 0 0 35px !important; }
  .searchbar.searchbar-large {
    background-position: 9px 7px !important;
    height: 32px !important;
    font-size: 15px;
    line-height: 26px; }

.flat-searchbar {
  flex-grow: 0; }
  .flat-searchbar .search-handler {
    min-width: 48px;
    height: 48px;
    padding: 10px 10px 10px 14px;
    box-sizing: border-box;
    background: none;
    display: flex;
    white-space: nowrap;
    transition: all 0.3s ease; }
    .flat-searchbar .search-handler input {
      height: 28px;
      line-height: 100%;
      font-size: 14px;
      border: 0 !important;
      width: 0;
      padding: 0;
      background-color: rgba(255, 255, 255, 0);
      transition: all 0.3s ease; }
      .flat-searchbar .search-handler input:focus {
        box-shadow: none !important; }
    .flat-searchbar .search-handler .trigger-icon {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 28px;
      height: 28px;
      display: block;
      opacity: 0.5;
      filter: "alpha(opacity=50)"; }
      .flat-searchbar .search-handler .trigger-icon:hover {
        cursor: pointer;
        opacity: 0.8;
        filter: "alpha(opacity=80)"; }
      .flat-searchbar .search-handler .trigger-icon i {
        padding: 7px 3px 4px 6px; }
  .flat-searchbar .separator-handler {
    margin: 9px 0 0 5px;
    border-right: 2px dotted #bcbcbc;
    height: 30px;
    float: left; }
  .flat-searchbar .search-close {
    border: 0;
    background: none;
    display: none;
    height: 1.6rem;
    width: 1.6rem;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
    padding: 0;
    opacity: 0.35;
    transition: opacity 0.2s ease-out;
    color: currentColor;
    opacity: 0; }
    .flat-searchbar .search-close.visible {
      opacity: 0.35; }
      .flat-searchbar .search-close.visible:hover {
        opacity: 0.7; }
      .flat-searchbar .search-close.visible:active {
        opacity: 1; }
    .flat-searchbar .search-close i {
      display: block; }
  .flat-searchbar .search-start {
    height: 2.8rem;
    width: 2.8rem;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: center;
    margin: 0 0.8rem 0 0;
    padding: 0;
    transition: all 0.2s ease-out;
    background-color: rgba(61, 143, 177, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; }
    .flat-searchbar .search-start i {
      transition: color 0.2s ease-out;
      color: #5ea9c8; }
    .flat-searchbar .search-start.visible {
      opacity: 1; }
      .flat-searchbar .search-start.visible:hover {
        background-color: rgba(61, 143, 177, 0.75); }
        .flat-searchbar .search-start.visible:hover i {
          color: #fff; }
      .flat-searchbar .search-start.visible:active {
        background-color: #3d8fb1; }
        .flat-searchbar .search-start.visible:active i {
          color: #fff; }
    .flat-searchbar .search-start:hover {
      background-color: rgba(61, 143, 177, 0.75); }
      .flat-searchbar .search-start:hover i {
        color: #fff; }
    .flat-searchbar .search-start:active {
      background-color: #3d8fb1; }
      .flat-searchbar .search-start:active i {
        color: #fff; }
  .flat-searchbar.extended {
    flex-grow: 1; }
    .flat-searchbar.extended .search-handler input {
      width: auto;
      padding: 0 6px; }
    .flat-searchbar.extended .separator-handler {
      margin-left: 14px; }
    .flat-searchbar.extended .search-close {
      display: inline-block; }

.monitoring-backlink .separator-handler {
  margin-top: 0;
  margin-right: 10px; }

.filter-type {
  white-space: nowrap; }
  .filter-type__item {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 2px;
    cursor: pointer; }
    .filter-type__item i {
      height: auto;
      color: #999;
      padding: 2px 8px 1px 8px;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(215, 215, 215, 0.7);
      border-radius: 2px;
      box-sizing: border-box; }
    .filter-type__item a {
      height: 21px;
      font-size: 11px;
      font-family: Inter, Helvetica, Arial, sans-serif;
      line-height: 21px;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 2px;
      border: 1px solid #999;
      box-sizing: border-box;
      text-transform: uppercase;
      background: #fff !important;
      color: #333;
      opacity: 0.7; }
      .filter-type__item a:hover {
        color: #000;
        opacity: 1; }
      .filter-type__item a.filter-type__link--blue {
        border-color: #5ea9c8;
        color: #5ea9c8; }
      .filter-type__item a.filter-type__link--dark-blue {
        border-color: #216278;
        color: #216278; }
    .filter-type__item:hover i {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #aaaaaa;
      color: #666; }
    .filter-type__item--active i {
      opacity: 1;
      color: #F5F5F5;
      background: #505050;
      border-color: #505050;
      box-shadow: inset 0 1px 0px #373737 !important; }
    .filter-type__item--active a {
      opacity: 1;
      background: #505050 !important;
      border-color: #373737 #505050 #505050 !important;
      color: #fff !important;
      box-shadow: inset 0 2px 0px #373737 !important; }
    .filter-type__item--active:hover i {
      border-color: rgba(80, 80, 80, 0.8);
      background-color: rgba(80, 80, 80, 0.8);
      color: #F5F5F5; }
    .filter-type__item--active:hover a {
      opacity: 0.8; }

.filter-type--padded {
  padding: 10px 0 10px 20px; }

.result-type {
  margin-left: 10px; }

.dropdown__menu .filter-type {
  padding: 0 10px; }

.dropdown__menu--compare-versions {
  max-height: 400px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--compare-versions li {
    margin-bottom: 2px;
    line-height: 14px !important; }
    .dropdown__menu--compare-versions li .dropdown.open li .dropdown .dropdown__toggle:hover {
      display: none; }
    .dropdown__menu--compare-versions li button {
      width: 300px;
      padding-right: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      border-radius: 0;
      line-height: 14px !important;
      box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .dropdown__menu--compare-versions li button i {
        position: absolute;
        right: -5px;
        top: 9px; }
      .dropdown__menu--compare-versions li button.disabled, .dropdown__menu--compare-versions li button.disabled:hover {
        background: #f0f0f0; }
        .dropdown__menu--compare-versions li button.disabled i, .dropdown__menu--compare-versions li button.disabled:hover i {
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
      .dropdown__menu--compare-versions li button .headline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 500;
        width: 240px;
        display: inline-block; }
      .dropdown__menu--compare-versions li button .desk-details {
        display: flex;
        font-size: 10px;
        margin: 4px 0; }
        .dropdown__menu--compare-versions li button .desk-details span:first-of-type {
          flex-grow: 1; }
      .dropdown__menu--compare-versions li button em {
        font-size: 10px;
        font-weight: 500;
        color: #888;
        float: left;
        padding-right: 10px; }
    .dropdown__menu--compare-versions li .msg {
      padding: 0 20px; }

.dropdown__menu .fieldset button {
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-right: 10px;
  float: right; }

.online-users {
  float: left;
  height: 48px;
  padding-left: 15px;
  margin-left: 5px; }
  .online-users > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 16px 0;
    line-height: 13px; }

[sd-timezone] .timezone-label {
  margin-bottom: 1rem; }

[sd-timezone] .input-term input {
  height: 3.2rem;
  margin-bottom: 5px;
  width: 100%;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border: none;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.3rem;
  color: inherit;
  padding-left: 1rem; }
  [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1); }
  [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

[sd-timezone] .item-list {
  width: 100%;
  color: #333; }

[sd-timezone] .pills-list li {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  font-size: 1.3rem; }
  [sd-timezone] .pills-list li .icon-remove-sign {
    color: inherit; }
  [sd-timezone] .pills-list li #timezone {
    padding-right: 2.5rem;
    flex-grow: 1; }

[class^="--dark-ui"] [sd-timezone] .input-term input,
[class*="--dark-ui"] [sd-timezone] .input-term input {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:hover,
  [class*="--dark-ui"] [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:focus,
  [class*="--dark-ui"] [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input, .timepicker-input {
  position: relative;
  width: auto;
  min-width: 130px; }
  .datepicker-input input, .timepicker-input input {
    width: 100%;
    transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
    padding-right: 3.2rem;
    padding-left: 1.2rem;
    min-height: 3.2rem;
    border: none;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 1.3rem;
    color: inherit; }
    .datepicker-input input:hover, .timepicker-input input:hover {
      border-bottom-color: rgba(0, 0, 0, 0.3);
      background-color: rgba(0, 0, 0, 0.1) !important; }
    .datepicker-input input:focus, .timepicker-input input:focus {
      box-shadow: 0 1px 0 0 #5ea9c8;
      border-color: #5ea9c8; }
    .datepicker-input input.ng-invalid, .timepicker-input input.ng-invalid {
      color: #d10000;
      border-color: #b61818 !important;
      box-shadow: 0 1px 0 0 #b61818 !important; }
  .datepicker-input .icn-btn, .timepicker-input .icn-btn {
    position: absolute;
    right: 2px;
    top: 2px; }

.datepicker-input--dark input, .timepicker-input--dark input {
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: inherit;
  min-height: 32px;
  padding-left: 1.2rem !important; }
  .datepicker-input--dark input:hover, .timepicker-input--dark input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .datepicker-input--dark input:focus, .timepicker-input--dark input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input--dark .icn-btn, .timepicker-input--dark .icn-btn {
  background: transparent;
  top: 50%;
  margin-top: -14px; }

.datepicker-input--dark .name, .timepicker-input--dark .name {
  background-color: #4f4f4f;
  height: 24px;
  font-size: 12px;
  color: #fff; }

.datepicker-input--dark ul > li, .timepicker-input--dark ul > li {
  width: 90%; }

.datepicker-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 260px;
  box-sizing: border-box; }
  .datepicker-wrapper .btn {
    height: 28px; }
    .datepicker-wrapper .btn:hover {
      box-shadow: none; }
  .datepicker-wrapper .btn--mini {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 11px !important;
    height: auto; }
  .datepicker-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .datepicker-wrapper table td, .datepicker-wrapper table th {
      padding: 1px;
      border: 0; }
  .datepicker-wrapper .datepicker-additional {
    margin-bottom: 5px; }
    .datepicker-wrapper .datepicker-additional table {
      width: 100%; }
    .datepicker-wrapper .datepicker-additional .btn {
      width: 100%; }
  .datepicker-wrapper .datepicker-core table {
    width: 100%; }
    .datepicker-wrapper .datepicker-core table thead tr th .btn {
      background: none;
      padding: 0; }
    .datepicker-wrapper .datepicker-core table thead tr:last-child th small {
      font-weight: 500; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn strong {
      font-weight: normal;
      font-size: 14px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn i {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-repeat: no-repeat; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:first-child .btn i {
      margin-left: 3px;
      background-position: -189px -165px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:last-child .btn i {
      margin-right: 3px;
      background-position: -213px -165px; }
    .datepicker-wrapper .datepicker-core table tbody tr:first-child td {
      padding-top: 5px; }
    .datepicker-wrapper .datepicker-core table tbody td {
      padding: 0 2px; }
      .datepicker-wrapper .datepicker-core table tbody td .btn {
        width: 100% !important;
        min-width: 28px !important;
        padding: 0;
        background: none;
        color: #333;
        box-shadow: none; }
        .datepicker-wrapper .datepicker-core table tbody td .btn .text-muted {
          color: #999; }
        .datepicker-wrapper .datepicker-core table tbody td .btn:hover, .datepicker-wrapper .datepicker-core table tbody td .btn.active {
          color: #333;
          box-shadow: inset 0 0 1px 0 #5ea9c8;
          background: #eff7fa; }
        .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active {
          color: #fff;
          background: #5ea9c8; }
          .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary .text-muted, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active .text-muted {
            color: #fff; }

.timepicker-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 200px;
  min-height: 310px;
  box-sizing: border-box; }
  .timepicker-popup .timepicker-additional {
    margin-bottom: 5px; }
    .timepicker-popup .timepicker-additional table {
      width: 100%;
      border-collapse: collapse;
      border: 0; }
      .timepicker-popup .timepicker-additional table td, .timepicker-popup .timepicker-additional table th {
        padding: 1px; }
    .timepicker-popup .timepicker-additional .btn {
      width: 100%;
      letter-spacing: 0; }
    .timepicker-popup .timepicker-additional .btn--mini {
      padding: 4px 6px;
      font-size: 11px;
      line-height: 11px !important;
      height: 20px; }
  .timepicker-popup .timepicker-core .select-area {
    margin-top: 15px;
    border-top: 1px solid #ddd; }
    .timepicker-popup .timepicker-core .select-area .header {
      margin-top: -10px;
      float: left;
      background: #fff;
      text-transform: uppercase;
      color: #adadad;
      font-size: 11px;
      padding-right: 10px; }
    .timepicker-popup .timepicker-core .select-area ul {
      padding-top: 15px;
      *zoom: 1; }
      .timepicker-popup .timepicker-core .select-area ul:before, .timepicker-popup .timepicker-core .select-area ul:after {
        display: table;
        content: ""; }
      .timepicker-popup .timepicker-core .select-area ul:after {
        clear: both; }
      .timepicker-popup .timepicker-core .select-area ul > li {
        float: left;
        box-sizing: border-box;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 2px 2px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        border-radius: 2px; }
        .timepicker-popup .timepicker-core .select-area ul > li:hover {
          background: #eff7fa;
          cursor: pointer; }
        .timepicker-popup .timepicker-core .select-area ul > li.active {
          background: #5ea9c8;
          color: #fff; }

.pills-list.line-input > li {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  box-shadow: none; }
  .pills-list.line-input > li .actions {
    top: -9px; }
  .pills-list.line-input > li:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: transparent !important;
    box-shadow: none; }
  .pills-list.line-input > li:focus {
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important;
    background-color: transparent !important; }

/*
    ----------------------------------------------------------------------
    OTHER CUSTOM ELEMENTS
    ----------------------------------------------------------------------
*/
.backlink, a.backlink {
  text-decoration: none !important;
  color: #333;
  border: 0;
  transition: all ease 0.2s;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .backlink:before, a.backlink:before {
    font-family: 'sd_icons';
    font-weight: normal;
    font-style: normal;
    content: "\E677";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    flex-grow: 0;
    margin: -1px 8px 0 0;
    text-decoration: none !important;
    transition: all ease 0.2s;
    opacity: 0.7; }
  .backlink.white, a.backlink.white {
    color: #fff; }
  .backlink:hover, a.backlink:hover {
    color: #5ea9c8;
    text-decoration: none !important; }
    .backlink:hover:before, a.backlink:hover:before {
      text-decoration: none !important;
      margin: -1px 10px 0 -2px;
      opacity: 1; }

.stage-header__name a {
  transition: all ease 0.2s; }

.widget-content .stage-header__name a {
  text-decoration: none !important; }

.activity-log {
  margin-top: 10px; }
  .activity-log ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .activity-log ul li.activity .activity-content {
      margin-top: -3px;
      padding-right: 20px;
      color: #555; }
      .activity-log ul li.activity .activity-content b {
        font-weight: 500; }
    .activity-log ul li.activity .activity-date {
      font-size: 11px;
      color: #999;
      margin-top: -5px; }
    .activity-log ul li.activity.with-date {
      margin-top: 35px; }
      .activity-log ul li.activity.with-date .date {
        border-top: 1px solid #ebebeb;
        top: -17px;
        position: absolute;
        right: 0;
        left: 0; }
        .activity-log ul li.activity.with-date .date span {
          font-size: 12px;
          color: #999;
          margin-top: -10px;
          display: block;
          float: left;
          background: #f8f8f8;
          padding-right: 5px; }
    .activity-log ul li.activity:hover {
      cursor: default; }

.activity-load-more {
  width: 100%;
  font-size: 12px;
  margin: 20px 0; }

.notification-list {
  margin: 0 1rem;
  margin-bottom: 20px;
  list-style-type: none; }
  .notification-list li {
    background: #393939;
    padding: 10px 5px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    min-height: 45px;
    margin: 10px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
    .notification-list li .content {
      padding-left: 40px; }
      .notification-list li .content .text {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        color: #d7d7d7; }
      .notification-list li .content .date, .notification-list li .content .date time, .notification-list li .content time {
        font-size: 11px;
        color: #848484;
        margin-top: -3px;
        display: block; }
      .notification-list li .content a {
        cursor: pointer;
        color: #5ea9c8; }
        .notification-list li .content a:hover {
          text-decoration: none;
          color: #97c7db; }
    .notification-list li.unread {
      border-color: #545454;
      background: #2c2c2c; }
    .notification-list li.important {
      border: 1px solid #a60101 !important;
      box-shadow: inset 0px 0px 1px 1px #e4b2b2, 0px 2px 2px 0px #d8d8d8 !important; }
    .notification-list li.personal, .notification-list li.important {
      border: 1px solid #c8c8c8;
      border-radius: 3px;
      background: #fff;
      padding: 5px;
      margin-bottom: 7px;
      box-shadow: 0px 2px 2px 0 #d8d8d8; }
      .notification-list li.personal + li, .notification-list li.important + li {
        border-top-width: 0; }
        .notification-list li.personal + li.personal, .notification-list li.personal + li.important, .notification-list li.important + li.personal, .notification-list li.important + li.important {
          border-top-width: 1px; }
    .notification-list li .info {
      color: #e0e0e0; }
  .notification-list.white li {
    background: #fff;
    border-color: #dedede;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
    .notification-list.white li .content .text {
      color: #333; }
    .notification-list.white li.active {
      border-color: #999;
      box-shadow: 0 1px 2px 0 #666; }

.notification-pane ::-webkit-scrollbar:hover {
  background-color: #4a4a4a; }

.notification-pane ::-webkit-scrollbar-thumb {
  background: #5a5a5a; }

.notification-pane ::-webkit-scrollbar-thumb:hover {
  background: #666; }

.hard-error {
  position: fixed;
  top: 0;
  right: 200px;
  z-index: 9999;
  width: auto;
  max-width: 400px; }
  .hard-error .alert {
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0 15px; }
  .hard-error .alert-error {
    background-color: #612525;
    color: #cc7c7b;
    text-shadow: none; }
  .hard-error:hover .alert {
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    overflow: visible;
    white-space: pre-wrap; }

.sd-pagination {
  padding: 7px 20px; }
  .sd-pagination .btn i {
    margin-right: 0; }
  .sd-pagination .page-info {
    margin-right: 20px;
    display: inline-block; }
    .sd-pagination .page-info input {
      display: inline-block;
      width: 30px;
      text-align: center;
      margin-top: -1px;
      padding: 6px 3px !important;
      border-radius: 5px;
      margin: 0 5px;
      box-shadow: inset 0 5px 5px -5px #acacac; }
  .sd-pagination .btn-group, .sd-pagination .btn-group > .btn {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  .sd-pagination .btn-group > .btn + .btn {
    margin-left: 0px; }

.assignment-menu .assignment-box {
  width: 270px; }
  .assignment-menu .assignment-box h5 {
    border: 0; }
  .assignment-menu .assignment-box .assignment-content .assignment-result-list {
    margin-top: 10px;
    height: 140px;
    overflow: auto; }
    .assignment-menu .assignment-box .assignment-content .assignment-result-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li {
        height: 32px;
        margin-bottom: 3px; }
        .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li span {
          font-size: 13px;
          color: #4f4f4f;
          line-height: 24px;
          margin-left: 10px; }

.sortbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 5px;
  padding: 0 10px; }
  .sortbar > * + * {
    margin-left: 4px; }
  .sortbar .lab {
    margin-right: 10px; }
  .sortbar .dropdown__toggle {
    color: #686868;
    min-width: auto !important; }
  .sortbar .direction {
    background: none;
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.selectionlist {
  list-style-type: none;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: auto; }
  .selectionlist li {
    line-height: 16px;
    height: 16px;
    padding: 4px;
    margin-bottom: 3px;
    border-radius: 3px;
    background: #e8e8e8; }
  .selectionlist .sf-toggle-custom {
    margin-top: -1px;
    float: right; }

.plain-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .plain-list.plain-border-top {
    border-top: 1px solid #e5e5e5; }
  .plain-list > li {
    border-bottom: 1px solid #e5e5e5;
    height: 41px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box; }
    .plain-list > li:hover {
      background: #eff7fa; }
    .plain-list > li .btn--mini {
      margin-top: 10px; }

.plain-small > li {
  height: 31px;
  line-height: 30px; }

.users-list > li .name {
  font-size: 13px;
  color: #3599b6; }

.sd-mentions-item > div {
  display: flex;
  align-items: center;
  padding: 4px;
  min-height: 38px; }
  .sd-mentions-item > div * + * {
    margin-left: 6px; }

.sd-mentions-item.active > div {
  background: #84bdd5;
  cursor: pointer;
  color: #fff; }

.users-list-embed {
  position: relative; }
  .users-list-embed > li {
    padding: 4px 6px;
    clear: both; }
    .users-list-embed > li:hover, .users-list-embed > li.active {
      cursor: pointer;
      color: #fff; }
    .users-list-embed > li:hover {
      background: #84bdd5; }
    .users-list-embed > li:active {
      background: #97c7db; }
    .users-list-embed > li.active {
      background: #5ea9c8; }
    .users-list-embed > li.inactive {
      color: #ccc; }

.mentio-menu {
  padding: 5px;
  border: 1px solid #ddd;
  max-height: 126px;
  z-index: 9999 !important;
  overflow: auto;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  width: 190px;
  bottom: 5px; }
  .mentio-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.card-list > li, .card {
  display: block;
  padding: 10px;
  background: #fff;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  margin-bottom: 7px;
  position: relative; }
  .card-list > li:not([disabled]):hover, .card:not([disabled]):hover {
    cursor: pointer;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li:not([disabled]):hover .action, .card:not([disabled]):hover .action {
      display: block !important; }
  .card-list > li.selected, .card.selected {
    background-color: #eff7fa;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li.selected:hover, .card.selected:hover {
      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }
  .card-list > li[disabled], .card[disabled] {
    cursor: default !important;
    background-color: rgba(255, 255, 255, 0.45); }
  .card-list > li .action, .card .action {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 200px; }
    .card-list > li .action ul, .card .action ul {
      height: 100%;
      text-align: right; }
    .card-list > li .action .item-field, .card .action .item-field {
      height: 100%; }
      .card-list > li .action .item-field span, .card .action .item-field span {
        display: none; }
      .card-list > li .action .item-field a, .card .action .item-field a {
        padding: 0 23px;
        line-height: 62px;
        display: block; }

.active .card {
  background-color: #eff7fa;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
  .active .card:hover {
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }

.pills-list {
  max-width: 650px; }
  .pills-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background: #fff;
    margin-bottom: 6px;
    margin-right: 2px;
    border-radius: 2px;
    padding: 10px 16px;
    min-height: 18px;
    color: inherit;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.08);
    transition: all ease-in-out 0.2s; }
    .pills-list > li:hover {
      box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.2); }
    .pills-list > li.active {
      background: #5ea9c8;
      box-shadow: inset 0 2px 0 #3e92b5; }
      .pills-list > li.active:not(.editable) {
        color: #fff; }
    .pills-list > li.inactive {
      opacity: 0.5; }
    .pills-list > li.empty-info {
      background: transparent;
      border: 1px dotted rgba(123, 123, 123, 0.5);
      opacity: 0.75;
      box-shadow: none !important; }
    .pills-list > li .dropdown {
      margin-top: -3px; }
    .pills-list > li .actions {
      display: none;
      position: absolute;
      top: 0px;
      right: 4px; }
      .pills-list > li .actions button {
        transition: opacity ease-in-out 0.2s;
        border: 0;
        height: 30px;
        width: 30px;
        margin: 3px;
        background: none;
        text-align: center;
        display: block;
        float: left;
        line-height: 0;
        opacity: 0.4; }
        .pills-list > li .actions button:hover {
          cursor: pointer;
          opacity: 1; }
        .pills-list > li .actions button i {
          margin-top: -2px; }
    .pills-list > li h6 {
      text-transform: none;
      color: inherit;
      font-size: 14px;
      font-weight: 300;
      float: left;
      max-width: 99%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .pills-list > li .label-group {
      display: inline-block; }
      .pills-list > li .label-group.label-group--right {
        float: right; }
    .pills-list > li .label {
      font-size: 9px;
      font-weight: 700;
      padding: 2px 5px;
      line-height: 12px;
      margin-left: 5px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 400; }
    .pills-list > li:hover .actions {
      display: block !important; }
    .pills-list > li:hover h6 {
      max-width: 550px; }
    .pills-list > li h5 {
      display: inline-block; }
  .pills-list.pills-editable li.editable {
    padding: 0;
    height: auto;
    background: transparent; }
    .pills-list.pills-editable li.editable input {
      height: 30px;
      line-height: 30px;
      border-radius: 3px; }

[class^="--dark-ui"] .pills-list > li,
[class*="--dark-ui"] .pills-list > li {
  background: #4f4f4f; }

.pill-small {
  width: 200px;
  margin: 4px; }

.item-field {
  border-left: 1px solid #d8d8d8;
  display: inline-block; }
  .item-field span {
    display: none; }
  .item-field button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: text-top; }
  .item-field:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: #e0e0e0; }
  .item-field.disabled {
    cursor: default; }
    .item-field.disabled i {
      opacity: 0.3;
      filter: "alpha(opacity=30)"; }
    .item-field.disabled:hover {
      background: #e8e8e8; }

.dropdown .item-field {
  display: block;
  border-left: 0; }
  .dropdown .item-field span {
    display: inline-block; }

.dropdown .item-field:hover {
  background: none; }

.or-label {
  position: relative;
  text-align: center;
  font-style: italic; }
  .or-label:before {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: -75px; }
  .or-label:after {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: 15px; }

.list-group {
  box-sizing: border-box;
  width: 300px; }
  .list-group .list-group-item {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
    background-color: #fff; }
    .list-group .list-group-item:first-child {
      border-width: 1px;
      border-radius: 5px 5px 0 0; }
    .list-group .list-group-item:last-child {
      border-radius: 0 0 5px 5px; }
    .list-group .list-group-item:hover {
      background-color: #f4f4f4;
      cursor: pointer; }
    .list-group .list-group-item a {
      text-decoration: none;
      color: #444; }

.shadow-list-holder {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  box-sizing: border-box; }

.scroll-shadow {
  height: 0; }
  .scroll-shadow .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    height: 4px;
    position: relative;
    z-index: 503;
    transition: linear 0.1s all;
    opacity: 0;
    filter: "alpha(opacity=0)"; }
  .scroll-shadow.shadow .inner {
    opacity: 1;
    filter: "alpha(opacity=100)"; }

.toggle-box__button {
  transition: color ease-in-out 0.2s;
  color: #999;
  cursor: pointer; }
  .toggle-box__button i {
    color: inherit;
    margin-right: 5px;
    vertical-align: text-bottom; }
  .toggle-box__button:hover {
    text-decoration: none;
    color: #fff; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0; }
  .fade.in {
    opacity: 1; }

.close {
  float: right;
  line-height: 18px;
  opacity: 0.2;
  filter: "alpha(opacity=20)"; }
  .close:hover {
    text-decoration: none;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    cursor: pointer; }
  .close i {
    vertical-align: middle; }

.draggable-list__item {
  background-color: #fff;
  padding: 18px 14px 19px 25px;
  margin-bottom: 10px;
  cursor: move;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .draggable-list__item.placeholder {
    background: none;
    box-shadow: none;
    border: 2px dashed #ebebeb; }
  .draggable-list__item:after {
    content: "";
    width: 10px;
    top: 0;
    bottom: 0;
    left: 2px;
    background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px;
    opacity: 0.2;
    position: absolute;
    display: block; }
  .draggable-list__item:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    .draggable-list__item:hover:after {
      opacity: 0.8; }
  .draggable-list__item--small {
    padding: 10px 14px 10px 25px; }
  .draggable-list__item--no-padding {
    padding: 0 0 0 8px; }
    .draggable-list__item--no-padding:after {
      width: 6px;
      left: 2px;
      background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 0px top 3px; }

.draggable-list.serial-decimal {
  list-style-type: decimal !important;
  padding-top: 0px;
  margin-left: 5px; }
  .draggable-list.serial-decimal > li {
    word-spacing: 2px;
    line-height: 0px; }
  .draggable-list.serial-decimal .sort-item.active {
    background-color: #eee; }

.ui-resizable-e {
  cursor: col-resize !important; }

.spinner-big {
  background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center; }

.spinner-alt {
  background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center; }

.sd-check__wrapper .sd-checkbox + label {
  font-size: 13px;
  font-weight: 400;
  color: inherit;
  height: auto;
  text-transform: none; }
  .sd-check__wrapper .sd-checkbox + label.label--active {
    color: #479dc0; }

.sd-toggle + label {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  height: auto;
  text-transform: none; }

.definition-list .definition-list__term {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  font-weight: 400; }

.definition-list .definition-list__item {
  padding: 0.3rem 0;
  margin-left: 0;
  font-size: 1.4rem;
  font-weight: 300; }

.definition-list .definition-list__item + .definition-list__term {
  margin-top: 2rem; }

.nav-button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0; }
  .nav-button-bar .btn {
    flex-grow: 0;
    flex-shrink: 0; }

.sd-line-input__message--with-char-count {
  padding-right: 10rem; }

.sd-list-item.inactive {
  background-color: transparent;
  color: rgba(123, 123, 123, 0.75); }

.sd-toggle + label {
  letter-spacing: 0; }

.sd-list-item__text-label time {
  padding: 0;
  font-style: normal; }

[sd-meta-terms] {
  min-height: 2.8rem; }

.line-input--boxed .input-term input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.4rem;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .line-input--boxed .input-term input[type="text"]:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: rgba(0, 0, 0, 0.1) !important; }
  .line-input--boxed .input-term input[type="text"]:focus {
    background-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important; }

.line-input--boxed .terms-list {
  width: 100%;
  margin-top: 0.8rem; }

sd-tag-input + .sd-line-input__message {
  margin-top: -2rem; }

sd-multi-image-edit {
  height: 100vh;
  display: flex;
  flex-direction: column; }

.sd-wrap-helper {
  display: contents !important; }

.subnav {
  z-index: 5; }

.subnav + .subnav {
  z-index: 4; }

.sd-margin-all--0 {
  margin: 0 !important; }

.locked-info {
  display: flex;
  align-items: center;
  background: #EA484B;
  color: #fff;
  padding: 0.4rem;
  padding-right: 0;
  height: 3.2rem;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }

.locked-info__label {
  opacity: 0.8;
  font-weight: 300;
  margin-right: 0.4rem; }

.locked-info__name {
  font-weight: 400;
  margin-right: 1.2rem; }

.locked-info__button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  border-radius: 1.2rem;
  padding: 0 1.4rem;
  background-color: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: #fff;
  font-size: 1.1rem;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0.4rem 0 0; }
  .locked-info__button:hover {
    background-color: rgba(0, 0, 0, 0.16); }

.locked-info__avatar {
  margin-right: 4px;
  margin-left: -2px;
  transform: scale(0.9); }

.sd-dropdown-item {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #333;
  padding: .6rem 1.6rem;
  margin-bottom: .2rem;
  font-size: 1.3rem;
  text-align: left; }
  .sd-dropdown-item:hover {
    background: #eff7fa; }

.sd-alert [class^="icon-"],
.sd-alert [class*=" icon-"] {
  color: inherit; }

.sd-content-box {
  border-radius: 4px; }
  .sd-content-box--light {
    background-color: #fff; }
  .sd-content-box--emphasise {
    background-color: #fff;
    border: 1px solid rgba(94, 169, 200, 0.6); }

.sd-position--relative {
  position: relative !important; }

.sd-position--absolute {
  position: absolute !important; }

.sd-empty {
  display: contents !important; }

.a11y-only {
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.panel__heading {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 48px; }

.main-section--pinned-tabs .authoring-header,
.main-section--pinned-tabs .main-article {
  margin-right: 330px; }

.main-section--pinned-tabs .authoring-sticky {
  margin-right: 338px; }

.main-section--pinned-tabs .pinned-tab__wrapper {
  width: 330px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

.pinned-tab__wrapper {
  background-color: #fff;
  width: 0;
  overflow: hidden;
  position: absolute;
  right: 48px;
  top: 0;
  bottom: 32px;
  z-index: 1; }

.pinned-tab__wrapper {
  overflow: hidden; }
  .pinned-tab__wrapper .tabcontent {
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 1px;
    right: 1px;
    overflow: hidden; }
  .pinned-tab__wrapper .sd-widget {
    width: auto;
    height: 100%;
    position: relative;
    border: 0; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }
  .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: #f8f8f8; }
  .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
    line-height: 100%;
    font-size: 1.4rem;
    padding: 0 1rem; }
  .pinned-tab__wrapper .sd-widget.related-item .existing-items {
    top: -35px; }
  .pinned-tab__wrapper .sd-widget.ingest .preview,
  .pinned-tab__wrapper .sd-widget.archive .preview,
  .pinned-tab__wrapper .sd-widget.related-item .preview,
  .pinned-tab__wrapper .sd-widget.aggregate .preview,
  .pinned-tab__wrapper .sd-widget.package-manager .preview,
  .pinned-tab__wrapper .sd-widget.packages .preview,
  .pinned-tab__wrapper .sd-widget.user-activity .preview {
    top: 0; }

.workqueue .main-section--pinned-tabs .widget-wrapper.active-right .tabpane.right-tabpane {
  display: none !important; }

.pinned .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none; }
  .pinned .sd-sidetab-menu__btn [class^="big-icon-"],
  .pinned .sd-sidetab-menu__btn [class*=" big-icon-"] {
    color: rgba(255, 255, 255, 0.5) !important; }

/* classic icons*/
.icon-unplug {
  background-image: url(98b4de057ec51a608a851751be931e08.png); }

.active [class^="big-icon-"],
.active [class*=" big-icon-"],
.active button:hover [class^="big-icon-"],
.active button:hover [class*=" big-icon-"],
.active a:hover [class^="big-icon-"],
.active a:hover [class*=" big-icon-"] {
  opacity: 1;
  color: white; }

.sd-sidetab-menu--right .active [class^="big-icon-"],
.sd-sidetab-menu--right .active [class*=" big-icon-"],
.sd-sidetab-menu--right .active button:hover [class^="big-icon-"],
.sd-sidetab-menu--right .active button:hover [class*=" big-icon-"],
.sd-sidetab-menu--right .active a:hover [class^="big-icon-"],
.sd-sidetab-menu--right .active a:hover [class*=" big-icon-"] {
  color: #3783a2 !important; }

[class^="filetype-icon-"], [class*="filetype-icon-"] {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-family: 'sd_icons';
  font-size: 16px;
  color: #333;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.filetype-icon-photo:before, .filetype-icon-picture:before {
  content: "\E600"; }

.filetype-icon-video:before {
  content: "\E601"; }

.filetype-icon-slideshow:before {
  content: "\E603"; }

.filetype-icon-audio:before {
  content: "\E608"; }

.filetype-icon-file:before {
  content: "\E605"; }

.filetype-icon-maps:before {
  content: "\E602"; }

.filetype-icon-calendar:before {
  content: "\E606"; }

.filetype-icon-text:before, .filetype-icon-preformatted:before {
  content: "\E604"; }

.filetype-icon-composite:before {
  content: "\E607"; }

.filetype-icon-graphic:before {
  content: "\E66D"; }

.filetype-icon-highlight-pack:before {
  content: "\E671"; }

[class^="filetype-icon-large-"], [class*="filetype-icon-large"] {
  font-family: Arial, Helvetica, sans-serif;
  height: 24px;
  width: 24px;
  display: inline-block;
  color: #333333;
  line-height: 24px;
  vertical-align: top;
  position: relative;
  padding-left: 0;
  float: none;
  background-repeat: no-repeat; }

.filetype-icon-large-composite {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-composite.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); }

.lightbox-composite .icons-holder .filetype-icon-large-composite {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); }

.filetype-icon-large-text {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-text.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K); }

.lightbox-composite .icons-holder .filetype-icon-large-text {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K); }

.filetype-icon-large-video {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44QzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweg0KCSBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjhjMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjENCgljLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-video.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44DQoJQzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweiBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDMNCglTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjgNCgljMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjFjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K); }

.lightbox-composite .icons-holder .filetype-icon-large-video {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44DQoJQzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweiBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDMNCglTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjgNCgljMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjFjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K); }

.filetype-icon-large-audio {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNiw2SDguNmMtMC40LDAtMC43LDAuMS0xLDAuNEw1LDljLTAuNSwwLjUtMSwxLTIsMUgwLjlDMC40LDEwLDAsMTAuNCwwLDEwLjkNCgkJCWwwLDIuMUMwLDEzLjYsMC40LDE0LDAuOSwxNEgzYzAuOSwwLDEuNSwwLjUsMiwxbDIuNiwyLjZjMC4zLDAuMywwLjYsMC40LDEsMC40aDEuMWMwLjIsMCwwLjQtMC4yLDAuNC0wLjRWNi40DQoJCQlDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42YzIuMiwyLjUsMy42LDUuOCwzLjYsOS40YzAsMy42LTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTENCgkJCUMyMy4yLDcuOCwyMS43LDMuOSwxOS4xLDF6IE0xNS45LDQuMWwtMS4xLDEuNmMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLTgNCgkJCUMxOSw4LjksMTcuOCw2LjIsMTUuOSw0LjF6IE0xMi44LDcuM0wxMiw5YzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuNw0KCQkJQzE0LjksMTAuMSwxNC4xLDguNCwxMi44LDcuM3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); }
  .filetype-icon-large-audio.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuNiw2aC0xYy0wLjQsMC0wLjcsMC4xLTEsMC40TDUsOWMtMC41LDAuNS0xLDEtMiwxSDAuOUMwLjQsMTAsMCwxMC40LDAsMTAuOVYxM2MwLDAuNiwwLjQsMSwwLjksMUgzDQoJCQljMC45LDAsMS41LDAuNSwyLDFsMi42LDIuNmMwLjMsMC4zLDAuNiwwLjQsMSwwLjRoMS4xYzAuMiwwLDAuNC0wLjIsMC40LTAuNFY2LjRDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42DQoJCQljMi4yLDIuNSwzLjYsNS44LDMuNiw5LjRzLTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTFTMjEuNywzLjksMTkuMSwxeiBNMTUuOSw0LjFsLTEuMSwxLjYNCgkJCWMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLThDMTksOC45LDE3LjgsNi4yLDE1LjksNC4xeiBNMTIuOCw3LjNMMTIsOQ0KCQkJYzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuN0MxNC45LDEwLjEsMTQuMSw4LjQsMTIuOCw3LjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); }

.lightbox-composite .icons-holder .filetype-icon-large-audio {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuNiw2aC0xYy0wLjQsMC0wLjcsMC4xLTEsMC40TDUsOWMtMC41LDAuNS0xLDEtMiwxSDAuOUMwLjQsMTAsMCwxMC40LDAsMTAuOVYxM2MwLDAuNiwwLjQsMSwwLjksMUgzDQoJCQljMC45LDAsMS41LDAuNSwyLDFsMi42LDIuNmMwLjMsMC4zLDAuNiwwLjQsMSwwLjRoMS4xYzAuMiwwLDAuNC0wLjIsMC40LTAuNFY2LjRDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42DQoJCQljMi4yLDIuNSwzLjYsNS44LDMuNiw5LjRzLTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTFTMjEuNywzLjksMTkuMSwxeiBNMTUuOSw0LjFsLTEuMSwxLjYNCgkJCWMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLThDMTksOC45LDE3LjgsNi4yLDE1LjksNC4xeiBNMTIuOCw3LjNMMTIsOQ0KCQkJYzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuN0MxNC45LDEwLjEsMTQuMSw4LjQsMTIuOCw3LjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); }

.filetype-icon-large-picture,
.filetype-icon-large-image {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTAsMHYyMGgyNFYwSDB6IE0yMywxNkgxVjFoMjJWMTZ6Ii8+DQo8Y2lyY2xlIGN4PSI1LjUiIGN5PSI1LjUiIHI9IjIuNSIvPg0KPHBhdGggZD0iTTIsMTVsMy01bDIsMmw0LTVsMiwzbDQtN2MwLDAsMi43LDUuNywzLjQsNi43UzIyLDEyLDIyLDEydjNIMnoiLz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-picture.icon-white,
  .filetype-icon-large-image.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCwwdjIwaDI0VjBIMHogTTIzLDE2SDFWMWgyMlYxNnoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjUuNSIgY3k9IjUuNSIgcj0iMi41Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMiwxNWwzLTVsMiwybDQtNWwyLDNsNC03YzAsMCwyLjcsNS43LDMuNCw2LjdTMjIsMTIsMjIsMTJ2M0gyeiIvPg0KPC9zdmc+DQo=); }

.lightbox-composite .icons-holder .filetype-icon-large-picture,
.lightbox-composite .icons-holder .filetype-icon-large-image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCwwdjIwaDI0VjBIMHogTTIzLDE2SDFWMWgyMlYxNnoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjUuNSIgY3k9IjUuNSIgcj0iMi41Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMiwxNWwzLTVsMiwybDQtNWwyLDNsNC03YzAsMCwyLjcsNS43LDMuNCw2LjdTMjIsMTIsMjIsMTJ2M0gyeiIvPg0KPC9zdmc+DQo=); }

.arrow-icon-large-left {
  width: 32px;
  height: 56px;
  display: inline-block;
  background: url(de6d75af6b355dbf9cfbbd1cbe869089.png) no-repeat 0 0; }

.arrow-icon-large-right {
  width: 32px;
  height: 56px;
  display: inline-block;
  background: url(de6d75af6b355dbf9cfbbd1cbe869089.png) no-repeat -32px 0; }

/* * * * * *  SVG ICONS  * * * * * */
[class^="svg-icon-"], [class*="svg-icon-"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-icon-plus {
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwIDEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTAsNCA2LDQgNiwwIDQsMCA0LDQgMCw0IDAsNiA0LDYgNCwxMCA2LDEwIDYsNiAxMCw2ICIvPg0KPC9zdmc+DQo=); }

.svg-icon-ok {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNjI2MzYzIiBkPSJNMjEuNjUyLDMuMjExYy0wLjI5My0wLjI5NS0wLjc3MS0wLjI5NS0xLjA2MiwwTDkuNDEsMTQuMzRjLTAuMjkzLDAuMjk3LTAuNzcxLDAuMjk3LTEuMDYyLDBMMy40NDksOS4zNTENCglDMy4zMDQsOS4yMDMsMy4xMTQsOS4xMywyLjkyMyw5LjEyOUMyLjczLDkuMTI4LDIuNTM0LDkuMjAxLDIuMzg3LDkuMzUxbC0yLjE2NSwxLjk0NkMwLjA3OCwxMS40NDUsMCwxMS42MywwLDExLjgyMw0KCWMwLDAuMTk0LDAuMDc4LDAuMzk2LDAuMjIzLDAuNTQ0bDQuOTQsNS4xODRjMC4yOTIsMC4yOTcsMC43NzEsMC43NzYsMS4wNjIsMS4wN2wyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwDQoJbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiLz4NCjwvc3ZnPg0K); }
  .svg-icon-ok.inverse {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEuNjUyLDMuMjExYy0wLjI5My0wLjI5NS0wLjc3MS0wLjI5NS0xLjA2MiwwTDkuNDEsMTQuMzRjLTAuMjkzLDAuMjk3LTAuNzcxLDAuMjk3LTEuMDYyLDBMMy40NDksOS4zNTENCglDMy4zMDQsOS4yMDMsMy4xMTQsOS4xMywyLjkyMyw5LjEyOUMyLjczLDkuMTI4LDIuNTM0LDkuMjAxLDIuMzg3LDkuMzUxbC0yLjE2NSwxLjk0NkMwLjA3OCwxMS40NDUsMCwxMS42MywwLDExLjgyMw0KCWMwLDAuMTk0LDAuMDc4LDAuMzk2LDAuMjIzLDAuNTQ0bDQuOTQsNS4xODRjMC4yOTIsMC4yOTcsMC43NzEsMC43NzYsMS4wNjIsMS4wN2wyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwDQoJbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiLz4NCjwvc3ZnPg0K); }

.svg-icon-move {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMV8xXyI+DQo8L2c+DQo8ZyBpZD0ibW92ZSI+DQoJPGc+DQoJCTxwb2x5Z29uIGZpbGw9IiM2MTYzNjMiIHBvaW50cz0iMTgsMjAgMTgsMjYgMjIsMjYgMTYsMzIgMTAsMjYgMTQsMjYgMTQsMjAgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIxNCwxMiAxNCw2IDEwLDYgMTYsMCAyMiw2IDE4LDYgMTgsMTIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIxMiwxOCA2LDE4IDYsMjIgMCwxNiA2LDEwIDYsMTQgMTIsMTQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIyMCwxNCAyNiwxNCAyNiwxMCAzMiwxNiAyNiwyMiAyNiwxOCAyMCwxOCAJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); }
  .svg-icon-move.inverse {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMV8xXyI+DQo8L2c+DQo8ZyBpZD0ibW92ZSI+DQoJPGc+DQoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTgsMjAgMTgsMjYgMjIsMjYgMTYsMzIgMTAsMjYgMTQsMjYgMTQsMjAgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxNCwxMiAxNCw2IDEwLDYgMTYsMCAyMiw2IDE4LDYgMTgsMTIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMiwxOCA2LDE4IDYsMjIgMCwxNiA2LDEwIDYsMTQgMTIsMTQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyMCwxNCAyNiwxNCAyNiwxMCAzMiwxNiAyNiwyMiAyNiwxOCAyMCwxOCAJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); }

.svg-icon-down, .svg-icon-top, .svg-icon-right, .svg-icon-left {
  width: 25px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDIzIDEzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMyAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM2MjYyNjIiIGQ9Ik0yMi42IDAuNEwyMi42IDAuNGMtMC42LTAuNi0xLjUtMC42LTIuMSAwbC04LjkgOC45TDIuNiAwLjRDMi0wLjEgMS0wLjEgMC40IDAuNHYwQy0wLjEgMS0wLjEgMiAwLjQgMi42IGwxMCAxMGMwIDAgMCAwIDAgMGMwLjMgMC4zIDAuNyAwLjQgMS4xIDAuNGMwLjQgMCAwLjgtMC4xIDEuMS0wLjRjMCAwIDAgMCAwIDBsMTAtMTBDMjMuMSAyIDIzLjEgMSAyMi42IDAuNHoiLz4KPC9zdmc+Cg==); }
  .svg-icon-down.inverse, .svg-icon-top.inverse, .svg-icon-right.inverse, .svg-icon-left.inverse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDIzIDEzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMyAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMi42IDAuNEwyMi42IDAuNGMtMC42LTAuNi0xLjUtMC42LTIuMSAwbC04LjkgOC45TDIuNiAwLjRDMi0wLjEgMS0wLjEgMC40IDAuNHYwQy0wLjEgMS0wLjEgMiAwLjQgMi42IGwxMCAxMGMwIDAgMCAwIDAgMGMwLjMgMC4zIDAuNyAwLjQgMS4xIDAuNGMwLjQgMCAwLjgtMC4xIDEuMS0wLjRjMCAwIDAgMCAwIDBsMTAtMTBDMjMuMSAyIDIzLjEgMSAyMi42IDAuNHoiLz4KPC9zdmc+Cg==); }

.svg-icon-left {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.svg-icon-top {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.svg-icon-right {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.svg-icon-add-to-list {
  height: 18px;
  opacity: 0.5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDIwIDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHk9IjQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeT0iOCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4NCgk8cG9seWdvbiBwb2ludHM9IjE2LDEyIDE2LDggMTQsOCAxNCwxMiAxMCwxMiAxMCwxNCAxNCwxNCAxNCwxOCAxNiwxOCAxNiwxNCAyMCwxNCAyMCwxMiAJIi8+DQoJPHJlY3QgeT0iMTIiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K); }
  .svg-icon-add-to-list.inverse {
    opacity: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDIwIDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHk9IjQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeT0iOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4NCgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE2LDEyIDE2LDggMTQsOCAxNCwxMiAxMCwxMiAxMCwxNCAxNCwxNCAxNCwxOCAxNiwxOCAxNiwxNCAyMCwxNCAyMCwxMiAJIi8+DQoJPHJlY3QgeT0iMTIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K); }

.sf-logo {
  display: block;
  background: url(ac0937f0d9650f7b80a67ed66ae22c28.svg) no-repeat 0 0;
  width: 124px;
  height: 32px; }

.search-list {
  position: relative;
  width: 100%;
  border: 1px solid #d0d0d0; }
  .search-list .search-list-button {
    width: 98%;
    padding: 4px;
    background-color: #fff;
    border: 0;
    border-radius: 2px !important;
    text-align: left; }
    .search-list .search-list-button .caret {
      position: absolute;
      top: 12px;
      right: 10px; }
  .search-list .search-list-content {
    position: absolute;
    z-index: 1000;
    top: 100%;
    width: 100%;
    margin: 0px;
    padding: 4px;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border: 1px solid #dcdcdc; }
    .search-list .search-list-content .close-list {
      position: absolute;
      right: 5px;
      top: 5px;
      border: 0;
      background: none;
      border-radius: 2px;
      line-height: 15px;
      height: 15px; }
    .search-list .search-list-content .selected-list {
      margin-right: 2px;
      border-bottom: 1px solid #d0d0d0;
      width: 98%;
      box-sizing: border-box; }
      .search-list .search-list-content .selected-list .selected-helper {
        margin-left: 40px; }
    .search-list .search-list-content .unselected-list input {
      margin-left: 20px;
      width: 200px;
      left: 0;
      right: 0;
      top: 0;
      height: 28px;
      border: 1px solid #dcdcdc !important;
      box-sizing: border-box; }
    .search-list .search-list-content .unselected-list .pagination button {
      border: 0;
      color: #000;
      left: 0;
      right: 0;
      top: 0;
      border-radius: 2px;
      line-height: 15px;
      height: 15px; }
    .search-list .search-list-content .unselected-list .page-info {
      margin-right: 2px;
      border-bottom: 1px solid #d0d0d0;
      box-sizing: border-box;
      width: 98%; }
    .search-list .search-list-content .select-button {
      padding: 4px;
      margin-left: 10px;
      background-color: #fff;
      border: 0;
      text-align: left;
      width: 97%; }
      .search-list .search-list-content .select-button:hover {
        background-color: #f0f0f0; }

.hamburger {
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.15s;
  transition-timing-function: linear; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active {
    opacity: 0.5; }
    .hamburger.is-active:hover {
      opacity: 0.7; }
    .hamburger.is-active .hamburger__inner,
    .hamburger.is-active .hamburger__inner::before,
    .hamburger.is-active .hamburger__inner::after {
      background-color: #fff; }

.hamburger__box {
  width: 18px;
  height: 15px;
  display: inline-block;
  position: relative; }

.hamburger__inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger__inner, .hamburger__inner::before, .hamburger__inner::after {
    width: 18px;
    height: 3px;
    background-color: #fff;
    border-radius: 1px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger__inner::before, .hamburger__inner::after {
    content: "";
    display: block; }
  .hamburger__inner::before {
    top: -6px; }
  .hamburger__inner::after {
    bottom: -6px; }

/* Spin */
.hamburger--spin .hamburger__inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger__inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger__inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger__inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger__inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger__inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Squeeze */
.hamburger--squeeze .hamburger__inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger__inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger__inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger__inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger__inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger__inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sd-photo-preview .jcrop-handle {
  opacity: 1 !important;
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 12px;
  height: 12px;
  font-size: 1px;
  border-radius: 50%; }

.sd-photo-preview .jcrop-handle.ord-n {
  margin-left: -6px;
  margin-top: -6px; }

.sd-photo-preview .jcrop-handle.ord-s {
  margin-bottom: -6px;
  margin-left: -6px; }

.sd-photo-preview .jcrop-handle.ord-e {
  margin-right: -6px;
  margin-top: -6px; }

.sd-photo-preview .jcrop-handle.ord-w {
  margin-left: -6px;
  margin-top: -6px; }

.sd-photo-preview .jcrop-handle.ord-nw {
  margin-left: -6px;
  margin-top: -6px; }

.sd-photo-preview .jcrop-handle.ord-ne {
  margin-right: -6px;
  margin-top: -6px; }

.sd-photo-preview .jcrop-handle.ord-se {
  margin-bottom: -6px;
  margin-right: -6px; }

.sd-photo-preview .jcrop-handle.ord-sw {
  margin-bottom: -6px;
  margin-left: -6px; }

.sd-photo-preview .sd-grid-item .jcrop-handle {
  width: 8px;
  height: 8px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-n {
  margin-left: -4px;
  margin-top: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-s {
  margin-bottom: -4px;
  margin-left: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-w {
  margin-left: -4px;
  margin-top: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-nw {
  margin-left: -4px;
  margin-top: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-se {
  margin-bottom: -4px;
  margin-right: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-sw {
  margin-bottom: -4px;
  margin-left: -4px; }

.sd-photo-preview .jcrop-dark .jcrop-handle {
  opacity: 1 !important;
  background-color: rgba(205, 205, 205, 0.5);
  border-color: white;
  border-radius: 50%; }

.sd-photo-preview .jcrop-dark .jcrop-vline, .sd-photo-preview .jcrop-dark .jcrop-hline {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1; }

.sd-photo-preview .jcrop-dark .jcrop-handle.ord-n, .sd-photo-preview .jcrop-dark .jcrop-handle.ord-s, .sd-photo-preview .jcrop-dark .jcrop-handle.ord-e, .sd-photo-preview .jcrop-dark .jcrop-handle.ord-w {
  display: none; }

.saved-search-subscriptions {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 4px; }

.saved-search-subscriptions--manage-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -30px;
  margin-bottom: 10px;
  padding: 9px 20px;
  font-size: 13px;
  background: #DEE5E8; }

.saved-search-subscriptions--action {
  visibility: hidden; }

.saved-search-item:hover .saved-search-subscriptions--action {
  visibility: visible; }

.TEMP-WIDTH-FIX > .p-dropdown {
  width: 100%; }

.navbtn.dropdown__toggle {
  overflow: hidden;
  text-overflow: ellipsis; }

.btn-group button.btn.active {
  background: #5ea9c8;
  box-shadow: inset 0 2px 0 #3e92b5; }

.sticky-froala-toolbar {
  position: sticky !important;
  top: 0px;
  z-index: 5; }

.sticky-froala-toolbar:has(+ *) {
  background-color: white; }
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0; }

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none; }

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(7a4b4c6ebdb549fcbe47408f9457493e.gif);
  font-size: 0;
  position: absolute; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-vline.right {
  right: 0; }

.jcrop-hline {
  height: 1px !important;
  width: 100%; }

.jcrop-hline.bottom {
  bottom: 0; }

/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none; }

/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px; }

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px; }

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px; }

.jcrop-dragbar.ord-n {
  margin-top: -4px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px; }

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0; }

.jcrop-dragbar.ord-w {
  margin-left: -4px; }

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px; }

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px; }

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff; }

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none; }
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */ }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em; }

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* button sets */
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(cc546fa0a4b98fad0917c5693587bc6b.png) 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(ac76811df9c1bf8af392f21e7cb9dff7.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(7de5a7addad547244d33f4209e3d6306.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(04646fb634cba8c8b6487d26200c5fcc.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(487b704edf1cf3ce0f8c153bb29652cf.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(3c59f14abdbc105190b9db0ec30c232c.png) 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(9a3f2305cb5cb2921ca7184bd955744e.png) 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(4c27b34156b7a3776f31cc456ca01c10.png); }

.ui-widget-header .ui-icon {
  background-image: url(4c27b34156b7a3776f31cc456ca01c10.png); }

.ui-state-default .ui-icon {
  background-image: url(e63c67228df4a03cd91321bdf98e7555.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(ec5e59da4b23573927bda544cbb29401.png); }

.ui-state-active .ui-icon {
  background-image: url(ec5e59da4b23573927bda544cbb29401.png); }

.ui-state-highlight .ui-icon {
  background-image: url(14d55152e99f22245c9e1e8bb784a7f6.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(b00a65a4b157ec627ee9ff4d0c8f1176.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(d47047084ba4c0d911f6332bb664a292.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(d47047084ba4c0d911f6332bb664a292.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
  border-radius: 8px; }
@-webkit-keyframes medium-editor-image-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes medium-editor-image-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12); }
  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2); }
  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1); }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); } }

@keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12); }
  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2); }
  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1); }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); } }

.medium-editor-anchor-preview {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  line-height: 1.4;
  max-width: 280px;
  position: absolute;
  text-align: center;
  top: 0;
  word-break: break-all;
  word-wrap: break-word;
  visibility: hidden;
  z-index: 2000; }

.medium-editor-anchor-preview a {
  color: #fff;
  display: inline-block;
  margin: 5px 5px 10px; }

.medium-editor-anchor-preview-active {
  visibility: visible; }

.medium-editor-dragover {
  background: #ddd; }

.medium-editor-image-loading {
  -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
  animation: medium-editor-image-loading 1s infinite ease-in-out;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 40px;
  width: 40px; }

.medium-editor-placeholder {
  position: relative; }

.medium-editor-placeholder:after {
  content: attr(data-placeholder) !important;
  font-style: italic;
  position: absolute;
  left: 0;
  top: 0;
  white-space: pre;
  padding: inherit;
  margin: inherit; }

.medium-editor-placeholder-relative {
  position: relative; }

.medium-editor-placeholder-relative:after {
  content: attr(data-placeholder) !important;
  font-style: italic;
  position: relative;
  white-space: pre;
  padding: inherit;
  margin: inherit; }

.medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
  border-style: solid;
  content: '';
  display: block;
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 0; }

.medium-toolbar-arrow-under:after {
  border-width: 8px 8px 0 8px; }

.medium-toolbar-arrow-over:before {
  border-width: 0 8px 8px 8px;
  top: -8px; }

.medium-editor-toolbar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 2000; }

.medium-editor-toolbar ul {
  margin: 0;
  padding: 0; }

.medium-editor-toolbar li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0; }

.medium-editor-toolbar li button {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.33;
  margin: 0;
  padding: 15px;
  text-decoration: none; }

.medium-editor-toolbar li button:focus {
  outline: none; }

.medium-editor-toolbar li .medium-editor-action-underline {
  text-decoration: underline; }

.medium-editor-toolbar li .medium-editor-action-pre {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
  font-weight: 100;
  padding: 15px 0; }

.medium-editor-toolbar-active {
  visibility: visible; }

.medium-editor-sticky-toolbar {
  position: fixed;
  top: 1px; }

.medium-editor-relative-toolbar {
  position: relative; }

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
  -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
  animation: medium-editor-pop-upwards 160ms forwards linear; }

.medium-editor-action-bold {
  font-weight: bolder; }

.medium-editor-action-italic {
  font-style: italic; }

.medium-editor-toolbar-form {
  display: none; }

.medium-editor-toolbar-form input,
.medium-editor-toolbar-form a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
  line-height: 14px;
  margin-left: 5px;
  padding-bottom: 5px; }

.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  margin: 0;
  padding: 6px;
  width: 316px;
  display: inline-block; }

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  outline: 0; }

.medium-editor-toolbar-form a {
  display: inline-block;
  font-size: 24px;
  font-weight: bolder;
  margin: 0 10px;
  text-decoration: none; }

.medium-editor-toolbar-form-active {
  display: block; }

.medium-editor-toolbar-actions:after {
  clear: both;
  content: "";
  display: table; }

.medium-editor-element {
  word-wrap: break-word;
  min-height: 30px; }

.medium-editor-element img {
  max-width: 100%; }

.medium-editor-element sub {
  vertical-align: sub; }

.medium-editor-element sup {
  vertical-align: super; }

.medium-editor-hidden {
  display: none; }
.medium-editor-table-builder {
  display: none;
  position: absolute;
  left: 0;
  top: 101%; }

.medium-editor-table-builder * {
  box-sizing: border-box; }

.medium-editor-table-builder-grid {
  border: 1px solid #000;
  border-radius: 3px;
  overflow: hidden; }

.medium-editor-table-builder-cell {
  background-color: #333;
  border: 1px solid #000;
  display: block;
  float: left;
  height: 16px;
  margin: 0;
  width: 16px; }

.medium-editor-table-builder-cell.active {
  background-color: #ccc; }

.medium-editor-table-builder-cell:hover {
  background-color: #ccc; }

.medium-editor-table {
  border-collapse: collapse;
  resize: both;
  table-layout: fixed; }

.medium-editor-table,
.medium-editor-table td {
  border: 1px dashed #e3e3e3; }

.medium-editor-table-builder-toolbar {
  display: block;
  min-width: 162px;
  background-color: #333;
  font-size: 0.8em;
  color: white; }

.medium-editor-table-builder-toolbar span {
  width: 45px;
  display: block;
  float: left;
  margin-left: 5px; }

.medium-editor-table-builder-toolbar button {
  margin: 0 3px;
  background-color: #333;
  border: 0;
  width: 30px;
  cursor: pointer; }

.medium-editor-table-builder-toolbar button i {
  color: white; }
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(4a37f8008959c75f619bf0a3a4e2d7a2.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
@charset "UTF-8";
.p-component, .p-component * {
  box-sizing: border-box; }

.p-hidden {
  display: none; }

.p-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.p-hidden-accessible input, .p-hidden-accessible select {
  transform: scale(0); }

.p-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.p-disabled, .p-disabled * {
  cursor: default !important;
  pointer-events: none; }

.p-component-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.p-overflow-hidden {
  overflow: hidden; }

.p-unselectable-text {
  user-select: none; }

.p-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px; }

@-webkit-keyframes p-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes p-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
  border-radius: 0; }

.p-link {
  text-align: left;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  user-select: none; }

.p-connected-overlay {
  opacity: 0;
  transform: scaleY(0.8);
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); }

.p-connected-overlay-visible {
  opacity: 1;
  transform: scaleY(1); }

.p-connected-overlay-hidden {
  opacity: 0;
  transform: scaleY(1);
  transition: opacity .1s linear; }

.p-connected-overlay-enter {
  opacity: 0;
  transform: scaleY(0.8); }

.p-connected-overlay-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); }

.p-connected-overlay-enter-done {
  transform: none; }

.p-connected-overlay-exit {
  opacity: 1; }

.p-connected-overlay-exit-active {
  opacity: 0;
  transition: opacity .1s linear; }

.p-toggleable-content-enter {
  max-height: 0; }

.p-toggleable-content-enter-active {
  overflow: hidden;
  max-height: 1000px;
  transition: max-height 1s ease-in-out; }

.p-toggleable-content-enter-done {
  transform: none; }

.p-toggleable-content-exit {
  max-height: 1000px; }

.p-toggleable-content-exit-active {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); }

.p-sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

.p-accordion-header-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  user-select: none;
  position: relative;
  text-decoration: none; }

.p-accordion-header-link:focus {
  z-index: 1; }

.p-accordion-header-text {
  line-height: 1; }

.p-autocomplete {
  display: inline-flex;
  position: relative; }

.p-autocomplete-loader {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-autocomplete-dd .p-autocomplete-input {
  flex: 1 1 auto;
  width: 1%; }

.p-autocomplete-dd .p-autocomplete-input, .p-autocomplete-dd .p-autocomplete-multiple-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-autocomplete-dd .p-autocomplete-dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-autocomplete .p-autocomplete-panel {
  min-width: 100%; }

.p-autocomplete-panel {
  position: absolute;
  overflow: auto; }

.p-autocomplete-items {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-autocomplete-item {
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

.p-autocomplete-multiple-container {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: text;
  overflow: hidden;
  display: flex;
  align-items: center; }

.p-autocomplete-token {
  cursor: default;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto; }

.p-autocomplete-token-icon {
  cursor: pointer; }

.p-autocomplete-input-token {
  flex: 1 1 auto;
  display: inline-flex; }

.p-autocomplete-input-token input {
  border: 0 none;
  outline: 0 none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  width: 100%; }

.p-fluid .p-autocomplete {
  display: flex; }

.p-fluid .p-autocomplete-dd .p-autocomplete-input {
  width: 1%; }

.p-badge {
  display: inline-block;
  border-radius: 50%;
  text-align: center; }

.p-tag {
  display: inline-block;
  text-align: center;
  line-height: 1.5; }

.p-tag.p-tag-rounded {
  border-radius: 10rem; }

.p-overlay-badge {
  position: relative;
  display: inline-block; }

.p-overlay-badge .p-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(1em, -1em);
  margin: 0; }

.p-breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.p-breadcrumb .p-menuitem-text {
  line-height: 1; }

.p-breadcrumb .p-menuitem-link {
  text-decoration: none; }

.p-button {
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative; }

.p-button-label {
  flex: 1 1 auto; }

.p-button-icon-right {
  order: 1; }

.p-button:disabled {
  cursor: default; }

.p-button-icon-only {
  justify-content: center; }

.p-button-icon-only .p-button-label {
  visibility: hidden;
  width: 0;
  flex: 0 0 auto; }

.p-button-vertical {
  flex-direction: column; }

.p-button-icon-bottom {
  order: 2; }

.p-buttonset .p-button {
  margin: 0; }

.p-buttonset .p-button:not(:last-child) {
  border-right: 0 none; }

.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
  border-radius: 0; }

.p-buttonset .p-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-buttonset .p-button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-buttonset .p-button:focus {
  position: relative;
  z-index: 1; }

.p-calendar {
  position: relative;
  display: inline-flex; }

.p-calendar .p-inputtext {
  flex: 1 1 auto;
  width: 1%; }

.p-calendar-w-btn .p-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-calendar-w-btn .p-datepicker-trigger {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-fluid .p-calendar {
  display: flex; }

.p-fluid .p-calendar .p-inputtext {
  width: 1%; }

.p-calendar .p-datepicker {
  min-width: 100%; }

.p-datepicker {
  width: auto;
  position: absolute; }

.p-datepicker-inline {
  display: inline-flex;
  position: static; }

.p-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.p-datepicker-header .p-datepicker-title {
  margin: 0 auto; }

.p-datepicker-prev, .p-datepicker-next {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-datepicker-multiple-month .p-datepicker-group-container {
  display: flex; }

.p-datepicker table {
  width: 100%;
  border-collapse: collapse; }

.p-datepicker td > span {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

.p-monthpicker-month {
  width: 33.3%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-datepicker-buttonbar {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.p-timepicker {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-timepicker button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-timepicker > div {
  display: flex;
  align-items: center;
  flex-direction: column; }

.p-datepicker-touch-ui, .p-calendar .p-datepicker-touch-ui {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 80vw;
  transform: translate(-50%, -50%); }

.p-card-header img {
  width: 100%; }

.p-carousel {
  display: flex;
  flex-direction: column; }

.p-carousel-content {
  display: flex;
  flex-direction: column;
  overflow: auto; }

.p-carousel-prev, .p-carousel-next {
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-carousel-container {
  display: flex;
  flex-direction: row; }

.p-carousel-items-content {
  overflow: hidden;
  width: 100%; }

.p-carousel-items-container {
  display: flex;
  flex-direction: row; }

.p-carousel-indicators {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap; }

.p-carousel-indicator > button {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-carousel-vertical .p-carousel-container {
  flex-direction: column; }

.p-carousel-vertical .p-carousel-items-container {
  flex-direction: column;
  height: 100%; }

.p-items-hidden .p-carousel-item {
  visibility: hidden; }

.p-items-hidden .p-carousel-item.p-carousel-item-active {
  visibility: visible; }

.p-chart {
  position: relative; }

.p-checkbox {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom; }

.p-checkbox-box {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-chips {
  display: inline-flex; }

.p-chips-multiple-container {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: text;
  overflow: hidden;
  display: flex;
  align-items: center; }

.p-chips-token {
  cursor: default;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto; }

.p-chips-input-token {
  flex: 1 1 auto;
  display: inline-flex; }

.p-chips-token-icon {
  cursor: pointer; }

.p-chips-input-token input {
  border: 0 none;
  outline: 0 none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  width: 100%; }

.p-fluid .p-chips {
  display: flex; }

.p-colorpicker {
  display: inline-block; }

.p-colorpicker-dragging {
  cursor: pointer; }

.p-colorpicker-overlay {
  position: relative; }

.p-colorpicker-panel {
  position: relative;
  width: 193px;
  height: 166px; }

.p-colorpicker-overlay-panel {
  position: absolute; }

.p-colorpicker-preview {
  cursor: pointer; }

.p-colorpicker-panel .p-colorpicker-content {
  position: relative; }

.p-colorpicker-panel .p-colorpicker-color-selector {
  width: 150px;
  height: 150px;
  top: 8px;
  left: 8px;
  position: absolute; }

.p-colorpicker-panel .p-colorpicker-color {
  width: 150px;
  height: 150px; }

.p-colorpicker-panel .p-colorpicker-color-handle {
  position: absolute;
  top: 0;
  left: 150px;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border-width: 1px;
  border-style: solid;
  margin: -5px 0 0 -5px;
  cursor: pointer;
  opacity: .85; }

.p-colorpicker-panel .p-colorpicker-hue {
  width: 17px;
  height: 150px;
  top: 8px;
  left: 167px;
  position: absolute;
  opacity: .85; }

.p-colorpicker-panel .p-colorpicker-hue-handle {
  position: absolute;
  top: 150px;
  left: 0;
  width: 21px;
  margin-left: -2px;
  margin-top: -5px;
  height: 10px;
  border-width: 2px;
  border-style: solid;
  opacity: .85;
  cursor: pointer; }

.p-colorpicker-panel .p-colorpicker-color {
  background: transparent url(c7a33805ffda0d32bd2a9904c8b02750.png) no-repeat left top; }

.p-colorpicker-panel .p-colorpicker-hue {
  background: transparent url(0614c27197fc3ce572e161840d23b2af.png) no-repeat left top; }

.p-contextmenu {
  position: absolute; }

.p-contextmenu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-contextmenu .p-submenu-list {
  position: absolute;
  min-width: 100%;
  z-index: 1; }

.p-contextmenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-contextmenu .p-menuitem-text {
  line-height: 1; }

.p-contextmenu .p-menuitem {
  position: relative; }

.p-contextmenu .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-contextmenu-enter {
  opacity: 0; }

.p-contextmenu-enter-active {
  opacity: 1;
  transition: opacity 250ms; }

.p-datascroller .p-datascroller-header {
  text-align: center;
  padding: .5em .75em;
  border-bottom: 0 none; }

.p-datascroller .p-datascroller-footer {
  text-align: center;
  padding: .25em .625em;
  border-top: 0 none; }

.p-datascroller .p-datascroller-content {
  padding: .25em .625em; }

.p-datascroller-inline .p-datascroller-content {
  overflow: auto; }

.p-datascroller .p-datascroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.p-datatable {
  position: relative; }

.p-datatable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; }

.p-datatable .p-sortable-column {
  cursor: pointer;
  user-select: none; }

.p-datatable .p-sortable-column .p-column-title, .p-datatable .p-sortable-column .p-sortable-column-icon, .p-datatable .p-sortable-column .p-sortable-column-badge {
  vertical-align: middle; }

.p-datatable .p-sortable-column .p-sortable-column-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.p-datatable-auto-layout > .p-datatable-wrapper {
  overflow-x: auto; }

.p-datatable-auto-layout > .p-datatable-wrapper > table {
  table-layout: auto; }

.p-datatable-hoverable-rows .p-selectable-row {
  cursor: pointer; }

.p-datatable-scrollable-wrapper {
  position: relative; }

.p-datatable-scrollable-header, .p-datatable-scrollable-footer {
  overflow: hidden; }

.p-datatable-scrollable-body {
  overflow: auto;
  position: relative; }

.p-datatable-scrollable-body > table > .p-datatable-tbody > tr:first-child > td {
  border-top: 0 none; }

.p-datatable-virtual-table {
  position: absolute; }

.p-datatable-frozen-view .p-datatable-scrollable-body {
  overflow: hidden; }

.p-datatable-frozen-view > .p-datatable-scrollable-body > table > .p-datatable-tbody > tr > td:last-child {
  border-right: 0 none; }

.p-datatable-unfrozen-view {
  position: absolute;
  top: 0; }

.p-datatable-flex-scrollable {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%; }

.p-datatable-flex-scrollable .p-datatable-scrollable-wrapper, .p-datatable-flex-scrollable .p-datatable-scrollable-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%; }

.p-datatable-flex-scrollable .p-datatable-scrollable-body {
  flex: 1; }

.p-datatable-resizable > .p-datatable-wrapper {
  overflow-x: auto; }

.p-datatable-resizable .p-datatable-thead > tr > th, .p-datatable-resizable .p-datatable-tfoot > tr > td, .p-datatable-resizable .p-datatable-tbody > tr > td {
  overflow: hidden; }

.p-datatable-resizable .p-resizable-column {
  background-clip: padding-box;
  position: relative; }

.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
  display: none; }

.p-datatable .p-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: .5rem;
  height: 100%;
  padding: 0;
  cursor: col-resize;
  border: 1px solid transparent; }

.p-datatable .p-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none; }

.p-datatable .p-row-editor-init, .p-datatable .p-row-editor-save, .p-datatable .p-row-editor-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-datatable .p-row-toggler {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-datatable-reorder-indicator-up, .p-datatable-reorder-indicator-down {
  position: absolute;
  display: none; }

.p-datatable .p-datatable-loading-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }

.p-dataview-loading {
  position: relative;
  min-height: 4rem; }

.p-dataview .p-dataview-loading-overlay {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

.p-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  background-color: transparent;
  transition-property: background-color; }

.p-dialog-visible {
  display: flex; }

.p-dialog-mask.p-component-overlay {
  pointer-events: auto; }

.p-dialog {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  max-height: 90%;
  transform: scale(1); }

.p-dialog-content {
  overflow-y: auto; }

.p-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0; }

.p-dialog-footer {
  flex-shrink: 0; }

.p-dialog .p-dialog-header-icons {
  display: flex;
  align-items: center; }

.p-dialog .p-dialog-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-fluid .p-dialog-footer .p-button {
  width: auto; }

.p-dialog-enter {
  opacity: 0;
  transform: scale(0.7); }

.p-dialog-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: all 150ms cubic-bezier(0, 0, 0.2, 1); }

.p-dialog-enter-done {
  transform: none; }

.p-dialog-exit-active {
  opacity: 0;
  transform: scale(0.7);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.p-dialog-top .p-dialog, .p-dialog-bottom .p-dialog, .p-dialog-left .p-dialog, .p-dialog-right .p-dialog, .p-dialog-top-left .p-dialog, .p-dialog-top-right .p-dialog, .p-dialog-bottom-left .p-dialog, .p-dialog-bottom-right .p-dialog {
  margin: .75em;
  transition: all .3s ease-out; }

.p-dialog-top .p-dialog-enter, .p-dialog-top .p-dialog-exit-active {
  transform: translate3d(0, -100%, 0); }

.p-dialog-bottom .p-dialog-enter, .p-dialog-bottom .p-dialog-exit-active {
  transform: translate3d(0, 100%, 0); }

.p-dialog-left .p-dialog-enter, .p-dialog-left .p-dialog-exit-active, .p-dialog-top-left .p-dialog-enter, .p-dialog-top-left .p-dialog-exit-active, .p-dialog-bottom-left .p-dialog-enter, .p-dialog-bottom-left .p-dialog-exit-active {
  transform: translate3d(-100%, 0, 0); }

.p-dialog-right .p-dialog-enter, .p-dialog-right .p-dialog-exit-active, .p-dialog-top-right .p-dialog-enter, .p-dialog-top-right .p-dialog-exit-active, .p-dialog-bottom-right .p-dialog-enter, .p-dialog-bottom-right .p-dialog-exit-active {
  transform: translate3d(100%, 0, 0); }

.p-dialog-top .p-dialog-enter-active, .p-dialog-bottom .p-dialog-enter-active, .p-dialog-left .p-dialog-enter-active, .p-dialog-top-left .p-dialog-enter-active, .p-dialog-bottom-left .p-dialog-enter-active, .p-dialog-right .p-dialog-enter-active, .p-dialog-top-right .p-dialog-enter-active, .p-dialog-bottom-right .p-dialog-enter-active {
  transform: translate3d(0, 0, 0); }

.p-dialog-maximized {
  -webkit-transition: none;
  transition: none;
  transform: none;
  width: 100vw !important;
  max-height: 100%;
  height: 100%; }

.p-dialog-maximized .p-dialog-content {
  flex-grow: 1; }

.p-dialog-left {
  justify-content: flex-start; }

.p-dialog-right {
  justify-content: flex-end; }

.p-dialog-top {
  align-items: flex-start; }

.p-dialog-top-left {
  justify-content: flex-start;
  align-items: flex-start; }

.p-dialog-top-right {
  justify-content: flex-end;
  align-items: flex-start; }

.p-dialog-bottom {
  align-items: flex-end; }

.p-dialog-bottom-left {
  justify-content: flex-start;
  align-items: flex-end; }

.p-dialog-bottom-right {
  justify-content: flex-end;
  align-items: flex-end; }

.p-dropdown {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  user-select: none; }

.p-dropdown-clear-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.p-dropdown-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 1 auto;
  width: 1%;
  text-overflow: ellipsis;
  cursor: pointer; }

.p-dropdown-label-empty {
  overflow: hidden;
  visibility: hidden; }

input.p-dropdown-label {
  cursor: default; }

.p-dropdown .p-dropdown-panel {
  min-width: 100%; }

.p-dropdown-panel {
  position: absolute; }

.p-dropdown-items-wrapper {
  overflow: auto; }

.p-dropdown-item {
  cursor: pointer;
  font-weight: normal;
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

.p-dropdown-items {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-dropdown-filter {
  width: 100%; }

.p-dropdown-filter-container {
  position: relative; }

.p-dropdown-loader-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-fluid .p-dropdown {
  display: flex; }

.p-fluid .p-dropdown .p-dropdown-label {
  width: 1%; }

.p-fieldset-legend > a, .p-fieldset-legend > span {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-fieldset-toggleable .p-fieldset-legend a {
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  position: relative;
  text-decoration: none; }

.p-fieldset-legend-text {
  line-height: 1; }

.p-fileupload-content {
  position: relative; }

.p-fileupload-row {
  display: flex;
  align-items: center; }

.p-fileupload-row > div {
  flex: 1 1 auto;
  width: 25%; }

.p-fileupload-row > div:last-child {
  text-align: right; }

.p-fileupload-content .p-progressbar {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.p-button.p-fileupload-choose {
  position: relative;
  overflow: hidden; }

.p-button.p-fileupload-choose input[type=file] {
  display: none; }

.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
  display: none; }

.p-fluid .p-fileupload .p-button {
  width: auto; }

.p-galleria-content {
  display: flex;
  flex-direction: column; }

.p-galleria-item-wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }

.p-galleria-item-container {
  position: relative;
  display: flex;
  height: 100%; }

.p-galleria-item-nav {
  position: absolute;
  top: 50%;
  margin-top: -.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.p-galleria-item-prev {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-galleria-item-next {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-galleria-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%; }

.p-galleria-item-nav-onhover .p-galleria-item-nav {
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-in-out; }

.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
  pointer-events: all;
  opacity: 1; }

.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
  pointer-events: none; }

.p-galleria-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.p-galleria-thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex-shrink: 0; }

.p-galleria-thumbnail-prev, .p-galleria-thumbnail-next {
  align-self: center;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-galleria-thumbnail-prev span, .p-galleria-thumbnail-next span {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-galleria-thumbnail-container {
  display: flex;
  flex-direction: row; }

.p-galleria-thumbnail-items-container {
  overflow: hidden; }

.p-galleria-thumbnail-items {
  display: flex; }

.p-galleria-thumbnail-item {
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: .5; }

.p-galleria-thumbnail-item:hover {
  opacity: 1;
  transition: opacity .3s; }

.p-galleria-thumbnail-item-current {
  opacity: 1; }

.p-galleria-thumbnails-left .p-galleria-content, .p-galleria-thumbnails-right .p-galleria-content {
  flex-direction: row; }

.p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-right .p-galleria-item-wrapper {
  flex-direction: row; }

.p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-top .p-galleria-item-wrapper {
  order: 2; }

.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper, .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
  order: 1; }

.p-galleria-thumbnails-left .p-galleria-thumbnail-container, .p-galleria-thumbnails-right .p-galleria-thumbnail-container {
  flex-direction: column;
  flex-grow: 1; }

.p-galleria-thumbnails-left .p-galleria-thumbnail-items, .p-galleria-thumbnails-right .p-galleria-thumbnail-items {
  flex-direction: column;
  height: 100%; }

.p-galleria-indicators {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-galleria-indicator > button {
  display: inline-flex;
  align-items: center; }

.p-galleria-indicators-left .p-galleria-item-wrapper, .p-galleria-indicators-right .p-galleria-item-wrapper {
  flex-direction: row;
  align-items: center; }

.p-galleria-indicators-left .p-galleria-item-container, .p-galleria-indicators-top .p-galleria-item-container {
  order: 2; }

.p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-top .p-galleria-indicators {
  order: 1; }

.p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-right .p-galleria-indicators {
  flex-direction: column; }

.p-galleria-indicator-onitem .p-galleria-indicators {
  position: absolute;
  display: flex; }

.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
  top: 0;
  left: 0;
  width: 100%;
  align-items: flex-start; }

.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
  right: 0;
  top: 0;
  height: 100%;
  align-items: flex-end; }

.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
  bottom: 0;
  left: 0;
  width: 100%;
  align-items: flex-end; }

.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
  left: 0;
  top: 0;
  height: 100%;
  align-items: flex-start; }

.p-galleria-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background-color: transparent;
  transition-property: background-color; }

.p-galleria-mask.p-component-overlay {
  pointer-events: auto; }

.p-galleria-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.p-galleria-mask .p-galleria-item-nav {
  position: fixed;
  top: 50%;
  margin-top: -.5rem; }

.p-galleria-enter {
  opacity: 0;
  transform: scale(0.7); }

.p-galleria-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: all 150ms cubic-bezier(0, 0, 0.2, 1); }

.p-galleria-enter-done {
  transform: none; }

.p-galleria-exit {
  opacity: 1; }

.p-galleria-exit-active {
  opacity: 0;
  transform: scale(0.7);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.p-galleria-enter-active .p-galleria-item-nav {
  opacity: 0; }

.p-galleria-mask.p-galleria-mask-leave {
  background-color: transparent; }

.p-items-hidden .p-galleria-thumbnail-item {
  visibility: hidden; }

.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
  visibility: visible; }

.p-inplace .p-inplace-display {
  display: inline;
  cursor: pointer; }

.p-inplace .p-inplace-content {
  display: inline; }

.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
  display: flex; }

.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
  flex: 1 1 auto;
  width: 1%; }

.p-inputnumber {
  display: inline-flex; }

.p-inputnumber-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto; }

.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label, .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
  display: none; }

.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0; }

.p-inputnumber-buttons-stacked .p-inputnumber-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0; }

.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
  display: flex;
  flex-direction: column; }

.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
  flex: 1 1 auto; }

.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
  order: 3;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-inputnumber-buttons-horizontal .p-inputnumber-input {
  order: 2;
  border-radius: 0; }

.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
  order: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-inputnumber-buttons-vertical {
  flex-direction: column; }

.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
  order: 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%; }

.p-inputnumber-buttons-vertical .p-inputnumber-input {
  order: 2;
  border-radius: 0;
  text-align: center; }

.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
  order: 3;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%; }

.p-inputnumber-input {
  flex: 1 1 auto; }

.p-fluid .p-inputnumber {
  width: 100%; }

.p-fluid .p-inputnumber .p-inputnumber-input {
  width: 1%; }

.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
  width: 100%; }

.p-inputswitch {
  position: relative;
  display: inline-block; }

.p-inputswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.p-inputswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%; }

.p-inputtext {
  margin: 0; }

.p-fluid .p-inputtext {
  width: 100%; }

.p-inputgroup {
  display: flex;
  align-items: stretch;
  width: 100%; }

.p-inputgroup-addon {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-inputgroup .p-float-label {
  display: flex;
  align-items: stretch;
  width: 100%; }

.p-inputgroup .p-inputtext, .p-fluid .p-inputgroup .p-inputtext, .p-inputgroup .p-inputwrapper, .p-fluid .p-inputgroup .p-input {
  flex: 1 1 auto;
  width: 1%; }

.p-float-label {
  display: block;
  position: relative; }

.p-float-label label {
  position: absolute;
  pointer-events: none;
  top: 50%;
  margin-top: -.5rem;
  transition-property: all;
  transition-timing-function: ease;
  line-height: 1; }

.p-float-label textarea ~ label {
  top: 1rem; }

.p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label {
  top: -.75rem;
  font-size: 12px; }

.p-float-label .input:-webkit-autofill ~ label {
  top: -20px;
  font-size: 12px; }

.p-input-icon-left, .p-input-icon-right {
  position: relative;
  display: inline-block; }

.p-input-icon-left > i, .p-input-icon-right > i {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-fluid .p-input-icon-left, .p-fluid .p-input-icon-right {
  display: block;
  width: 100%; }

.p-inputtextarea-resizable {
  overflow: hidden;
  resize: none; }

.p-fluid .p-inputtextarea {
  width: 100%; }

.p-listbox-list-wrapper {
  overflow: auto; }

.p-listbox-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.p-listbox-item {
  cursor: pointer;
  position: relative;
  overflow: hidden; }

.p-listbox-filter-container {
  position: relative; }

.p-listbox-filter-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-listbox-filter {
  width: 100%; }

.p-megamenu-root-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-megamenu-root-list > .p-menuitem {
  position: relative; }

.p-megamenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-megamenu .p-menuitem-text {
  line-height: 1; }

.p-megamenu-panel {
  display: none;
  position: absolute;
  width: auto;
  z-index: 1; }

.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
  display: block; }

.p-megamenu-submenu {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-megamenu-horizontal .p-megamenu-root-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.p-megamenu-vertical .p-megamenu-root-list {
  flex-direction: column; }

.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
  left: 100%;
  top: 0; }

.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
  margin-left: auto; }

.p-megamenu-grid {
  display: flex; }

.p-megamenu-col-2, .p-megamenu-col-3, .p-megamenu-col-4, .p-megamenu-col-6, .p-megamenu-col-12 {
  flex: 0 0 auto;
  padding: .5rem; }

.p-megamenu-col-2 {
  width: 16.6667%; }

.p-megamenu-col-3 {
  width: 25%; }

.p-megamenu-col-4 {
  width: 33.3333%; }

.p-megamenu-col-6 {
  width: 50%; }

.p-megamenu-col-12 {
  width: 100%; }

.p-menu-overlay {
  position: absolute; }

.p-menu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-menu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-menu .p-menuitem-text {
  line-height: 1; }

.p-menubar {
  display: flex;
  align-items: center; }

.p-menubar ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-menubar .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-menubar .p-menuitem-text {
  line-height: 1; }

.p-menubar .p-menuitem {
  position: relative; }

.p-menubar-root-list {
  display: flex;
  align-items: center; }

.p-menubar-root-list > li ul {
  display: none;
  z-index: 1; }

.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
  display: block; }

.p-menubar .p-submenu-list {
  display: none;
  position: absolute;
  z-index: 1; }

.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
  display: block;
  left: 100%;
  top: 0; }

.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-menubar .p-menubar-custom, .p-menubar .p-menubar-end {
  margin-left: auto;
  align-self: center; }

.p-menubar-button {
  display: none;
  cursor: pointer;
  align-items: center;
  justify-content: center; }

.p-inline-message {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top; }

.p-inline-message-icon-only .p-inline-message-text {
  visibility: hidden;
  width: 0; }

.p-fluid .p-inline-message {
  display: flex; }

.p-message-wrapper {
  display: flex;
  align-items: center; }

.p-message-close {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-message-close.p-link {
  margin-left: auto;
  overflow: hidden;
  position: relative; }

.p-message-enter {
  opacity: 0; }

.p-message-enter-active {
  opacity: 1;
  transition: opacity .3s; }

.p-message-exit {
  opacity: 1;
  max-height: 1000px; }

.p-message-exit-active {
  opacity: 0;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s; }

.p-message-exit-active .p-message-close {
  display: none; }

.p-multiselect {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  user-select: none; }

.p-multiselect-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.p-multiselect-label-container {
  overflow: hidden;
  flex: 1 1 auto;
  cursor: pointer; }

.p-multiselect-label {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis; }

.p-multiselect-label-empty {
  overflow: hidden;
  visibility: hidden; }

.p-multiselect-token {
  cursor: default;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto; }

.p-multiselect-token-icon {
  cursor: pointer; }

.p-multiselect .p-multiselect-panel {
  min-width: 100%; }

.p-multiselect-panel {
  position: absolute; }

.p-multiselect-items-wrapper {
  overflow: auto; }

.p-multiselect-items {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-multiselect-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: normal;
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

.p-multiselect-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.p-multiselect-filter-container {
  position: relative;
  flex: 1 1 auto; }

.p-multiselect-filter-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-multiselect-filter-container .p-inputtext {
  width: 100%; }

.p-multiselect-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative; }

.p-multiselect-clear-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-fluid .p-multiselect {
  display: flex; }

.p-orderlist {
  display: flex; }

.p-orderlist-controls {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.p-orderlist-list-container {
  flex: 1 1 auto; }

.p-orderlist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  min-height: 12rem;
  max-height: 24rem; }

.p-orderlist-item {
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-orderlist.p-state-disabled .p-orderlist-item, .p-orderlist.p-state-disabled .p-button {
  cursor: default; }

.p-orderlist.p-state-disabled .p-orderlist-list {
  overflow: hidden; }

.p-overlaypanel {
  position: absolute;
  margin-top: 10px; }

.p-overlaypanel-flipped {
  margin-top: 0;
  margin-bottom: 10px; }

.p-overlaypanel-close {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-overlaypanel-enter {
  opacity: 0;
  transform: scaleY(0.8); }

.p-overlaypanel-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); }

.p-overlaypanel-enter-done {
  transform: none; }

.p-overlaypanel-exit {
  opacity: 1; }

.p-overlaypanel-exit-active {
  opacity: 0;
  transition: opacity .1s linear; }

.p-overlaypanel:after, .p-overlaypanel:before {
  bottom: 100%;
  left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.p-overlaypanel:after {
  border-width: 8px;
  margin-left: -8px; }

.p-overlaypanel:before {
  border-width: 10px;
  margin-left: -10px; }

.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {
  bottom: auto;
  top: 100%; }

.p-overlaypanel.p-overlaypanel-flipped:after {
  border-bottom-color: transparent; }

.p-overlaypanel.p-overlaypanel-flipped:before {
  border-bottom-color: transparent; }

.p-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto; }

.p-organizationchart-table > tbody > tr > td {
  text-align: center;
  vertical-align: top;
  padding: 0 .75rem; }

.p-organizationchart-node-content {
  display: inline-block;
  position: relative; }

.p-organizationchart-node-content .p-node-toggler {
  position: absolute;
  bottom: -.75rem;
  margin-left: -.75rem;
  z-index: 2;
  left: 50%;
  user-select: none;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem; }

.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
  position: relative;
  top: .25rem; }

.p-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px; }

.p-organizationchart-line-right {
  border-radius: 0; }

.p-organizationchart-line-left {
  border-radius: 0; }

.p-organizationchart-selectable-node {
  cursor: pointer; }

.p-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.p-panel-title {
  line-height: 1; }

.p-panel-header-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

.p-paginator-left-content {
  margin-right: auto; }

.p-paginator-right-content {
  margin-left: auto; }

.p-paginator-page, .p-paginator-next, .p-paginator-last, .p-paginator-first, .p-paginator-prev, .p-paginator-current {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  user-select: none;
  overflow: hidden;
  position: relative; }

.p-paginator-element:focus {
  z-index: 1;
  position: relative; }

.p-panelmenu .p-panelmenu-header-link {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  position: relative;
  text-decoration: none; }

.p-panelmenu .p-panelmenu-header-link:focus {
  z-index: 1; }

.p-panelmenu .p-submenu-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-panelmenu .p-menuitem-link {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  text-decoration: none; }

.p-panelmenu .p-menuitem-text {
  line-height: 1; }

.p-password-panel {
  position: absolute; }

.p-password-meter {
  position: relative;
  height: 10px; }

.p-password-strength {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: width 1s ease-in-out; }

.p-picklist {
  display: flex; }

.p-picklist-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.p-picklist-list-wrapper {
  flex: 1 1 50%; }

.p-picklist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  min-height: 12rem;
  max-height: 24rem; }

.p-picklist-item {
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-progressbar {
  position: relative;
  overflow: hidden; }

.p-progressbar-determinate .p-progressbar-value {
  height: 100%;
  width: 0;
  position: absolute;
  display: none;
  border: 0 none; }

.p-progressbar-determinate .p-progressbar-value-animate {
  transition: width 1s ease-in-out; }

.p-progressbar-determinate .p-progressbar-label {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  font-weight: bold; }

.p-progressbar-indeterminate .p-progressbar-value::before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left,right;
  -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }

.p-progressbar-indeterminate .p-progressbar-value::after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left,right;
  -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s; }

@-webkit-keyframes p-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes p-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-webkit-keyframes p-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@keyframes p-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

.p-progress-spinner {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: inline-block; }

.p-progress-spinner::before {
  content: '';
  display: block;
  padding-top: 100%; }

.p-progress-spinner-svg {
  animation: p-progress-spinner-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.p-progress-spinner-circle {
  stroke-dasharray: 89,200;
  stroke-dashoffset: 0;
  stroke: #d62d20;
  animation: p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-color 6s ease-in-out infinite;
  stroke-linecap: round; }

@keyframes p-progress-spinner-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes p-progress-spinner-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

@keyframes p-progress-spinner-color {
  100%, 0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%, 90% {
    stroke: #ffa700; } }

.p-radiobutton {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom; }

.p-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-radiobutton-icon {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) scale(0.1);
  border-radius: 50%;
  visibility: hidden; }

.p-radiobutton-box.p-highlight .p-radiobutton-icon {
  transform: translateZ(0) scale(1, 1);
  visibility: visible; }

.p-rating-icon {
  cursor: pointer; }

.p-rating.p-rating-readonly .p-rating-icon {
  cursor: default; }

.p-ripple {
  overflow: hidden;
  position: relative; }

.p-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  transform: scale(0); }

.p-ink-active {
  animation: ripple .4s linear; }

.p-ripple-disabled .p-ink {
  display: none !important; }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }

.p-scrollpanel-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left; }

.p-scrollpanel-content {
  height: calc(100% + 18px);
  width: calc(100% + 18px);
  padding: 0 18px 18px 0;
  position: relative;
  overflow: auto;
  box-sizing: border-box; }

.p-scrollpanel-bar {
  position: relative;
  background: #c1c1c1;
  border-radius: 3px;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity .25s linear; }

.p-scrollpanel-bar-y {
  width: 9px;
  top: 0; }

.p-scrollpanel-bar-x {
  height: 9px;
  bottom: 0; }

.p-scrollpanel-hidden {
  visibility: hidden; }

.p-scrollpanel:hover .p-scrollpanel-bar, .p-scrollpanel:active .p-scrollpanel-bar {
  opacity: 1; }

.p-scrollpanel-grabbed {
  user-select: none; }

.p-sidebar {
  position: fixed; }

.p-sidebar-content {
  position: relative; }

.p-sidebar-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.p-sidebar-icon {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-sidebar-mask {
  background-color: transparent;
  transition-property: background-color; }

.p-sidebar-mask-leave.p-component-overlay {
  background-color: transparent; }

.p-sidebar-left {
  top: 0;
  left: 0;
  width: 20rem;
  height: 100%; }

.p-sidebar-right {
  top: 0;
  right: 0;
  width: 20rem;
  height: 100%; }

.p-sidebar-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem; }

.p-sidebar-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10rem; }

.p-sidebar-full {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: none;
  transition: none; }

.p-sidebar-left.p-sidebar-enter {
  transform: translateX(-100%); }

.p-sidebar-left.p-sidebar-enter-active {
  transform: translateX(0);
  transition: transform .3s; }

.p-sidebar-left.p-sidebar-exit {
  transform: translateX(0); }

.p-sidebar-left.p-sidebar-exit-active {
  transform: translateX(-100%);
  transition: transform .3s; }

.p-sidebar-right.p-sidebar-enter {
  transform: translateX(100%); }

.p-sidebar-right.p-sidebar-enter-active {
  transform: translateX(0);
  transition: transform .3s; }

.p-sidebar-right.p-sidebar-exit {
  transform: translateX(0); }

.p-sidebar-right.p-sidebar-exit-active {
  transform: translateX(100%);
  transition: transform .3s; }

.p-sidebar-top.p-sidebar-enter {
  transform: translateY(-100%); }

.p-sidebar-top.p-sidebar-enter-active {
  transform: translateY(0);
  transition: transform .3s; }

.p-sidebar-top.p-sidebar-exit {
  transform: translateY(0); }

.p-sidebar-top.p-sidebar-exit-active {
  transform: translateY(-100%);
  transition: transform .3s; }

.p-sidebar-bottom.p-sidebar-enter {
  transform: translateY(100%); }

.p-sidebar-bottom.p-sidebar-enter-active {
  transform: translateY(0);
  transition: transform .3s; }

.p-sidebar-bottom.p-sidebar-exit {
  transform: translateY(0); }

.p-sidebar-bottom.p-sidebar-exit-active {
  transform: translateY(100%);
  transition: transform .3s; }

.p-sidebar-full.p-sidebar-enter {
  opacity: 0; }

.p-sidebar-full.p-sidebar-enter-active {
  opacity: 1;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

.p-sidebar-full.p-sidebar-exit {
  opacity: 1; }

.p-sidebar-full.p-sidebar-exit-active {
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

.p-sidebar-left.p-sidebar-sm, .p-sidebar-right.p-sidebar-sm {
  width: 20rem; }

.p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-md {
  width: 40rem; }

.p-sidebar-left.p-sidebar-lg, .p-sidebar-right.p-sidebar-lg {
  width: 60rem; }

.p-sidebar-top.p-sidebar-sm, .p-sidebar-bottom.p-sidebar-sm {
  height: 10rem; }

.p-sidebar-top.p-sidebar-md, .p-sidebar-bottom.p-sidebar-md {
  height: 20rem; }

.p-sidebar-top.p-sidebar-lg, .p-sidebar-bottom.p-sidebar-lg {
  height: 30rem; }

@media screen and (max-width: 64em) {
  .p-sidebar-left.p-sidebar-lg, .p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-lg, .p-sidebar-right.p-sidebar-md {
    width: 20rem; } }

.p-slidemenu {
  width: 12.5em; }

.p-slidemenu.p-slidemenu-overlay {
  position: absolute; }

.p-slidemenu .p-menu-separator {
  border-width: 1px 0 0 0; }

.p-slidemenu ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.p-slidemenu .p-slidemenu-rootlist {
  position: absolute;
  top: 0; }

.p-slidemenu .p-submenu-list {
  display: none;
  position: absolute;
  top: 0;
  width: 12.5em; }

.p-slidemenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden; }

.p-slidemenu .p-menuitem-icon {
  vertical-align: middle; }

.p-slidemenu .p-menuitem-text {
  vertical-align: middle; }

.p-slidemenu .p-menuitem {
  position: relative; }

.p-slidemenu .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-slidemenu .p-slidemenu-wrapper {
  position: relative; }

.p-slidemenu .p-slidemenu-content {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  height: 100%; }

.p-slidemenu-backward {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: .25em;
  cursor: pointer; }

.p-slidemenu-backward .p-slidemenu-backward-icon {
  vertical-align: middle; }

.p-slidemenu-backward span {
  vertical-align: middle; }

.p-slidemenu .p-menuitem-active {
  position: static; }

.p-slidemenu .p-menuitem-active > .p-submenu-list {
  display: block; }

.p-slider {
  position: relative; }

.p-slider .p-slider-handle {
  position: absolute;
  cursor: grab;
  touch-action: none;
  display: block;
  z-index: 1; }

.p-slider .p-slider-handle.p-slider-handle-active {
  z-index: 2; }

.p-slider-range {
  position: absolute;
  display: block; }

.p-slider-horizontal .p-slider-range {
  top: 0;
  left: 0;
  height: 100%; }

.p-slider-horizontal .p-slider-handle {
  top: 50%; }

.p-slider-vertical {
  height: 100px; }

.p-slider-vertical .p-slider-handle {
  left: 50%; }

.p-slider-vertical .p-slider-range {
  bottom: 0;
  left: 0;
  width: 100%; }

.p-splitbutton {
  display: inline-flex;
  position: relative; }

.p-splitbutton .p-splitbutton-defaultbutton {
  flex: 1 1 auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none; }

.p-splitbutton-menubutton {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-splitbutton .p-menu {
  min-width: 100%; }

.p-fluid .p-splitbutton {
  display: flex; }

.p-steps {
  position: relative; }

.p-steps ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex; }

.p-steps-item {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 1 1 auto; }

.p-steps-item .p-menuitem-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  text-decoration: none; }

.p-steps.p-steps-readonly .p-steps-item {
  cursor: auto; }

.p-steps-item.p-steps-current .p-menuitem-link {
  cursor: default; }

.p-steps-title {
  white-space: nowrap; }

.p-steps-number {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-steps-title {
  display: block; }

.p-tabmenu-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-wrap: wrap; }

.p-tabmenu-nav a {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  text-decoration: none;
  overflow: hidden; }

.p-tabmenu-nav a:focus {
  z-index: 1; }

.p-tabmenu-nav .p-menuitem-text {
  line-height: 1; }

.p-tabmenu-ink-bar {
  display: none;
  z-index: 1; }

.p-tabview-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-wrap: wrap; }

.p-tabview-nav-link {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  overflow: hidden; }

.p-tabview-ink-bar {
  display: none;
  z-index: 1; }

.p-tabview-nav-link:focus {
  z-index: 1; }

.p-tabview-title {
  line-height: 1; }

.p-tieredmenu-overlay {
  position: absolute; }

.p-tieredmenu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-tieredmenu .p-submenu-list {
  position: absolute;
  min-width: 100%;
  z-index: 1;
  display: none; }

.p-tieredmenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-tieredmenu .p-menuitem-text {
  line-height: 1; }

.p-tieredmenu .p-menuitem {
  position: relative; }

.p-tieredmenu .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-tieredmenu .p-menuitem-active > .p-submenu-list {
  display: block;
  left: 100%;
  top: 0; }

.p-timeline {
  display: flex;
  flex-grow: 1;
  flex-direction: column; }

.p-timeline-left .p-timeline-event-opposite {
  text-align: right; }

.p-timeline-left .p-timeline-event-content {
  text-align: left; }

.p-timeline-right .p-timeline-event {
  flex-direction: row-reverse; }

.p-timeline-right .p-timeline-event-opposite {
  text-align: left; }

.p-timeline-right .p-timeline-event-content {
  text-align: right; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
  flex-direction: row-reverse; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
  text-align: right; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
  text-align: left; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
  text-align: left; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
  text-align: right; }

.p-timeline-event {
  display: flex;
  position: relative;
  min-height: 70px; }

.p-timeline-event:last-child {
  min-height: 0; }

.p-timeline-event-opposite {
  flex: 1;
  padding: 0 1rem; }

.p-timeline-event-content {
  flex: 1;
  padding: 0 1rem; }

.p-timeline-event-separator {
  flex: 0;
  display: flex;
  align-items: center;
  flex-direction: column; }

.p-timeline-event-marker {
  display: flex;
  align-self: baseline; }

.p-timeline-event-connector {
  flex-grow: 1; }

.p-timeline-horizontal {
  flex-direction: row; }

.p-timeline-horizontal .p-timeline-event {
  flex-direction: column;
  flex: 1; }

.p-timeline-horizontal .p-timeline-event:last-child {
  flex: 0; }

.p-timeline-horizontal .p-timeline-event-separator {
  flex-direction: row; }

.p-timeline-horizontal .p-timeline-event-connector {
  width: 100%; }

.p-timeline-bottom .p-timeline-event {
  flex-direction: column-reverse; }

.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
  flex-direction: column-reverse; }

.p-toast {
  position: fixed;
  width: 25rem; }

.p-toast-message-content {
  display: flex;
  align-items: flex-start; }

.p-toast-message-text {
  flex: 1 1 auto; }

.p-toast-top-right {
  top: 20px;
  right: 20px; }

.p-toast-top-left {
  top: 20px;
  left: 20px; }

.p-toast-bottom-left {
  bottom: 20px;
  left: 20px; }

.p-toast-bottom-right {
  bottom: 20px;
  right: 20px; }

.p-toast-top-center {
  top: 20px;
  left: 50%;
  margin-left: -10em; }

.p-toast-bottom-center {
  bottom: 20px;
  left: 50%;
  margin-left: -10em; }

.p-toast-center {
  left: 50%;
  top: 50%;
  min-width: 20vw;
  transform: translate(-50%, -50%); }

.p-toast-icon-close {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-toast-icon-close.p-link {
  cursor: pointer; }

.p-toast-message-enter {
  opacity: 0;
  transform: translateY(50%); }

.p-toast-message-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: transform .3s,opacity .3s; }

.p-toast-message-enter-done {
  transform: none; }

.p-toast-message-exit {
  opacity: 1;
  max-height: 1000px; }

.p-toast-message-exit-active {
  opacity: 0;
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; }

.p-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.p-toolbar-group-left, .p-toolbar-group-right {
  display: flex;
  align-items: center; }

.p-tooltip {
  position: absolute;
  padding: .25em .5rem;
  max-width: 12.5rem; }

.p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left {
  padding: 0 .25rem; }

.p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom {
  padding: .25em 0; }

.p-tooltip .p-tooltip-text {
  white-space: pre-line; }

.p-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.p-tooltip-right .p-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -.25rem;
  border-width: .25em .25em .25em 0; }

.p-tooltip-left .p-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -.25rem;
  border-width: .25em 0 .25em .25rem; }

.p-tooltip.p-tooltip-top {
  padding: .25em 0; }

.p-tooltip-top .p-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -.25rem;
  border-width: .25em .25em 0; }

.p-tooltip-bottom .p-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -.25rem;
  border-width: 0 .25em .25rem; }

.p-tree-container {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto; }

.p-treenode-children {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-treenode-selectable {
  cursor: pointer;
  user-select: none; }

.p-tree-toggler {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
  visibility: hidden; }

.p-treenode-content {
  display: flex;
  align-items: center; }

.p-tree-filter {
  width: 100%; }

.p-tree-filter-container {
  position: relative;
  display: block;
  width: 100%; }

.p-tree-filter-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-tree-loading {
  position: relative;
  min-height: 4rem; }

.p-tree .p-tree-loading-overlay {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

.p-treetable {
  position: relative; }

.p-treetable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; }

.p-treetable .p-sortable-column {
  cursor: pointer;
  user-select: none; }

.p-treetable-auto-layout > .p-treetable-wrapper {
  overflow-x: auto; }

.p-treetable-auto-layout > .p-treetable-wrapper > table {
  table-layout: auto; }

.p-treetable-hoverable-rows .p-treetable-tbody > tr {
  cursor: pointer; }

.p-treetable-toggler {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  position: relative; }

.p-treetable-toggler + .p-checkbox {
  vertical-align: middle; }

.p-treetable-toggler + .p-checkbox + span {
  vertical-align: middle; }

.p-treetable-resizable > .p-treetable-wrapper {
  overflow-x: auto; }

.p-treetable-resizable .p-treetable-thead > tr > th, .p-treetable-resizable .p-treetable-tfoot > tr > td, .p-treetable-resizable .p-treetable-tbody > tr > td {
  overflow: hidden; }

.p-treetable-resizable .p-resizable-column {
  background-clip: padding-box;
  position: relative; }

.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
  display: none; }

.p-treetable .p-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: .5rem;
  height: 100%;
  padding: 0;
  cursor: col-resize;
  border: 1px solid transparent; }

.p-treetable .p-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none; }

.p-treetable-scrollable-wrapper {
  position: relative; }

.p-treetable-scrollable-header, .p-treetable-scrollable-footer {
  overflow: hidden;
  border: 0 none; }

.p-treetable-scrollable-body {
  overflow: auto;
  position: relative; }

.p-treetable-virtual-table {
  position: absolute; }

.p-treetable-frozen-view .p-treetable-scrollable-body {
  overflow: hidden; }

.p-treetable-unfrozen-view {
  position: absolute;
  top: 0;
  left: 0; }

.p-treetable-reorder-indicator-up, .p-treetable-reorder-indicator-down {
  position: absolute;
  display: none; }

.p-treetable .p-treetable-loading-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }

@font-face {
  font-family: 'PrimeIcons';
  font-display: auto;
  src: url(2d2afb2719a1ee903e576e7c457daf81.eot);
  src: url(2d2afb2719a1ee903e576e7c457daf81.eot?#iefix) format("embedded-opentype"), url(df0140f8e79ecfeffaf85220aaecd7c4.ttf) format("truetype"), url(66ee0deb739ca71f0ecdc39d7c1b22cb.woff) format("woff"), url(e5e0e94474d5fd92e7e800a8865d297c.svg?#primeicons) format("svg");
  font-weight: normal;
  font-style: normal; }

.pi {
  font-family: 'primeicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pi-fw {
  width: 1.28571429em;
  text-align: center; }

.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.pi-step-backward-alt:before {
  content: "\E9AC"; }

.pi-step-forward-alt:before {
  content: "\E9AD"; }

.pi-forward:before {
  content: "\E9AE"; }

.pi-backward:before {
  content: "\E9AF"; }

.pi-fast-backward:before {
  content: "\E9B0"; }

.pi-fast-forward:before {
  content: "\E9B1"; }

.pi-pause:before {
  content: "\E9B2"; }

.pi-play:before {
  content: "\E9B3"; }

.pi-compass:before {
  content: "\E9AB"; }

.pi-id-card:before {
  content: "\E9AA"; }

.pi-ticket:before {
  content: "\E9A9"; }

.pi-file-o:before {
  content: "\E9A8"; }

.pi-reply:before {
  content: "\E9A7"; }

.pi-directions-alt:before {
  content: "\E9A5"; }

.pi-directions:before {
  content: "\E9A6"; }

.pi-thumbs-up:before {
  content: "\E9A3"; }

.pi-thumbs-down:before {
  content: "\E9A4"; }

.pi-sort-numeric-down-alt:before {
  content: "\E996"; }

.pi-sort-numeric-up-alt:before {
  content: "\E997"; }

.pi-sort-alpha-down-alt:before {
  content: "\E998"; }

.pi-sort-alpha-up-alt:before {
  content: "\E999"; }

.pi-sort-numeric-down:before {
  content: "\E99A"; }

.pi-sort-numeric-up:before {
  content: "\E99B"; }

.pi-sort-alpha-down:before {
  content: "\E99C"; }

.pi-sort-alpha-up:before {
  content: "\E99D"; }

.pi-sort-alt:before {
  content: "\E99E"; }

.pi-sort-amount-up:before {
  content: "\E99F"; }

.pi-sort-amount-down:before {
  content: "\E9A0"; }

.pi-sort-amount-down-alt:before {
  content: "\E9A1"; }

.pi-sort-amount-up-alt:before {
  content: "\E9A2"; }

.pi-palette:before {
  content: "\E995"; }

.pi-undo:before {
  content: "\E994"; }

.pi-desktop:before {
  content: "\E993"; }

.pi-sliders-v:before {
  content: "\E991"; }

.pi-sliders-h:before {
  content: "\E992"; }

.pi-search-plus:before {
  content: "\E98F"; }

.pi-search-minus:before {
  content: "\E990"; }

.pi-file-excel:before {
  content: "\E98E"; }

.pi-file-pdf:before {
  content: "\E98D"; }

.pi-check-square:before {
  content: "\E98C"; }

.pi-chart-line:before {
  content: "\E98B"; }

.pi-user-edit:before {
  content: "\E98A"; }

.pi-exclamation-circle:before {
  content: "\E989"; }

.pi-android:before {
  content: "\E985"; }

.pi-google:before {
  content: "\E986"; }

.pi-apple:before {
  content: "\E987"; }

.pi-microsoft:before {
  content: "\E988"; }

.pi-heart:before {
  content: "\E984"; }

.pi-mobile:before {
  content: "\E982"; }

.pi-tablet:before {
  content: "\E983"; }

.pi-key:before {
  content: "\E981"; }

.pi-shopping-cart:before {
  content: "\E980"; }

.pi-comments:before {
  content: "\E97E"; }

.pi-comment:before {
  content: "\E97F"; }

.pi-briefcase:before {
  content: "\E97D"; }

.pi-bell:before {
  content: "\E97C"; }

.pi-paperclip:before {
  content: "\E97B"; }

.pi-share-alt:before {
  content: "\E97A"; }

.pi-envelope:before {
  content: "\E979"; }

.pi-volume-down:before {
  content: "\E976"; }

.pi-volume-up:before {
  content: "\E977"; }

.pi-volume-off:before {
  content: "\E978"; }

.pi-eject:before {
  content: "\E975"; }

.pi-money-bill:before {
  content: "\E974"; }

.pi-images:before {
  content: "\E973"; }

.pi-image:before {
  content: "\E972"; }

.pi-sign-in:before {
  content: "\E970"; }

.pi-sign-out:before {
  content: "\E971"; }

.pi-wifi:before {
  content: "\E96F"; }

.pi-sitemap:before {
  content: "\E96E"; }

.pi-chart-bar:before {
  content: "\E96D"; }

.pi-camera:before {
  content: "\E96C"; }

.pi-dollar:before {
  content: "\E96B"; }

.pi-lock-open:before {
  content: "\E96A"; }

.pi-table:before {
  content: "\E969"; }

.pi-map-marker:before {
  content: "\E968"; }

.pi-list:before {
  content: "\E967"; }

.pi-eye-slash:before {
  content: "\E965"; }

.pi-eye:before {
  content: "\E966"; }

.pi-folder-open:before {
  content: "\E964"; }

.pi-folder:before {
  content: "\E963"; }

.pi-video:before {
  content: "\E962"; }

.pi-inbox:before {
  content: "\E961"; }

.pi-lock:before {
  content: "\E95F"; }

.pi-unlock:before {
  content: "\E960"; }

.pi-tags:before {
  content: "\E95D"; }

.pi-tag:before {
  content: "\E95E"; }

.pi-power-off:before {
  content: "\E95C"; }

.pi-save:before {
  content: "\E95B"; }

.pi-question-circle:before {
  content: "\E959"; }

.pi-question:before {
  content: "\E95A"; }

.pi-copy:before {
  content: "\E957"; }

.pi-file:before {
  content: "\E958"; }

.pi-clone:before {
  content: "\E955"; }

.pi-calendar-times:before {
  content: "\E952"; }

.pi-calendar-minus:before {
  content: "\E953"; }

.pi-calendar-plus:before {
  content: "\E954"; }

.pi-ellipsis-v:before {
  content: "\E950"; }

.pi-ellipsis-h:before {
  content: "\E951"; }

.pi-bookmark:before {
  content: "\E94E"; }

.pi-globe:before {
  content: "\E94F"; }

.pi-replay:before {
  content: "\E94D"; }

.pi-filter:before {
  content: "\E94C"; }

.pi-print:before {
  content: "\E94B"; }

.pi-align-right:before {
  content: "\E946"; }

.pi-align-left:before {
  content: "\E947"; }

.pi-align-center:before {
  content: "\E948"; }

.pi-align-justify:before {
  content: "\E949"; }

.pi-cog:before {
  content: "\E94A"; }

.pi-cloud-download:before {
  content: "\E943"; }

.pi-cloud-upload:before {
  content: "\E944"; }

.pi-cloud:before {
  content: "\E945"; }

.pi-pencil:before {
  content: "\E942"; }

.pi-users:before {
  content: "\E941"; }

.pi-clock:before {
  content: "\E940"; }

.pi-user-minus:before {
  content: "\E93E"; }

.pi-user-plus:before {
  content: "\E93F"; }

.pi-trash:before {
  content: "\E93D"; }

.pi-external-link:before {
  content: "\E93C"; }

.pi-window-maximize:before {
  content: "\E93B"; }

.pi-window-minimize:before {
  content: "\E93A"; }

.pi-refresh:before {
  content: "\E938"; }

.pi-user:before {
  content: "\E939"; }

.pi-exclamation-triangle:before {
  content: "\E922"; }

.pi-calendar:before {
  content: "\E927"; }

.pi-chevron-circle-left:before {
  content: "\E928"; }

.pi-chevron-circle-down:before {
  content: "\E929"; }

.pi-chevron-circle-right:before {
  content: "\E92A"; }

.pi-chevron-circle-up:before {
  content: "\E92B"; }

.pi-angle-double-down:before {
  content: "\E92C"; }

.pi-angle-double-left:before {
  content: "\E92D"; }

.pi-angle-double-right:before {
  content: "\E92E"; }

.pi-angle-double-up:before {
  content: "\E92F"; }

.pi-angle-down:before {
  content: "\E930"; }

.pi-angle-left:before {
  content: "\E931"; }

.pi-angle-right:before {
  content: "\E932"; }

.pi-angle-up:before {
  content: "\E933"; }

.pi-upload:before {
  content: "\E934"; }

.pi-download:before {
  content: "\E956"; }

.pi-ban:before {
  content: "\E935"; }

.pi-star-o:before {
  content: "\E936"; }

.pi-star:before {
  content: "\E937"; }

.pi-chevron-left:before {
  content: "\E900"; }

.pi-chevron-right:before {
  content: "\E901"; }

.pi-chevron-down:before {
  content: "\E902"; }

.pi-chevron-up:before {
  content: "\E903"; }

.pi-caret-left:before {
  content: "\E904"; }

.pi-caret-right:before {
  content: "\E905"; }

.pi-caret-down:before {
  content: "\E906"; }

.pi-caret-up:before {
  content: "\E907"; }

.pi-search:before {
  content: "\E908"; }

.pi-check:before {
  content: "\E909"; }

.pi-check-circle:before {
  content: "\E90A"; }

.pi-times:before {
  content: "\E90B"; }

.pi-times-circle:before {
  content: "\E90C"; }

.pi-plus:before {
  content: "\E90D"; }

.pi-plus-circle:before {
  content: "\E90E"; }

.pi-minus:before {
  content: "\E90F"; }

.pi-minus-circle:before {
  content: "\E910"; }

.pi-circle-on:before {
  content: "\E911"; }

.pi-circle-off:before {
  content: "\E912"; }

.pi-sort-down:before {
  content: "\E913"; }

.pi-sort-up:before {
  content: "\E914"; }

.pi-sort:before {
  content: "\E915"; }

.pi-step-backward:before {
  content: "\E916"; }

.pi-step-forward:before {
  content: "\E917"; }

.pi-th-large:before {
  content: "\E918"; }

.pi-arrow-down:before {
  content: "\E919"; }

.pi-arrow-left:before {
  content: "\E91A"; }

.pi-arrow-right:before {
  content: "\E91B"; }

.pi-arrow-up:before {
  content: "\E91C"; }

.pi-bars:before {
  content: "\E91D"; }

.pi-arrow-circle-down:before {
  content: "\E91E"; }

.pi-arrow-circle-left:before {
  content: "\E91F"; }

.pi-arrow-circle-right:before {
  content: "\E920"; }

.pi-arrow-circle-up:before {
  content: "\E921"; }

.pi-info:before {
  content: "\E923"; }

.pi-info-circle:before {
  content: "\E924"; }

.pi-home:before {
  content: "\E925"; }

.pi-spinner:before {
  content: "\E926"; }

:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }

.hollow-red--100:hover {
  color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }

.hollow-red--900:hover {
  color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }

.hollow-red--200:hover {
  color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }

.hollow-red--800:hover {
  color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }

.hollow-red--300:hover {
  color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }

.hollow-red--700:hover {
  color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }

.hollow-red--400:hover {
  color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }

.hollow-red--600:hover {
  color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }

.hollow-red--50:hover {
  color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }

.hollow-red--500:hover {
  color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }

.hollow-pink--100:hover {
  color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }

.hollow-pink--900:hover {
  color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }

.hollow-pink--200:hover {
  color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }

.hollow-pink--800:hover {
  color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }

.hollow-pink--300:hover {
  color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }

.hollow-pink--700:hover {
  color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }

.hollow-pink--400:hover {
  color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }

.hollow-pink--600:hover {
  color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }

.hollow-pink--50:hover {
  color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }

.hollow-pink--500:hover {
  color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }

.hollow-purple--100:hover {
  color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }

.hollow-purple--900:hover {
  color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }

.hollow-purple--200:hover {
  color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }

.hollow-purple--800:hover {
  color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }

.hollow-purple--300:hover {
  color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }

.hollow-purple--700:hover {
  color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }

.hollow-purple--400:hover {
  color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }

.hollow-purple--600:hover {
  color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }

.hollow-purple--50:hover {
  color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }

.hollow-purple--500:hover {
  color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }

.hollow-deep-purple--100:hover {
  color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }

.hollow-deep-purple--900:hover {
  color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }

.hollow-deep-purple--200:hover {
  color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }

.hollow-deep-purple--800:hover {
  color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }

.hollow-deep-purple--700:hover {
  color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }

.hollow-deep-purple--600:hover {
  color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }

.hollow-deep-purple--50:hover {
  color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }

.hollow-deep-purple--500:hover {
  color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }

.hollow-indigo--100:hover {
  color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }

.hollow-indigo--200:hover {
  color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }

.hollow-indigo--800:hover {
  color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }

.hollow-indigo--700:hover {
  color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }

.hollow-indigo--400:hover {
  color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }

.hollow-indigo--600:hover {
  color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }

.hollow-indigo--50:hover {
  color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }

.hollow-indigo--500:hover {
  color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }

.hollow-blue--900:hover {
  color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }

.hollow-blue--200:hover {
  color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }

.hollow-blue--800:hover {
  color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }

.hollow-blue--300:hover {
  color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }

.hollow-blue--700:hover {
  color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }

.hollow-blue--400:hover {
  color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }

.hollow-blue--600:hover {
  color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }

.hollow-blue--50:hover {
  color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }

.hollow-blue--500:hover {
  color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }

.hollow-light-blue--100:hover {
  color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }

.hollow-light-blue--900:hover {
  color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }

.hollow-light-blue--200:hover {
  color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }

.hollow-light-blue--800:hover {
  color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }

.hollow-light-blue--300:hover {
  color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }

.hollow-light-blue--700:hover {
  color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }

.hollow-light-blue--400:hover {
  color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }

.hollow-light-blue--600:hover {
  color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }

.hollow-light-blue--50:hover {
  color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }

.hollow-light-blue--500:hover {
  color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }

.hollow-cyan--100:hover {
  color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }

.hollow-cyan--900:hover {
  color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }

.hollow-cyan--200:hover {
  color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }

.hollow-cyan--800:hover {
  color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }

.hollow-cyan--300:hover {
  color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }

.hollow-cyan--700:hover {
  color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }

.hollow-cyan--400:hover {
  color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }

.hollow-cyan--600:hover {
  color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }

.hollow-cyan--50:hover {
  color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }

.hollow-cyan--500:hover {
  color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }

.hollow-teal--100:hover {
  color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }

.hollow-teal--200:hover {
  color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }

.hollow-teal--800:hover {
  color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }

.hollow-teal--300:hover {
  color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }

.hollow-teal--700:hover {
  color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }

.hollow-teal--400:hover {
  color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }

.hollow-teal--600:hover {
  color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }

.hollow-teal--50:hover {
  color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }

.hollow-teal--500:hover {
  color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }

.hollow-green--100:hover {
  color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }

.hollow-green--900:hover {
  color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }

.hollow-green--800:hover {
  color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }

.hollow-green--300:hover {
  color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }

.hollow-green--700:hover {
  color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }

.hollow-green--400:hover {
  color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }

.hollow-green--600:hover {
  color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }

.hollow-green--50:hover {
  color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }

.hollow-green--500:hover {
  color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }

.hollow-light-green--100:hover {
  color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }

.hollow-light-green--900:hover {
  color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }

.hollow-light-green--200:hover {
  color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }

.hollow-light-green--800:hover {
  color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }

.hollow-light-green--300:hover {
  color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }

.hollow-light-green--700:hover {
  color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }

.hollow-light-green--400:hover {
  color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }

.hollow-light-green--50:hover {
  color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }

.hollow-light-green--500:hover {
  color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }

.hollow-lime--100:hover {
  color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }

.hollow-lime--900:hover {
  color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }

.hollow-lime--200:hover {
  color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }

.hollow-lime--800:hover {
  color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }

.hollow-lime--300:hover {
  color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }

.hollow-lime--700:hover {
  color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }

.hollow-lime--400:hover {
  color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }

.hollow-lime--600:hover {
  color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }

.hollow-lime--50:hover {
  color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }

.hollow-lime--500:hover {
  color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }

.hollow-yellow--100:hover {
  color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }

.hollow-yellow--900:hover {
  color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }

.hollow-yellow--200:hover {
  color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }

.hollow-yellow--800:hover {
  color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }

.hollow-yellow--300:hover {
  color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }

.hollow-yellow--700:hover {
  color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }

.hollow-yellow--400:hover {
  color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }

.hollow-yellow--600:hover {
  color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }

.hollow-yellow--500:hover {
  color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }

.hollow-amber--100:hover {
  color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }

.hollow-amber--900:hover {
  color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }

.hollow-amber--200:hover {
  color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }

.hollow-amber--800:hover {
  color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }

.hollow-amber--300:hover {
  color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }

.hollow-amber--700:hover {
  color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }

.hollow-amber--400:hover {
  color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }

.hollow-amber--600:hover {
  color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }

.hollow-amber--50:hover {
  color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }

.hollow-amber--500:hover {
  color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }

.hollow-orange--300:hover {
  color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }

.hollow-orange--700:hover {
  color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }

.hollow-orange--500:hover {
  color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }

.hollow-deep-orange--100:hover {
  color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }

.hollow-deep-orange--900:hover {
  color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }

.hollow-deep-orange--800:hover {
  color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }

.hollow-deep-orange--700:hover {
  color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }

.hollow-deep-orange--600:hover {
  color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }

.hollow-deep-orange--50:hover {
  color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }

.hollow-deep-orange--500:hover {
  color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }

.hollow-brown--100:hover {
  color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }

.hollow-brown--900:hover {
  color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }

.hollow-brown--800:hover {
  color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }

.hollow-brown--300:hover {
  color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }

.hollow-brown--700:hover {
  color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }

.hollow-brown--400:hover {
  color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }

.hollow-brown--50:hover {
  color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }

.hollow-brown--500:hover {
  color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }

.hollow-grey--100:hover {
  color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }

.hollow-grey--200:hover {
  color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }

.hollow-grey--300:hover {
  color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }

.hollow-grey--700:hover {
  color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }

.hollow-grey--400:hover {
  color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }

.hollow-grey--600:hover {
  color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }

.hollow-grey--50:hover {
  color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }

.hollow-grey--500:hover {
  color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }

.hollow-blue-grey--800:hover {
  color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }

.hollow-blue-grey--700:hover {
  color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }

.hollow-blue-grey--600:hover {
  color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }

.hollow-blue-grey--500:hover {
  color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }

[data-theme="dark-ui"] [class^="big-icon--"],
[data-theme="dark-ui"] [class*=" big-icon--"] {
  color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }

[data-theme="accessible-light-ui"] [class^="icon-"],
[data-theme="accessible-light-ui"] [class*=" icon-"],
[data-theme="accessible-light-ui"] [class^="big-icon--"],
[data-theme="accessible-light-ui"] [class*=" big-icon--"] {
  color: #000; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style {
  color: #111; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
  background-color: var(--color-accessible-primary);
  border-color: var(--color-accessible-primary);
  border-top-color: #020158;
  color: #fff; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
  background-color: #020166;
  border-color: #020166;
  border-top-color: #010036; }

[data-theme="accessible-light-ui"] .sd-create-btn .circle {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .navbtn.navbtn--active {
  background-color: #444;
  color: #fff; }

[data-theme="accessible-light-ui"] .btn {
  color: var(--color-accessible-text);
  font-weight: 600;
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .btn.btn--primary {
  background-color: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .btn.btn--hollow {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .sd-list-item {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
  font-size: 1.3rem; }

[data-theme="accessible-light-ui"] .sd-list-item time {
  color: #484848;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .badge {
  font-size: 1.2rem;
  line-height: 1.1em;
  font-weight: 600; }

[data-theme="accessible-light-ui"] .side-panel {
  background-color: #fff;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .side-panel__header {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
  font-weight: 500;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
  font-weight: 400;
  color: #595959; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
  background-color: var(--color-bg-800);
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
  background-color: var(--color-bg-800);
  color: #fff !important; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
  color: #fff !important; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__label {
  font-weight: 600;
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__input,
[data-theme="accessible-light-ui"] .sd-input .sd-input__select {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
[data-theme="accessible-light-ui"] .sd-input .sd-input__message {
  font-size: 1.4rem;
  margin: 0.8rem 0; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
  color: #444; }

[data-theme="accessible-light-ui"] .form-label {
  font-size: 1.2rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .form-label.form-label--light {
  color: #525252; }

[data-theme="accessible-light-ui"] .navbtn {
  color: #111; }

[data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
  color: currentColor; }

[data-theme="accessible-light-ui"] .dropdown__menu-label {
  font-size: 1.2rem;
  color: #585858; }

[data-theme="accessible-light-ui"] .dropdown__toggle:active,
[data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
  color: currentColor;
  font-size: 1.5rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
  background: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .sd-text__slugline,
[data-theme="accessible-light-ui"] p.sd-text__slugline {
  color: var(--color-accessible-primary) !important; }

[data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
  background-color: rgba(123, 123, 123, 0.5);
  height: 2rem;
  width: 2rem;
  text-align: center;
  border-radius: 50%; }

[data-theme="accessible-light-ui"] .toggle-box__label {
  font-size: 1.4rem;
  color: var(--color-label-text);
  font-weight: 500; }

[data-theme="accessible-light-ui"] .sd-grid-item time {
  color: #484848;
  font-size: 1.3rem;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
  font-size: 1.6rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
  font-size: 2rem; }

[data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
[data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: var(--color-accessible-primary);
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
  border-bottom-color: transparent;
  color: #fff;
  opacity: 0.6; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
  border-bottom-color: rgba(255, 255, 255, 0.25);
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: #4d4dff;
  color: #fff;
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
  color: #fff;
  opacity: 0.7; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
  color: #fff;
  opacity: 0.75; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
  opacity: 1; }

[data-theme="accessible-light-ui"] .badge.badge--primary {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .badge.badge--success {
  background-color: #006115; }

[data-theme="accessible-light-ui"] .badge.badge--warning {
  background-color: #854900; }

[data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
  background-color: var(--color-accessible-primary); }

/**
 * SD Reboot
 */
* {
  box-sizing: border-box; }

*::before,
*::after {
  box-sizing: inherit; }

:focus,
select:focus,
select:active {
  outline: none; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8rem; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  border-radius: 0; }

input[type="search"] {
  box-sizing: border-box; }

button {
  border: 0;
  background: transparent;
  cursor: pointer; }

button {
  color: inherit; }

.fade.ng-hide {
  opacity: 0; }

.fade.ng-hide-remove,
.fade.ng-hide-add {
  display: block !important; }

.fade.ng-hide-remove {
  transition: all linear 200ms; }

.fade.ng-hide-add {
  position: absolute;
  transition: all linear 300ms; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-4.8rem); }
  100% {
    transform: translateY(0); } }

.sd-card__thumbnail {
  transition: all 0.2s ease-in;
  height: 20rem; }

.sd-card__thumbnail.ng-hide {
  opacity: 0;
  height: 0.1rem !important; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-border {
  border: 0 !important; }

.no-line-height {
  line-height: 0 !important; }

.cursor-pointer {
  cursor: pointer; }

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

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

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

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

.sd-d-flex {
  display: flex !important; }

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

.sd-empty:empty {
  display: none !important; }

.overflow-auto {
  overflow: auto !important; }

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

.overflow-x-hidden {
  overflow-x: hidden !important; }

.sd-shadow--z1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease-out; }

.sd-shadow--z1.btn:active {
  box-shadow: none !important;
  transition: box-shadow 0.4s ease-out; }

.sd-shadow--z2 {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease-out; }

.sd-shadow--z2.btn:active {
  box-shadow: none !important;
  transition: box-shadow 0.4s ease-out; }

.sd-shadow--z3 {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.24), 0 0 1px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease-out; }

.sd-shadow--z3.btn:active {
  box-shadow: none !important;
  transition: box-shadow 0.4s ease-out; }

.sd-shadow--z4 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 6px 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease-out; }

.sd-shadow--z4.btn:active {
  box-shadow: none !important;
  transition: box-shadow 0.4s ease-out; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  right: 10px; }

::-webkit-scrollbar:hover {
  background-color: rgba(140, 140, 140, 0.2);
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer; }

.sd-overflow-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.sd-no-wrap {
  white-space: nowrap; }

.element-with-badge {
  display: inline-block;
  position: relative; }

.element-with-badge .badge {
  position: absolute;
  top: -.9rem;
  right: -.9rem; }

.element-with-badge + .element-with-badge, .element-with-badge + .btn {
  margin-left: 1.2rem;
  vertical-align: top; }

.btn + .element-with-badge {
  margin-left: 1.2rem;
  vertical-align: top; }

.sd-heading-3 {
  font-size: 1.6rem;
  margin-bottom: 1.6rem; }

p strong {
  font-weight: 500; }

time {
  color: #747474;
  font-weight: 300;
  letter-spacing: .025em; }

time.small {
  font-size: calc(100% - 0.1rem); }

.sd-text__strong-s {
  font-weight: 500; }

.sd-text__strong {
  font-weight: 500;
  font-size: 1.4rem; }

.sd-text__normal {
  font-weight: 400; }

.sd-text__italic {
  font-style: italic; }

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

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

.sd-text__serif {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif !important; }

.sd-text__slugline {
  color: var(--sd-slugline-color);
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-right: 1rem; }

.sd-text__title {
  color: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4; }

.sd-text {
  color: inherit;
  font-weight: 300;
  line-height: 1.5; }

.sd-text--medium {
  font-size: 1.4rem; }

.sd-text--large {
  font-size: 1.6rem; }

.sd-text__date-time {
  color: #747474;
  font-weight: 300;
  letter-spacing: .025em; }

.sd-text__date-time--small {
  font-size: 1.2rem; }

.sd-text__date-and-author {
  font-size: 1.2rem; }

.sd-text__author {
  font-weight: 500; }

.sd-text__info {
  font-weight: 300;
  color: #747474; }

.dark-ui .sd-text__slugline {
  color: #678b98; }

.dashboard-content-header {
  display: flex;
  padding: 1.5rem; }

.big-number-block {
  display: flex;
  color: #7b7b7b; }

.big-number-block__number {
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -.02em; }

.big-number-block__text {
  margin: 0 1rem;
  line-height: 120%;
  font-weight: 300; }

.big-number-block--grow {
  flex-grow: 1; }

.big-number-block--center {
  align-items: center; }

.dashboard-thumbnail-block {
  display: flex; }

.dashboard-thumbnail-block__image {
  border: 1px solid #d6d6d6; }

.dashboard-thumbnail-block__meta {
  padding: 0 1rem;
  display: flex;
  flex-direction: column; }

.dashboard-thumbnail-block__label {
  font-size: 1.2rem;
  color: #999; }

.dashboard-thumbnail-block__heading {
  display: flex;
  font-weight: 700;
  padding: .3rem 0; }

.dashboard-thumbnail-block__heading i {
  margin-right: .5rem; }

.dashboard-thumbnail-block__link {
  color: #5ea9c8;
  text-decoration: none;
  border-bottom: 1px dotted #5ea9c8; }

.dashboard-thumbnail-block__link:hover {
  border-bottom: 1px solid #5ea9c8;
  text-decoration: none;
  color: #5ea9c8; }

.sd-text-icon {
  display: inline-flex; }

.sd-text-icon i {
  margin-right: 0.3rem; }

.sd-text-icon + .sd-text-icon {
  margin-right: 1rem; }

.sd-text-icon.sd-text-icon--aligned-r + .sd-text-icon.sd-text-icon--aligned-r {
  margin-right: 0;
  margin-left: 1rem; }

.sd-opacity--20 {
  opacity: 0.2 !important; }

.sd-opacity--25 {
  opacity: 0.25 !important; }

.sd-opacity--30 {
  opacity: 0.3 !important; }

.sd-opacity--40 {
  opacity: 0.4 !important; }

.sd-opacity--50 {
  opacity: 0.5 !important; }

.sd-opacity--60 {
  opacity: 0.6 !important; }

.sd-opacity--75 {
  opacity: 0.75 !important; }

.panel-border-left {
  border-right: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.4); }

.panel-border-right {
  border-left: 0;
  border-right: 2px solid rgba(0, 0, 0, 0.4); }

.ml-auto,
.sd-margin-l--auto {
  margin-left: auto !important; }

.mr-auto,
.sd-margin-r--auto {
  margin-right: auto !important; }

.mt-auto,
.sd-margin-t--auto {
  margin-top: auto !important; }

.mb-auto,
.sd-margin-b--auto {
  margin-bottom: auto !important; }

.mlr-auto,
.sd-margin-x--auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.sd-margin-y--auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.sd-margin--auto {
  margin: auto !important; }

.sd-display-flex-column {
  display: flex;
  flex-direction: column;
  overflow: auto; }

.sd-flex-wrap {
  flex-wrap: wrap; }

.sd-flex-shrink {
  flex-shrink: 1 !important; }

.sd-flex-no-shrink {
  flex-shrink: 0 !important; }

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

.sd-flex-align-items-center {
  align-items: center !important; }

.sd-flex-grow {
  flex-grow: 1 !important; }

.sd-flex-no-grow {
  flex-grow: 0 !important; }

.sd-padding-t--0 {
  padding-top: 0rem !important; }

.sd-padding-r--0 {
  padding-right: 0rem !important; }

.sd-padding-b--0 {
  padding-bottom: 0rem !important; }

.sd-padding-l--0 {
  padding-left: 0rem !important; }

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

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

.sd-padding--0 {
  padding: 0rem !important; }

.sd-margin-t--0 {
  margin-top: 0rem !important; }

.sd-margin-r--0 {
  margin-right: 0rem !important; }

.sd-margin-b--0 {
  margin-bottom: 0rem !important; }

.sd-margin-l--0 {
  margin-left: 0rem !important; }

.sd-margin-x--0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important; }

.sd-margin-y--0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important; }

.sd-margin--0 {
  margin: 0rem !important; }

.sd-padding-t--0-5 {
  padding-top: 0.4rem !important; }

.sd-padding-r--0-5 {
  padding-right: 0.4rem !important; }

.sd-padding-b--0-5 {
  padding-bottom: 0.4rem !important; }

.sd-padding-l--0-5 {
  padding-left: 0.4rem !important; }

.sd-padding-x--0-5 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important; }

.sd-padding-y--0-5 {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important; }

.sd-padding--0-5 {
  padding: 0.4rem !important; }

.sd-margin-t--0-5 {
  margin-top: 0.4rem !important; }

.sd-margin-r--0-5 {
  margin-right: 0.4rem !important; }

.sd-margin-b--0-5 {
  margin-bottom: 0.4rem !important; }

.sd-margin-l--0-5 {
  margin-left: 0.4rem !important; }

.sd-margin-x--0-5 {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important; }

.sd-margin-y--0-5 {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important; }

.sd-margin--0-5 {
  margin: 0.4rem !important; }

.sd-padding-t--1 {
  padding-top: 0.8rem !important; }

.sd-padding-r--1 {
  padding-right: 0.8rem !important; }

.sd-padding-b--1 {
  padding-bottom: 0.8rem !important; }

.sd-padding-l--1 {
  padding-left: 0.8rem !important; }

.sd-padding-x--1 {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important; }

.sd-padding-y--1 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important; }

.sd-padding--1 {
  padding: 0.8rem !important; }

.sd-margin-t--1 {
  margin-top: 0.8rem !important; }

.sd-margin-r--1 {
  margin-right: 0.8rem !important; }

.sd-margin-b--1 {
  margin-bottom: 0.8rem !important; }

.sd-margin-l--1 {
  margin-left: 0.8rem !important; }

.sd-margin-x--1 {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important; }

.sd-margin-y--1 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important; }

.sd-margin--1 {
  margin: 0.8rem !important; }

.sd-padding-t--1-5 {
  padding-top: 1.2rem !important; }

.sd-padding-r--1-5 {
  padding-right: 1.2rem !important; }

.sd-padding-b--1-5 {
  padding-bottom: 1.2rem !important; }

.sd-padding-l--1-5 {
  padding-left: 1.2rem !important; }

.sd-padding-x--1-5 {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important; }

.sd-padding-y--1-5 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important; }

.sd-padding--1-5 {
  padding: 1.2rem !important; }

.sd-margin-t--1-5 {
  margin-top: 1.2rem !important; }

.sd-margin-r--1-5 {
  margin-right: 1.2rem !important; }

.sd-margin-b--1-5 {
  margin-bottom: 1.2rem !important; }

.sd-margin-l--1-5 {
  margin-left: 1.2rem !important; }

.sd-margin-x--1-5 {
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important; }

.sd-margin-y--1-5 {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important; }

.sd-margin--1-5 {
  margin: 1.2rem !important; }

.sd-padding-t--2 {
  padding-top: 1.6rem !important; }

.sd-padding-r--2 {
  padding-right: 1.6rem !important; }

.sd-padding-b--2 {
  padding-bottom: 1.6rem !important; }

.sd-padding-l--2 {
  padding-left: 1.6rem !important; }

.sd-padding-x--2 {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important; }

.sd-padding-y--2 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important; }

.sd-padding--2 {
  padding: 1.6rem !important; }

.sd-margin-t--2 {
  margin-top: 1.6rem !important; }

.sd-margin-r--2 {
  margin-right: 1.6rem !important; }

.sd-margin-b--2 {
  margin-bottom: 1.6rem !important; }

.sd-margin-l--2 {
  margin-left: 1.6rem !important; }

.sd-margin-x--2 {
  margin-left: 1.6rem !important;
  margin-right: 1.6rem !important; }

.sd-margin-y--2 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important; }

.sd-margin--2 {
  margin: 1.6rem !important; }

.sd-padding-t--3 {
  padding-top: 2.4rem !important; }

.sd-padding-r--3 {
  padding-right: 2.4rem !important; }

.sd-padding-b--3 {
  padding-bottom: 2.4rem !important; }

.sd-padding-l--3 {
  padding-left: 2.4rem !important; }

.sd-padding-x--3 {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important; }

.sd-padding-y--3 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important; }

.sd-padding--3 {
  padding: 2.4rem !important; }

.sd-margin-t--3 {
  margin-top: 2.4rem !important; }

.sd-margin-r--3 {
  margin-right: 2.4rem !important; }

.sd-margin-b--3 {
  margin-bottom: 2.4rem !important; }

.sd-margin-l--3 {
  margin-left: 2.4rem !important; }

.sd-margin-x--3 {
  margin-left: 2.4rem !important;
  margin-right: 2.4rem !important; }

.sd-margin-y--3 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important; }

.sd-margin--3 {
  margin: 2.4rem !important; }

.sd-padding-t--4 {
  padding-top: 3.2rem !important; }

.sd-padding-r--4 {
  padding-right: 3.2rem !important; }

.sd-padding-b--4 {
  padding-bottom: 3.2rem !important; }

.sd-padding-l--4 {
  padding-left: 3.2rem !important; }

.sd-padding-x--4 {
  padding-left: 3.2rem !important;
  padding-right: 3.2rem !important; }

.sd-padding-y--4 {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important; }

.sd-padding--4 {
  padding: 3.2rem !important; }

.sd-margin-t--4 {
  margin-top: 3.2rem !important; }

.sd-margin-r--4 {
  margin-right: 3.2rem !important; }

.sd-margin-b--4 {
  margin-bottom: 3.2rem !important; }

.sd-margin-l--4 {
  margin-left: 3.2rem !important; }

.sd-margin-x--4 {
  margin-left: 3.2rem !important;
  margin-right: 3.2rem !important; }

.sd-margin-y--4 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important; }

.sd-margin--4 {
  margin: 3.2rem !important; }

.sd-padding-t--5 {
  padding-top: 4rem !important; }

.sd-padding-r--5 {
  padding-right: 4rem !important; }

.sd-padding-b--5 {
  padding-bottom: 4rem !important; }

.sd-padding-l--5 {
  padding-left: 4rem !important; }

.sd-padding-x--5 {
  padding-left: 4rem !important;
  padding-right: 4rem !important; }

.sd-padding-y--5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

.sd-padding--5 {
  padding: 4rem !important; }

.sd-margin-t--5 {
  margin-top: 4rem !important; }

.sd-margin-r--5 {
  margin-right: 4rem !important; }

.sd-margin-b--5 {
  margin-bottom: 4rem !important; }

.sd-margin-l--5 {
  margin-left: 4rem !important; }

.sd-margin-x--5 {
  margin-left: 4rem !important;
  margin-right: 4rem !important; }

.sd-margin-y--5 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important; }

.sd-margin--5 {
  margin: 4rem !important; }

.sd-padding-all--0 {
  padding: 0 !important; }

.sd-padding-all--0-5 {
  padding: 0.4rem !important; }

.sd-padding-all--1 {
  padding: 0.8rem !important; }

.sd-padding-all--1-5 {
  padding: 1.2rem !important; }

.sd-padding-all--2 {
  padding: 1.6rem !important; }

.sd-padding-all--3 {
  padding: 2.4rem !important; }

.sd-margin-all--0 {
  margin: 0 !important; }

.sd-margin-all--0-5 {
  margin: 0.4rem !important; }

.sd-margin-all--1 {
  margin: 0.8rem !important; }

.sd-margin-all--1-5 {
  margin: 1.2rem !important; }

.sd-margin-all--2 {
  margin: 1.6rem !important; }

.sd-margin-all--3 {
  margin: 2.4rem !important; }

.sd-overlay-block {
  position: relative; }

.sd-overlay-block img {
  width: 100%; }

.sd-overlay-block__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  opacity: 0;
  color: #fff; }

.sd-overlay-block:hover .sd-overlay-block__overlay {
  opacity: 1; }

.sd-overlay-block__overlay-action-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }

.sd-overlay-block__overlay-action {
  flex-grow: 0;
  flex-shrink: 0;
  color: #fff;
  width: 5.6rem;
  height: 5.6rem;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent; }

.sd-overlay-block__overlay-action i {
  color: #fff;
  height: 2.4rem;
  width: 2.4rem;
  font-size: 2.4rem;
  line-height: 1;
  opacity: 0.5;
  transition: 0.2s linear all; }

.sd-overlay-block__overlay-action:hover {
  border-color: white;
  background-color: rgba(0, 0, 0, 0.4);
  text-decoration: none; }

.sd-overlay-block__overlay-action:hover i {
  opacity: 1; }

.sd-overlay-block__overlay-action + .sd-overlay-block__overlay-action {
  margin-left: 2rem; }

.sd-overlay-block .sd-overlay-block__overlay-message {
  display: none;
  margin-top: 1rem;
  color: #747474; }

.sd-overlay-block--no-image {
  height: 160px;
  border: 2px dashed #333; }

.sd-overlay-block--no-image .sd-overlay-block__overlay {
  opacity: 1; }

.sd-overlay-block--no-image img {
  display: none; }

.sd-overlay-block--no-image .sd-overlay-block__overlay-action-group {
  flex-direction: column; }

.sd-overlay-block--no-image .sd-overlay-block__overlay-message {
  display: block; }

.sd-wrap-helper {
  display: contents !important; }

.sd-word-break--all {
  word-break: break-all; }

.sd-accessibility__btn-text--invisible, .sd-accessibility__screenreader-text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.1rem;
  color: transparent !important;
  pointer-events: none; }

.btn {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  margin: 0;
  padding: 0 1.4rem;
  height: 3.2rem;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: rgba(51, 51, 51, 0.25);
  color: #333; }

.btn:hover, .btn:focus {
  background-color: rgba(8, 8, 8, 0.25);
  color: #333;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--small {
  font-size: 1rem;
  padding: 0 1rem;
  height: 2.4rem; }

.btn.btn--large {
  font-size: 1.4rem;
  padding: 0 2rem;
  height: 4rem; }

.btn.btn--active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--expanded {
  width: 100%;
  margin-right: 0;
  margin-left: 0; }

.btn.btn--default {
  background-color: rgba(51, 51, 51, 0.25);
  color: #333; }

.btn.btn--default:hover, .btn.btn--default:focus {
  background-color: rgba(41, 41, 41, 0.25);
  color: #333;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn.btn--default:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--primary {
  background-color: #5ea9c8;
  color: #fff; }

.btn.btn--primary:hover, .btn.btn--primary:focus {
  background-color: #3c8eaf;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn.btn--primary:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--primary [class^="icon-"], .btn.btn--primary [class*=" icon-"] {
  color: #fff; }

.btn.btn--success {
  background-color: #46a546;
  color: #fff; }

.btn.btn--success:hover, .btn.btn--success:focus {
  background-color: #388438;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn.btn--success:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--success [class^="icon-"], .btn.btn--success [class*=" icon-"] {
  color: #fff; }

.btn.btn--warning {
  background-color: #dd8200;
  color: #fff; }

.btn.btn--warning:hover, .btn.btn--warning:focus {
  background-color: #b16800;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn.btn--warning:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--warning [class^="icon-"], .btn.btn--warning [class*=" icon-"] {
  color: #fff; }

.btn.btn--alert {
  background-color: #E51C23;
  color: #fff; }

.btn.btn--alert:hover, .btn.btn--alert:focus {
  background-color: #b8151b;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn.btn--alert:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--alert [class^="icon-"], .btn.btn--alert [class*=" icon-"] {
  color: #fff; }

.btn.btn--highlight {
  background-color: #9c27b0;
  color: #fff; }

.btn.btn--highlight:hover, .btn.btn--highlight:focus {
  background-color: #7d1f8d;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn.btn--highlight:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--highlight [class^="icon-"], .btn.btn--highlight [class*=" icon-"] {
  color: #fff; }

.btn.btn--sd-green {
  background-color: #1eb06c;
  color: #fff; }

.btn.btn--sd-green:hover, .btn.btn--sd-green:focus {
  background-color: #188d56;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.btn.btn--sd-green:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--sd-green [class^="icon-"], .btn.btn--sd-green [class*=" icon-"] {
  color: #fff; }

.btn.btn--hollow {
  border: 1px solid rgba(51, 51, 51, 0.4);
  color: #333;
  box-shadow: none; }

.btn.btn--hollow, .btn.btn--hollow:hover, .btn.btn--hollow:focus {
  background-color: transparent; }

.btn.btn--hollow:hover, .btn.btn--hollow:focus {
  border-color: rgba(51, 51, 51, 0.9);
  color: rgba(51, 51, 51, 0.9); }

.btn.btn--hollow:active {
  box-shadow: inset 0 1px 0 0 #333; }

.btn.btn--hollow.btn--default {
  border: 1px solid rgba(51, 51, 51, 0.4);
  color: #333;
  box-shadow: none; }

.btn.btn--hollow.btn--default:hover, .btn.btn--hollow.btn--default:focus {
  border-color: rgba(51, 51, 51, 0.9);
  color: rgba(51, 51, 51, 0.9); }

.btn.btn--hollow.btn--default:active {
  box-shadow: inset 0 1px 0 0 #333; }

.btn.btn--hollow.btn--default [class^="icon-"], .btn.btn--hollow.btn--default [class*=" icon-"] {
  color: #333; }

.btn.btn--hollow.btn--primary {
  border: 1px solid rgba(94, 169, 200, 0.4);
  color: #5ea9c8;
  box-shadow: none; }

.btn.btn--hollow.btn--primary:hover, .btn.btn--hollow.btn--primary:focus {
  border-color: rgba(94, 169, 200, 0.9);
  color: rgba(94, 169, 200, 0.9); }

.btn.btn--hollow.btn--primary:active {
  box-shadow: inset 0 1px 0 0 #5ea9c8; }

.btn.btn--hollow.btn--primary [class^="icon-"], .btn.btn--hollow.btn--primary [class*=" icon-"] {
  color: #5ea9c8; }

.btn.btn--hollow.btn--success {
  border: 1px solid rgba(70, 165, 70, 0.4);
  color: #46a546;
  box-shadow: none; }

.btn.btn--hollow.btn--success:hover, .btn.btn--hollow.btn--success:focus {
  border-color: rgba(70, 165, 70, 0.9);
  color: rgba(70, 165, 70, 0.9); }

.btn.btn--hollow.btn--success:active {
  box-shadow: inset 0 1px 0 0 #46a546; }

.btn.btn--hollow.btn--success [class^="icon-"], .btn.btn--hollow.btn--success [class*=" icon-"] {
  color: #46a546; }

.btn.btn--hollow.btn--warning {
  border: 1px solid rgba(221, 130, 0, 0.4);
  color: #dd8200;
  box-shadow: none; }

.btn.btn--hollow.btn--warning:hover, .btn.btn--hollow.btn--warning:focus {
  border-color: rgba(221, 130, 0, 0.9);
  color: rgba(221, 130, 0, 0.9); }

.btn.btn--hollow.btn--warning:active {
  box-shadow: inset 0 1px 0 0 #dd8200; }

.btn.btn--hollow.btn--warning [class^="icon-"], .btn.btn--hollow.btn--warning [class*=" icon-"] {
  color: #dd8200; }

.btn.btn--hollow.btn--alert {
  border: 1px solid rgba(229, 28, 35, 0.4);
  color: #E51C23;
  box-shadow: none; }

.btn.btn--hollow.btn--alert:hover, .btn.btn--hollow.btn--alert:focus {
  border-color: rgba(229, 28, 35, 0.9);
  color: rgba(229, 28, 35, 0.9); }

.btn.btn--hollow.btn--alert:active {
  box-shadow: inset 0 1px 0 0 #E51C23; }

.btn.btn--hollow.btn--alert [class^="icon-"], .btn.btn--hollow.btn--alert [class*=" icon-"] {
  color: #E51C23; }

.btn.btn--hollow.btn--highlight {
  border: 1px solid rgba(156, 39, 176, 0.4);
  color: #9c27b0;
  box-shadow: none; }

.btn.btn--hollow.btn--highlight:hover, .btn.btn--hollow.btn--highlight:focus {
  border-color: rgba(156, 39, 176, 0.9);
  color: rgba(156, 39, 176, 0.9); }

.btn.btn--hollow.btn--highlight:active {
  box-shadow: inset 0 1px 0 0 #9c27b0; }

.btn.btn--hollow.btn--highlight [class^="icon-"], .btn.btn--hollow.btn--highlight [class*=" icon-"] {
  color: #9c27b0; }

.btn.btn--hollow.btn--sd-green {
  border: 1px solid rgba(30, 176, 108, 0.4);
  color: #1eb06c;
  box-shadow: none; }

.btn.btn--hollow.btn--sd-green:hover, .btn.btn--hollow.btn--sd-green:focus {
  border-color: rgba(30, 176, 108, 0.9);
  color: rgba(30, 176, 108, 0.9); }

.btn.btn--hollow.btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 #1eb06c; }

.btn.btn--hollow.btn--sd-green [class^="icon-"], .btn.btn--hollow.btn--sd-green [class*=" icon-"] {
  color: #1eb06c; }

.btn.btn--text-only {
  background-color: transparent;
  color: #333; }

.btn.btn--text-only:hover, .btn.btn--text-only:focus {
  background-color: rgba(51, 51, 51, 0.125);
  color: #333;
  box-shadow: none; }

.btn.btn--text-only:active {
  box-shadow: inset 0 1px 0 0 rgba(51, 51, 51, 0.4);
  border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent;
  background-color: rgba(51, 51, 51, 0.2125); }

.btn.btn--text-only.btn--default {
  background-color: transparent;
  box-shadow: none;
  color: #333; }

.btn.btn--text-only.btn--default:hover, .btn.btn--text-only.btn--default:focus {
  background-color: rgba(51, 51, 51, 0.1);
  color: #333;
  box-shadow: none; }

.btn.btn--text-only.btn--default:active {
  box-shadow: inset 0 1px 0 0 rgba(51, 51, 51, 0.4);
  border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent;
  background-color: rgba(51, 51, 51, 0.19); }

.btn.btn--text-only.btn--primary {
  background-color: transparent;
  box-shadow: none;
  color: #5ea9c8; }

.btn.btn--text-only.btn--primary:hover, .btn.btn--text-only.btn--primary:focus {
  background-color: rgba(94, 169, 200, 0.1);
  color: #5ea9c8;
  box-shadow: none; }

.btn.btn--text-only.btn--primary:active {
  box-shadow: inset 0 1px 0 0 rgba(94, 169, 200, 0.4);
  border-color: rgba(94, 169, 200, 0.4) transparent transparent transparent;
  background-color: rgba(94, 169, 200, 0.19); }

.btn.btn--text-only.btn--success {
  background-color: transparent;
  box-shadow: none;
  color: #46a546; }

.btn.btn--text-only.btn--success:hover, .btn.btn--text-only.btn--success:focus {
  background-color: rgba(70, 165, 70, 0.1);
  color: #46a546;
  box-shadow: none; }

.btn.btn--text-only.btn--success:active {
  box-shadow: inset 0 1px 0 0 rgba(70, 165, 70, 0.4);
  border-color: rgba(70, 165, 70, 0.4) transparent transparent transparent;
  background-color: rgba(70, 165, 70, 0.19); }

.btn.btn--text-only.btn--warning {
  background-color: transparent;
  box-shadow: none;
  color: #dd8200; }

.btn.btn--text-only.btn--warning:hover, .btn.btn--text-only.btn--warning:focus {
  background-color: rgba(221, 130, 0, 0.1);
  color: #dd8200;
  box-shadow: none; }

.btn.btn--text-only.btn--warning:active {
  box-shadow: inset 0 1px 0 0 rgba(221, 130, 0, 0.4);
  border-color: rgba(221, 130, 0, 0.4) transparent transparent transparent;
  background-color: rgba(221, 130, 0, 0.19); }

.btn.btn--text-only.btn--alert {
  background-color: transparent;
  box-shadow: none;
  color: #E51C23; }

.btn.btn--text-only.btn--alert:hover, .btn.btn--text-only.btn--alert:focus {
  background-color: rgba(229, 28, 35, 0.1);
  color: #E51C23;
  box-shadow: none; }

.btn.btn--text-only.btn--alert:active {
  box-shadow: inset 0 1px 0 0 rgba(229, 28, 35, 0.4);
  border-color: rgba(229, 28, 35, 0.4) transparent transparent transparent;
  background-color: rgba(229, 28, 35, 0.19); }

.btn.btn--text-only.btn--highlight {
  background-color: transparent;
  box-shadow: none;
  color: #9c27b0; }

.btn.btn--text-only.btn--highlight:hover, .btn.btn--text-only.btn--highlight:focus {
  background-color: rgba(156, 39, 176, 0.1);
  color: #9c27b0;
  box-shadow: none; }

.btn.btn--text-only.btn--highlight:active {
  box-shadow: inset 0 1px 0 0 rgba(156, 39, 176, 0.4);
  border-color: rgba(156, 39, 176, 0.4) transparent transparent transparent;
  background-color: rgba(156, 39, 176, 0.19); }

.btn.btn--text-only.btn--sd-green {
  background-color: transparent;
  box-shadow: none;
  color: #1eb06c; }

.btn.btn--text-only.btn--sd-green:hover, .btn.btn--text-only.btn--sd-green:focus {
  background-color: rgba(30, 176, 108, 0.1);
  color: #1eb06c;
  box-shadow: none; }

.btn.btn--text-only.btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 rgba(30, 176, 108, 0.4);
  border-color: rgba(30, 176, 108, 0.4) transparent transparent transparent;
  background-color: rgba(30, 176, 108, 0.19); }

.btn.btn--disabled, .btn[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled:hover, .btn.btn--disabled:focus, .btn[disabled]:hover, .btn[disabled]:focus {
  background-color: rgba(51, 51, 51, 0.25);
  color: #333;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--default, .btn[disabled].btn--default {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled.btn--default:hover, .btn.btn--disabled.btn--default:focus, .btn[disabled].btn--default:hover, .btn[disabled].btn--default:focus {
  background-color: #333;
  color: #fff;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--primary, .btn[disabled].btn--primary {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled.btn--primary:hover, .btn.btn--disabled.btn--primary:focus, .btn[disabled].btn--primary:hover, .btn[disabled].btn--primary:focus {
  background-color: #5ea9c8;
  color: #fff;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--success, .btn[disabled].btn--success {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled.btn--success:hover, .btn.btn--disabled.btn--success:focus, .btn[disabled].btn--success:hover, .btn[disabled].btn--success:focus {
  background-color: #46a546;
  color: #fff;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--warning, .btn[disabled].btn--warning {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled.btn--warning:hover, .btn.btn--disabled.btn--warning:focus, .btn[disabled].btn--warning:hover, .btn[disabled].btn--warning:focus {
  background-color: #dd8200;
  color: #fff;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--alert, .btn[disabled].btn--alert {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled.btn--alert:hover, .btn.btn--disabled.btn--alert:focus, .btn[disabled].btn--alert:hover, .btn[disabled].btn--alert:focus {
  background-color: #E51C23;
  color: #fff;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--highlight, .btn[disabled].btn--highlight {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled.btn--highlight:hover, .btn.btn--disabled.btn--highlight:focus, .btn[disabled].btn--highlight:hover, .btn[disabled].btn--highlight:focus {
  background-color: #9c27b0;
  color: #fff;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--sd-green, .btn[disabled].btn--sd-green {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none; }

.btn.btn--disabled.btn--sd-green:hover, .btn.btn--disabled.btn--sd-green:focus, .btn[disabled].btn--sd-green:hover, .btn[disabled].btn--sd-green:focus {
  background-color: #1eb06c;
  color: #fff;
  box-shadow: none;
  border: 1px solid transparent; }

.btn.btn--disabled.btn--hollow, .btn[disabled].btn--hollow {
  border: 1px solid 0;
  color: #333;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow, .btn.btn--disabled.btn--hollow:hover, .btn.btn--disabled.btn--hollow:focus, .btn[disabled].btn--hollow, .btn[disabled].btn--hollow:hover, .btn[disabled].btn--hollow:focus {
  background-color: transparent; }

.btn.btn--disabled.btn--hollow:hover, .btn.btn--disabled.btn--hollow:focus, .btn[disabled].btn--hollow:hover, .btn[disabled].btn--hollow:focus {
  border-color: rgba(51, 51, 51, 0.9);
  color: rgba(51, 51, 51, 0.9); }

.btn.btn--disabled.btn--hollow:active, .btn[disabled].btn--hollow:active {
  box-shadow: inset 0 1px 0 0 #333; }

.btn.btn--disabled.btn--hollow:active, .btn[disabled].btn--hollow:active {
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--default, .btn[disabled].btn--hollow.btn--default {
  border: 1px solid 0;
  color: #333;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--default:hover, .btn.btn--disabled.btn--hollow.btn--default:focus, .btn[disabled].btn--hollow.btn--default:hover, .btn[disabled].btn--hollow.btn--default:focus {
  border-color: rgba(51, 51, 51, 0.9);
  color: rgba(51, 51, 51, 0.9); }

.btn.btn--disabled.btn--hollow.btn--default:active, .btn[disabled].btn--hollow.btn--default:active {
  box-shadow: inset 0 1px 0 0 #333; }

.btn.btn--disabled.btn--hollow.btn--default:active, .btn[disabled].btn--hollow.btn--default:active {
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--primary, .btn[disabled].btn--hollow.btn--primary {
  border: 1px solid 0;
  color: #5ea9c8;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--primary:hover, .btn.btn--disabled.btn--hollow.btn--primary:focus, .btn[disabled].btn--hollow.btn--primary:hover, .btn[disabled].btn--hollow.btn--primary:focus {
  border-color: rgba(94, 169, 200, 0.9);
  color: rgba(94, 169, 200, 0.9); }

.btn.btn--disabled.btn--hollow.btn--primary:active, .btn[disabled].btn--hollow.btn--primary:active {
  box-shadow: inset 0 1px 0 0 #5ea9c8; }

.btn.btn--disabled.btn--hollow.btn--primary:active, .btn[disabled].btn--hollow.btn--primary:active {
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--success, .btn[disabled].btn--hollow.btn--success {
  border: 1px solid 0;
  color: #46a546;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--success:hover, .btn.btn--disabled.btn--hollow.btn--success:focus, .btn[disabled].btn--hollow.btn--success:hover, .btn[disabled].btn--hollow.btn--success:focus {
  border-color: rgba(70, 165, 70, 0.9);
  color: rgba(70, 165, 70, 0.9); }

.btn.btn--disabled.btn--hollow.btn--success:active, .btn[disabled].btn--hollow.btn--success:active {
  box-shadow: inset 0 1px 0 0 #46a546; }

.btn.btn--disabled.btn--hollow.btn--success:active, .btn[disabled].btn--hollow.btn--success:active {
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--warning, .btn[disabled].btn--hollow.btn--warning {
  border: 1px solid 0;
  color: #dd8200;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--warning:hover, .btn.btn--disabled.btn--hollow.btn--warning:focus, .btn[disabled].btn--hollow.btn--warning:hover, .btn[disabled].btn--hollow.btn--warning:focus {
  border-color: rgba(221, 130, 0, 0.9);
  color: rgba(221, 130, 0, 0.9); }

.btn.btn--disabled.btn--hollow.btn--warning:active, .btn[disabled].btn--hollow.btn--warning:active {
  box-shadow: inset 0 1px 0 0 #dd8200; }

.btn.btn--disabled.btn--hollow.btn--warning:active, .btn[disabled].btn--hollow.btn--warning:active {
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--alert, .btn[disabled].btn--hollow.btn--alert {
  border: 1px solid 0;
  color: #E51C23;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--alert:hover, .btn.btn--disabled.btn--hollow.btn--alert:focus, .btn[disabled].btn--hollow.btn--alert:hover, .btn[disabled].btn--hollow.btn--alert:focus {
  border-color: rgba(229, 28, 35, 0.9);
  color: rgba(229, 28, 35, 0.9); }

.btn.btn--disabled.btn--hollow.btn--alert:active, .btn[disabled].btn--hollow.btn--alert:active {
  box-shadow: inset 0 1px 0 0 #E51C23; }

.btn.btn--disabled.btn--hollow.btn--alert:active, .btn[disabled].btn--hollow.btn--alert:active {
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--highlight, .btn[disabled].btn--hollow.btn--highlight {
  border: 1px solid 0;
  color: #9c27b0;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--highlight:hover, .btn.btn--disabled.btn--hollow.btn--highlight:focus, .btn[disabled].btn--hollow.btn--highlight:hover, .btn[disabled].btn--hollow.btn--highlight:focus {
  border-color: rgba(156, 39, 176, 0.9);
  color: rgba(156, 39, 176, 0.9); }

.btn.btn--disabled.btn--hollow.btn--highlight:active, .btn[disabled].btn--hollow.btn--highlight:active {
  box-shadow: inset 0 1px 0 0 #9c27b0; }

.btn.btn--disabled.btn--hollow.btn--highlight:active, .btn[disabled].btn--hollow.btn--highlight:active {
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--sd-green, .btn[disabled].btn--hollow.btn--sd-green {
  border: 1px solid 0;
  color: #1eb06c;
  box-shadow: none; }

.btn.btn--disabled.btn--hollow.btn--sd-green:hover, .btn.btn--disabled.btn--hollow.btn--sd-green:focus, .btn[disabled].btn--hollow.btn--sd-green:hover, .btn[disabled].btn--hollow.btn--sd-green:focus {
  border-color: rgba(30, 176, 108, 0.9);
  color: rgba(30, 176, 108, 0.9); }

.btn.btn--disabled.btn--hollow.btn--sd-green:active, .btn[disabled].btn--hollow.btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 #1eb06c; }

.btn.btn--disabled.btn--hollow.btn--sd-green:active, .btn[disabled].btn--hollow.btn--sd-green:active {
  box-shadow: none; }

.btn.btn--disabled.btn--text-only, .btn[disabled].btn--text-only {
  background-color: transparent;
  color: #333; }

.btn.btn--disabled.btn--text-only:hover, .btn.btn--disabled.btn--text-only:focus, .btn[disabled].btn--text-only:hover, .btn[disabled].btn--text-only:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #333;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only:active, .btn[disabled].btn--text-only:active {
  box-shadow: inset 0 1px 0 0 rgba(51, 51, 51, 0.4);
  border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only:hover, .btn.btn--disabled.btn--text-only:focus, .btn.btn--disabled.btn--text-only:active, .btn[disabled].btn--text-only:hover, .btn[disabled].btn--text-only:focus, .btn[disabled].btn--text-only:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--disabled.btn--text-only.btn--default, .btn[disabled].btn--text-only.btn--default {
  background-color: transparent;
  color: #333; }

.btn.btn--disabled.btn--text-only.btn--default:hover, .btn.btn--disabled.btn--text-only.btn--default:focus, .btn[disabled].btn--text-only.btn--default:hover, .btn[disabled].btn--text-only.btn--default:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #333;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only.btn--default:active, .btn[disabled].btn--text-only.btn--default:active {
  box-shadow: inset 0 1px 0 0 rgba(51, 51, 51, 0.4);
  border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only.btn--default:hover, .btn.btn--disabled.btn--text-only.btn--default:focus, .btn.btn--disabled.btn--text-only.btn--default:active, .btn[disabled].btn--text-only.btn--default:hover, .btn[disabled].btn--text-only.btn--default:focus, .btn[disabled].btn--text-only.btn--default:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--disabled.btn--text-only.btn--primary, .btn[disabled].btn--text-only.btn--primary {
  background-color: transparent;
  color: #5ea9c8; }

.btn.btn--disabled.btn--text-only.btn--primary:hover, .btn.btn--disabled.btn--text-only.btn--primary:focus, .btn[disabled].btn--text-only.btn--primary:hover, .btn[disabled].btn--text-only.btn--primary:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #5ea9c8;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only.btn--primary:active, .btn[disabled].btn--text-only.btn--primary:active {
  box-shadow: inset 0 1px 0 0 rgba(94, 169, 200, 0.4);
  border-color: rgba(94, 169, 200, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only.btn--primary:hover, .btn.btn--disabled.btn--text-only.btn--primary:focus, .btn.btn--disabled.btn--text-only.btn--primary:active, .btn[disabled].btn--text-only.btn--primary:hover, .btn[disabled].btn--text-only.btn--primary:focus, .btn[disabled].btn--text-only.btn--primary:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--disabled.btn--text-only.btn--success, .btn[disabled].btn--text-only.btn--success {
  background-color: transparent;
  color: #46a546; }

.btn.btn--disabled.btn--text-only.btn--success:hover, .btn.btn--disabled.btn--text-only.btn--success:focus, .btn[disabled].btn--text-only.btn--success:hover, .btn[disabled].btn--text-only.btn--success:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #46a546;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only.btn--success:active, .btn[disabled].btn--text-only.btn--success:active {
  box-shadow: inset 0 1px 0 0 rgba(70, 165, 70, 0.4);
  border-color: rgba(70, 165, 70, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only.btn--success:hover, .btn.btn--disabled.btn--text-only.btn--success:focus, .btn.btn--disabled.btn--text-only.btn--success:active, .btn[disabled].btn--text-only.btn--success:hover, .btn[disabled].btn--text-only.btn--success:focus, .btn[disabled].btn--text-only.btn--success:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--disabled.btn--text-only.btn--warning, .btn[disabled].btn--text-only.btn--warning {
  background-color: transparent;
  color: #dd8200; }

.btn.btn--disabled.btn--text-only.btn--warning:hover, .btn.btn--disabled.btn--text-only.btn--warning:focus, .btn[disabled].btn--text-only.btn--warning:hover, .btn[disabled].btn--text-only.btn--warning:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #dd8200;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only.btn--warning:active, .btn[disabled].btn--text-only.btn--warning:active {
  box-shadow: inset 0 1px 0 0 rgba(221, 130, 0, 0.4);
  border-color: rgba(221, 130, 0, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only.btn--warning:hover, .btn.btn--disabled.btn--text-only.btn--warning:focus, .btn.btn--disabled.btn--text-only.btn--warning:active, .btn[disabled].btn--text-only.btn--warning:hover, .btn[disabled].btn--text-only.btn--warning:focus, .btn[disabled].btn--text-only.btn--warning:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--disabled.btn--text-only.btn--alert, .btn[disabled].btn--text-only.btn--alert {
  background-color: transparent;
  color: #E51C23; }

.btn.btn--disabled.btn--text-only.btn--alert:hover, .btn.btn--disabled.btn--text-only.btn--alert:focus, .btn[disabled].btn--text-only.btn--alert:hover, .btn[disabled].btn--text-only.btn--alert:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #E51C23;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only.btn--alert:active, .btn[disabled].btn--text-only.btn--alert:active {
  box-shadow: inset 0 1px 0 0 rgba(229, 28, 35, 0.4);
  border-color: rgba(229, 28, 35, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only.btn--alert:hover, .btn.btn--disabled.btn--text-only.btn--alert:focus, .btn.btn--disabled.btn--text-only.btn--alert:active, .btn[disabled].btn--text-only.btn--alert:hover, .btn[disabled].btn--text-only.btn--alert:focus, .btn[disabled].btn--text-only.btn--alert:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--disabled.btn--text-only.btn--highlight, .btn[disabled].btn--text-only.btn--highlight {
  background-color: transparent;
  color: #9c27b0; }

.btn.btn--disabled.btn--text-only.btn--highlight:hover, .btn.btn--disabled.btn--text-only.btn--highlight:focus, .btn[disabled].btn--text-only.btn--highlight:hover, .btn[disabled].btn--text-only.btn--highlight:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #9c27b0;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only.btn--highlight:active, .btn[disabled].btn--text-only.btn--highlight:active {
  box-shadow: inset 0 1px 0 0 rgba(156, 39, 176, 0.4);
  border-color: rgba(156, 39, 176, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only.btn--highlight:hover, .btn.btn--disabled.btn--text-only.btn--highlight:focus, .btn.btn--disabled.btn--text-only.btn--highlight:active, .btn[disabled].btn--text-only.btn--highlight:hover, .btn[disabled].btn--text-only.btn--highlight:focus, .btn[disabled].btn--text-only.btn--highlight:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--disabled.btn--text-only.btn--sd-green, .btn[disabled].btn--text-only.btn--sd-green {
  background-color: transparent;
  color: #1eb06c; }

.btn.btn--disabled.btn--text-only.btn--sd-green:hover, .btn.btn--disabled.btn--text-only.btn--sd-green:focus, .btn[disabled].btn--text-only.btn--sd-green:hover, .btn[disabled].btn--text-only.btn--sd-green:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #1eb06c;
  box-shadow: none; }

.btn.btn--disabled.btn--text-only.btn--sd-green:active, .btn[disabled].btn--text-only.btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 rgba(30, 176, 108, 0.4);
  border-color: rgba(30, 176, 108, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--disabled.btn--text-only.btn--sd-green:hover, .btn.btn--disabled.btn--text-only.btn--sd-green:focus, .btn.btn--disabled.btn--text-only.btn--sd-green:active, .btn[disabled].btn--text-only.btn--sd-green:hover, .btn[disabled].btn--text-only.btn--sd-green:focus, .btn[disabled].btn--text-only.btn--sd-green:active {
  box-shadow: none;
  border-color: transparent;
  background: transparent; }

.btn.btn--ui-dark {
  background-color: rgba(245, 245, 245, 0.25);
  color: #fff; }

.btn.btn--ui-dark:hover, .btn.btn--ui-dark:focus {
  background-color: rgba(196, 196, 196, 0.25);
  color: #fff; }

.btn.btn--ui-dark:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--default {
  background-color: #F5F5F5;
  color: #fff; }

.btn.btn--ui-dark.btn--default:hover, .btn.btn--ui-dark.btn--default:focus {
  background-color: #c4c4c4;
  color: #fff; }

.btn.btn--ui-dark.btn--default:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--primary {
  background-color: #5ea9c8;
  color: #fff; }

.btn.btn--ui-dark.btn--primary:hover, .btn.btn--ui-dark.btn--primary:focus {
  background-color: #3c8eaf;
  color: #fff; }

.btn.btn--ui-dark.btn--primary:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--success {
  background-color: #46a546;
  color: #fff; }

.btn.btn--ui-dark.btn--success:hover, .btn.btn--ui-dark.btn--success:focus {
  background-color: #388438;
  color: #fff; }

.btn.btn--ui-dark.btn--success:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--warning {
  background-color: #dd8200;
  color: #fff; }

.btn.btn--ui-dark.btn--warning:hover, .btn.btn--ui-dark.btn--warning:focus {
  background-color: #b16800;
  color: #fff; }

.btn.btn--ui-dark.btn--warning:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--alert {
  background-color: #E51C23;
  color: #fff; }

.btn.btn--ui-dark.btn--alert:hover, .btn.btn--ui-dark.btn--alert:focus {
  background-color: #b8151b;
  color: #fff; }

.btn.btn--ui-dark.btn--alert:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--highlight {
  background-color: #bf00e0;
  color: #fff; }

.btn.btn--ui-dark.btn--highlight:hover, .btn.btn--ui-dark.btn--highlight:focus {
  background-color: #9900b3;
  color: #fff; }

.btn.btn--ui-dark.btn--highlight:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--sd-green {
  background-color: #1eb06c;
  color: #fff; }

.btn.btn--ui-dark.btn--sd-green:hover, .btn.btn--ui-dark.btn--sd-green:focus {
  background-color: #188d56;
  color: #fff; }

.btn.btn--ui-dark.btn--sd-green:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled, .btn.btn--ui-dark[disabled] {
  background-color: rgba(245, 245, 245, 0.25);
  color: #fff; }

.btn.btn--ui-dark.btn--disabled:hover, .btn.btn--ui-dark.btn--disabled:focus, .btn.btn--ui-dark[disabled]:hover, .btn.btn--ui-dark[disabled]:focus {
  background-color: rgba(245, 245, 245, 0.25);
  color: #fff; }

.btn.btn--ui-dark.btn--disabled:active, .btn.btn--ui-dark[disabled]:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled:hover, .btn.btn--ui-dark.btn--disabled:focus, .btn.btn--ui-dark.btn--disabled:active, .btn.btn--ui-dark[disabled]:hover, .btn.btn--ui-dark[disabled]:focus, .btn.btn--ui-dark[disabled]:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--disabled.btn--default, .btn.btn--ui-dark[disabled].btn--default {
  background-color: #F5F5F5;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--default:hover, .btn.btn--ui-dark.btn--disabled.btn--default:focus, .btn.btn--ui-dark[disabled].btn--default:hover, .btn.btn--ui-dark[disabled].btn--default:focus {
  background-color: whitesmoke;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--default:active, .btn.btn--ui-dark[disabled].btn--default:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled.btn--default:hover, .btn.btn--ui-dark.btn--disabled.btn--default:focus, .btn.btn--ui-dark.btn--disabled.btn--default:active, .btn.btn--ui-dark[disabled].btn--default:hover, .btn.btn--ui-dark[disabled].btn--default:focus, .btn.btn--ui-dark[disabled].btn--default:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--disabled.btn--primary, .btn.btn--ui-dark[disabled].btn--primary {
  background-color: #5ea9c8;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--primary:hover, .btn.btn--ui-dark.btn--disabled.btn--primary:focus, .btn.btn--ui-dark[disabled].btn--primary:hover, .btn.btn--ui-dark[disabled].btn--primary:focus {
  background-color: #5ea9c8;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--primary:active, .btn.btn--ui-dark[disabled].btn--primary:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled.btn--primary:hover, .btn.btn--ui-dark.btn--disabled.btn--primary:focus, .btn.btn--ui-dark.btn--disabled.btn--primary:active, .btn.btn--ui-dark[disabled].btn--primary:hover, .btn.btn--ui-dark[disabled].btn--primary:focus, .btn.btn--ui-dark[disabled].btn--primary:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--disabled.btn--success, .btn.btn--ui-dark[disabled].btn--success {
  background-color: #46a546;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--success:hover, .btn.btn--ui-dark.btn--disabled.btn--success:focus, .btn.btn--ui-dark[disabled].btn--success:hover, .btn.btn--ui-dark[disabled].btn--success:focus {
  background-color: #46a546;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--success:active, .btn.btn--ui-dark[disabled].btn--success:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled.btn--success:hover, .btn.btn--ui-dark.btn--disabled.btn--success:focus, .btn.btn--ui-dark.btn--disabled.btn--success:active, .btn.btn--ui-dark[disabled].btn--success:hover, .btn.btn--ui-dark[disabled].btn--success:focus, .btn.btn--ui-dark[disabled].btn--success:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--disabled.btn--warning, .btn.btn--ui-dark[disabled].btn--warning {
  background-color: #dd8200;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--warning:hover, .btn.btn--ui-dark.btn--disabled.btn--warning:focus, .btn.btn--ui-dark[disabled].btn--warning:hover, .btn.btn--ui-dark[disabled].btn--warning:focus {
  background-color: #dd8200;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--warning:active, .btn.btn--ui-dark[disabled].btn--warning:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled.btn--warning:hover, .btn.btn--ui-dark.btn--disabled.btn--warning:focus, .btn.btn--ui-dark.btn--disabled.btn--warning:active, .btn.btn--ui-dark[disabled].btn--warning:hover, .btn.btn--ui-dark[disabled].btn--warning:focus, .btn.btn--ui-dark[disabled].btn--warning:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--disabled.btn--alert, .btn.btn--ui-dark[disabled].btn--alert {
  background-color: #E51C23;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--alert:hover, .btn.btn--ui-dark.btn--disabled.btn--alert:focus, .btn.btn--ui-dark[disabled].btn--alert:hover, .btn.btn--ui-dark[disabled].btn--alert:focus {
  background-color: #e51c23;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--alert:active, .btn.btn--ui-dark[disabled].btn--alert:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled.btn--alert:hover, .btn.btn--ui-dark.btn--disabled.btn--alert:focus, .btn.btn--ui-dark.btn--disabled.btn--alert:active, .btn.btn--ui-dark[disabled].btn--alert:hover, .btn.btn--ui-dark[disabled].btn--alert:focus, .btn.btn--ui-dark[disabled].btn--alert:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--disabled.btn--highlight, .btn.btn--ui-dark[disabled].btn--highlight {
  background-color: #bf00e0;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--highlight:hover, .btn.btn--ui-dark.btn--disabled.btn--highlight:focus, .btn.btn--ui-dark[disabled].btn--highlight:hover, .btn.btn--ui-dark[disabled].btn--highlight:focus {
  background-color: #bf00e0;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--highlight:active, .btn.btn--ui-dark[disabled].btn--highlight:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled.btn--highlight:hover, .btn.btn--ui-dark.btn--disabled.btn--highlight:focus, .btn.btn--ui-dark.btn--disabled.btn--highlight:active, .btn.btn--ui-dark[disabled].btn--highlight:hover, .btn.btn--ui-dark[disabled].btn--highlight:focus, .btn.btn--ui-dark[disabled].btn--highlight:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--disabled.btn--sd-green, .btn.btn--ui-dark[disabled].btn--sd-green {
  background-color: #1eb06c;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--sd-green:hover, .btn.btn--ui-dark.btn--disabled.btn--sd-green:focus, .btn.btn--ui-dark[disabled].btn--sd-green:hover, .btn.btn--ui-dark[disabled].btn--sd-green:focus {
  background-color: #1eb06c;
  color: #fff; }

.btn.btn--ui-dark.btn--disabled.btn--sd-green:active, .btn.btn--ui-dark[disabled].btn--sd-green:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--disabled.btn--sd-green:hover, .btn.btn--ui-dark.btn--disabled.btn--sd-green:focus, .btn.btn--ui-dark.btn--disabled.btn--sd-green:active, .btn.btn--ui-dark[disabled].btn--sd-green:hover, .btn.btn--ui-dark[disabled].btn--sd-green:focus, .btn.btn--ui-dark[disabled].btn--sd-green:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark [class^="icon-"], .btn.btn--ui-dark [class*=" icon-"] {
  color: #fff; }

.btn.btn--ui-dark.btn--text-only {
  background-color: transparent;
  box-shadow: none;
  color: #F5F5F5; }

.btn.btn--ui-dark.btn--text-only:hover, .btn.btn--ui-dark.btn--text-only:focus {
  background-color: rgba(245, 245, 245, 0.1);
  color: #F5F5F5;
  box-shadow: none; }

.btn.btn--ui-dark.btn--text-only:active {
  box-shadow: inset 0 1px 0 0 rgba(245, 245, 245, 0.4);
  border-color: rgba(245, 245, 245, 0.4) transparent transparent transparent;
  background-color: rgba(245, 245, 245, 0.19); }

.btn.btn--ui-dark.btn--text-only.btn--default {
  background-color: transparent;
  color: #F5F5F5; }

.btn.btn--ui-dark.btn--text-only.btn--default:hover, .btn.btn--ui-dark.btn--text-only.btn--default:focus {
  background-color: rgba(245, 245, 245, 0.2);
  color: #F5F5F5; }

.btn.btn--ui-dark.btn--text-only.btn--default:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--default:active {
  box-shadow: inset 0 1px 0 0 rgba(245, 245, 245, 0.4);
  border-color: rgba(245, 245, 245, 0.4) transparent transparent transparent; }

.btn.btn--ui-dark.btn--text-only.btn--primary {
  background-color: transparent;
  color: #5ea9c8; }

.btn.btn--ui-dark.btn--text-only.btn--primary:hover, .btn.btn--ui-dark.btn--text-only.btn--primary:focus {
  background-color: rgba(94, 169, 200, 0.2);
  color: #5ea9c8; }

.btn.btn--ui-dark.btn--text-only.btn--primary:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--primary:active {
  box-shadow: inset 0 1px 0 0 rgba(94, 169, 200, 0.4);
  border-color: rgba(94, 169, 200, 0.4) transparent transparent transparent; }

.btn.btn--ui-dark.btn--text-only.btn--success {
  background-color: transparent;
  color: #46a546; }

.btn.btn--ui-dark.btn--text-only.btn--success:hover, .btn.btn--ui-dark.btn--text-only.btn--success:focus {
  background-color: rgba(70, 165, 70, 0.2);
  color: #46a546; }

.btn.btn--ui-dark.btn--text-only.btn--success:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--success:active {
  box-shadow: inset 0 1px 0 0 rgba(70, 165, 70, 0.4);
  border-color: rgba(70, 165, 70, 0.4) transparent transparent transparent; }

.btn.btn--ui-dark.btn--text-only.btn--warning {
  background-color: transparent;
  color: #dd8200; }

.btn.btn--ui-dark.btn--text-only.btn--warning:hover, .btn.btn--ui-dark.btn--text-only.btn--warning:focus {
  background-color: rgba(221, 130, 0, 0.2);
  color: #dd8200; }

.btn.btn--ui-dark.btn--text-only.btn--warning:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--warning:active {
  box-shadow: inset 0 1px 0 0 rgba(221, 130, 0, 0.4);
  border-color: rgba(221, 130, 0, 0.4) transparent transparent transparent; }

.btn.btn--ui-dark.btn--text-only.btn--alert {
  background-color: transparent;
  color: #E51C23; }

.btn.btn--ui-dark.btn--text-only.btn--alert:hover, .btn.btn--ui-dark.btn--text-only.btn--alert:focus {
  background-color: rgba(229, 28, 35, 0.2);
  color: #E51C23; }

.btn.btn--ui-dark.btn--text-only.btn--alert:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--alert:active {
  box-shadow: inset 0 1px 0 0 rgba(229, 28, 35, 0.4);
  border-color: rgba(229, 28, 35, 0.4) transparent transparent transparent; }

.btn.btn--ui-dark.btn--text-only.btn--highlight {
  background-color: transparent;
  color: #bf00e0; }

.btn.btn--ui-dark.btn--text-only.btn--highlight:hover, .btn.btn--ui-dark.btn--text-only.btn--highlight:focus {
  background-color: rgba(191, 0, 224, 0.2);
  color: #bf00e0; }

.btn.btn--ui-dark.btn--text-only.btn--highlight:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--highlight:active {
  box-shadow: inset 0 1px 0 0 rgba(191, 0, 224, 0.4);
  border-color: rgba(191, 0, 224, 0.4) transparent transparent transparent; }

.btn.btn--ui-dark.btn--text-only.btn--sd-green {
  background-color: transparent;
  color: #1eb06c; }

.btn.btn--ui-dark.btn--text-only.btn--sd-green:hover, .btn.btn--ui-dark.btn--text-only.btn--sd-green:focus {
  background-color: rgba(30, 176, 108, 0.2);
  color: #1eb06c; }

.btn.btn--ui-dark.btn--text-only.btn--sd-green:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 rgba(30, 176, 108, 0.4);
  border-color: rgba(30, 176, 108, 0.4) transparent transparent transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled, .btn.btn--ui-dark.btn--text-only[disabled] {
  background-color: transparent;
  color: #F5F5F5; }

.btn.btn--ui-dark.btn--text-only.btn--disabled:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled:focus, .btn.btn--ui-dark.btn--text-only[disabled]:hover, .btn.btn--ui-dark.btn--text-only[disabled]:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #F5F5F5;
  box-shadow: none; }

.btn.btn--ui-dark.btn--text-only.btn--disabled:active, .btn.btn--ui-dark.btn--text-only[disabled]:active {
  box-shadow: inset 0 1px 0 0 rgba(245, 245, 245, 0.4);
  border-color: rgba(245, 245, 245, 0.4) transparent transparent transparent;
  background-color: rgba(0, 0, 0, 0.1); }

.btn.btn--ui-dark.btn--text-only.btn--disabled:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled:active, .btn.btn--ui-dark.btn--text-only[disabled]:hover, .btn.btn--ui-dark.btn--text-only[disabled]:focus, .btn.btn--ui-dark.btn--text-only[disabled]:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--default, .btn.btn--ui-dark.btn--text-only[disabled].btn--default {
  background-color: transparent;
  color: #F5F5F5; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--default:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--default:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--default:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--default:focus {
  background-color: transparent;
  color: #F5F5F5; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--default:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--default:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--default:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--default:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--default:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--default:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--default:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--default:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--primary, .btn.btn--ui-dark.btn--text-only[disabled].btn--primary {
  background-color: transparent;
  color: #5ea9c8; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--primary:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--primary:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--primary:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--primary:focus {
  background-color: transparent;
  color: #5ea9c8; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--primary:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--primary:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--primary:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--primary:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--primary:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--primary:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--primary:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--primary:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--success, .btn.btn--ui-dark.btn--text-only[disabled].btn--success {
  background-color: transparent;
  color: #46a546; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--success:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--success:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--success:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--success:focus {
  background-color: transparent;
  color: #46a546; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--success:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--success:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--success:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--success:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--success:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--success:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--success:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--success:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--warning, .btn.btn--ui-dark.btn--text-only[disabled].btn--warning {
  background-color: transparent;
  color: #dd8200; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--warning:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--warning:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--warning:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--warning:focus {
  background-color: transparent;
  color: #dd8200; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--warning:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--warning:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--warning:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--warning:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--warning:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--warning:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--warning:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--warning:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--alert, .btn.btn--ui-dark.btn--text-only[disabled].btn--alert {
  background-color: transparent;
  color: #E51C23; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--alert:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--alert:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--alert:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--alert:focus {
  background-color: transparent;
  color: #E51C23; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--alert:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--alert:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--alert:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--alert:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--alert:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--alert:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--alert:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--alert:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--highlight, .btn.btn--ui-dark.btn--text-only[disabled].btn--highlight {
  background-color: transparent;
  color: #bf00e0; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--highlight:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--highlight:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--highlight:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--highlight:focus {
  background-color: transparent;
  color: #bf00e0; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--highlight:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--highlight:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--highlight:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--highlight:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--highlight:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--highlight:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--highlight:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--highlight:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--sd-green, .btn.btn--ui-dark.btn--text-only[disabled].btn--sd-green {
  background-color: transparent;
  color: #1eb06c; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--sd-green:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--sd-green:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--sd-green:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--sd-green:focus {
  background-color: transparent;
  color: #1eb06c; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--sd-green:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--sd-green:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) transparent rgba(0, 0, 0, 0.4);
  border-width: 1px; }

.btn.btn--ui-dark.btn--text-only.btn--disabled.btn--sd-green:hover, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--sd-green:focus, .btn.btn--ui-dark.btn--text-only.btn--disabled.btn--sd-green:active, .btn.btn--ui-dark.btn--text-only[disabled].btn--sd-green:hover, .btn.btn--ui-dark.btn--text-only[disabled].btn--sd-green:focus, .btn.btn--ui-dark.btn--text-only[disabled].btn--sd-green:active {
  box-shadow: none;
  border-color: transparent; }

.btn.btn--ui-dark.btn--hollow {
  border: 1px solid rgba(245, 245, 245, 0.28);
  color: rgba(245, 245, 245, 0.7);
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow, .btn.btn--ui-dark.btn--hollow:hover, .btn.btn--ui-dark.btn--hollow:focus {
  background-color: transparent; }

.btn.btn--ui-dark.btn--hollow:hover, .btn.btn--ui-dark.btn--hollow:focus {
  border-color: rgba(245, 245, 245, 0.63);
  color: rgba(245, 245, 245, 0.63); }

.btn.btn--ui-dark.btn--hollow:active {
  box-shadow: inset 0 1px 0 0 rgba(245, 245, 245, 0.7); }

.btn.btn--ui-dark.btn--hollow.btn--default {
  border: 1px solid rgba(245, 245, 245, 0.4);
  color: #F5F5F5;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--default:hover, .btn.btn--ui-dark.btn--hollow.btn--default:focus {
  border-color: rgba(245, 245, 245, 0.9);
  color: rgba(245, 245, 245, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--default:active {
  box-shadow: inset 0 1px 0 0 #F5F5F5; }

.btn.btn--ui-dark.btn--hollow.btn--primary {
  border: 1px solid rgba(94, 169, 200, 0.4);
  color: #5ea9c8;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--primary:hover, .btn.btn--ui-dark.btn--hollow.btn--primary:focus {
  border-color: rgba(94, 169, 200, 0.9);
  color: rgba(94, 169, 200, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--primary:active {
  box-shadow: inset 0 1px 0 0 #5ea9c8; }

.btn.btn--ui-dark.btn--hollow.btn--success {
  border: 1px solid rgba(70, 165, 70, 0.4);
  color: #46a546;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--success:hover, .btn.btn--ui-dark.btn--hollow.btn--success:focus {
  border-color: rgba(70, 165, 70, 0.9);
  color: rgba(70, 165, 70, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--success:active {
  box-shadow: inset 0 1px 0 0 #46a546; }

.btn.btn--ui-dark.btn--hollow.btn--warning {
  border: 1px solid rgba(221, 130, 0, 0.4);
  color: #dd8200;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--warning:hover, .btn.btn--ui-dark.btn--hollow.btn--warning:focus {
  border-color: rgba(221, 130, 0, 0.9);
  color: rgba(221, 130, 0, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--warning:active {
  box-shadow: inset 0 1px 0 0 #dd8200; }

.btn.btn--ui-dark.btn--hollow.btn--alert {
  border: 1px solid rgba(229, 28, 35, 0.4);
  color: #E51C23;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--alert:hover, .btn.btn--ui-dark.btn--hollow.btn--alert:focus {
  border-color: rgba(229, 28, 35, 0.9);
  color: rgba(229, 28, 35, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--alert:active {
  box-shadow: inset 0 1px 0 0 #E51C23; }

.btn.btn--ui-dark.btn--hollow.btn--highlight {
  border: 1px solid rgba(191, 0, 224, 0.4);
  color: #bf00e0;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--highlight:hover, .btn.btn--ui-dark.btn--hollow.btn--highlight:focus {
  border-color: rgba(191, 0, 224, 0.9);
  color: rgba(191, 0, 224, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--highlight:active {
  box-shadow: inset 0 1px 0 0 #bf00e0; }

.btn.btn--ui-dark.btn--hollow.btn--sd-green {
  border: 1px solid rgba(30, 176, 108, 0.4);
  color: #1eb06c;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--sd-green:hover, .btn.btn--ui-dark.btn--hollow.btn--sd-green:focus {
  border-color: rgba(30, 176, 108, 0.9);
  color: rgba(30, 176, 108, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 #1eb06c; }

.btn.btn--ui-dark.btn--hollow.btn--disabled, .btn.btn--ui-dark.btn--hollow[disabled] {
  border: 1px solid 0;
  color: #F5F5F5;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled, .btn.btn--ui-dark.btn--hollow.btn--disabled:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled:focus, .btn.btn--ui-dark.btn--hollow[disabled], .btn.btn--ui-dark.btn--hollow[disabled]:hover, .btn.btn--ui-dark.btn--hollow[disabled]:focus {
  background-color: transparent; }

.btn.btn--ui-dark.btn--hollow.btn--disabled:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled:focus, .btn.btn--ui-dark.btn--hollow[disabled]:hover, .btn.btn--ui-dark.btn--hollow[disabled]:focus {
  border-color: rgba(245, 245, 245, 0.9);
  color: rgba(245, 245, 245, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled:active, .btn.btn--ui-dark.btn--hollow[disabled]:active {
  box-shadow: inset 0 1px 0 0 #F5F5F5; }

.btn.btn--ui-dark.btn--hollow.btn--disabled:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled:active, .btn.btn--ui-dark.btn--hollow[disabled]:hover, .btn.btn--ui-dark.btn--hollow[disabled]:focus, .btn.btn--ui-dark.btn--hollow[disabled]:active {
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--default, .btn.btn--ui-dark.btn--hollow[disabled].btn--default {
  border: 1px solid 0;
  color: #F5F5F5;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--default:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--default:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--default:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--default:focus {
  border-color: rgba(245, 245, 245, 0.9);
  color: rgba(245, 245, 245, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--default:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--default:active {
  box-shadow: inset 0 1px 0 0 #F5F5F5; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--default:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--default:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--default:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--default:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--default:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--default:active {
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--primary, .btn.btn--ui-dark.btn--hollow[disabled].btn--primary {
  border: 1px solid 0;
  color: #5ea9c8;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--primary:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--primary:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--primary:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--primary:focus {
  border-color: rgba(94, 169, 200, 0.9);
  color: rgba(94, 169, 200, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--primary:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--primary:active {
  box-shadow: inset 0 1px 0 0 #5ea9c8; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--primary:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--primary:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--primary:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--primary:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--primary:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--primary:active {
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--success, .btn.btn--ui-dark.btn--hollow[disabled].btn--success {
  border: 1px solid 0;
  color: #46a546;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--success:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--success:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--success:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--success:focus {
  border-color: rgba(70, 165, 70, 0.9);
  color: rgba(70, 165, 70, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--success:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--success:active {
  box-shadow: inset 0 1px 0 0 #46a546; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--success:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--success:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--success:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--success:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--success:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--success:active {
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--warning, .btn.btn--ui-dark.btn--hollow[disabled].btn--warning {
  border: 1px solid 0;
  color: #dd8200;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--warning:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--warning:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--warning:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--warning:focus {
  border-color: rgba(221, 130, 0, 0.9);
  color: rgba(221, 130, 0, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--warning:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--warning:active {
  box-shadow: inset 0 1px 0 0 #dd8200; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--warning:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--warning:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--warning:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--warning:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--warning:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--warning:active {
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--alert, .btn.btn--ui-dark.btn--hollow[disabled].btn--alert {
  border: 1px solid 0;
  color: #E51C23;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--alert:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--alert:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--alert:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--alert:focus {
  border-color: rgba(229, 28, 35, 0.9);
  color: rgba(229, 28, 35, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--alert:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--alert:active {
  box-shadow: inset 0 1px 0 0 #E51C23; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--alert:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--alert:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--alert:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--alert:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--alert:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--alert:active {
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--highlight, .btn.btn--ui-dark.btn--hollow[disabled].btn--highlight {
  border: 1px solid 0;
  color: #bf00e0;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--highlight:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--highlight:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--highlight:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--highlight:focus {
  border-color: rgba(191, 0, 224, 0.9);
  color: rgba(191, 0, 224, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--highlight:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--highlight:active {
  box-shadow: inset 0 1px 0 0 #bf00e0; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--highlight:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--highlight:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--highlight:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--highlight:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--highlight:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--highlight:active {
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--sd-green, .btn.btn--ui-dark.btn--hollow[disabled].btn--sd-green {
  border: 1px solid 0;
  color: #1eb06c;
  box-shadow: none; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--sd-green:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--sd-green:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--sd-green:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--sd-green:focus {
  border-color: rgba(30, 176, 108, 0.9);
  color: rgba(30, 176, 108, 0.9); }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--sd-green:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 #1eb06c; }

.btn.btn--ui-dark.btn--hollow.btn--disabled.btn--sd-green:hover, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--sd-green:focus, .btn.btn--ui-dark.btn--hollow.btn--disabled.btn--sd-green:active, .btn.btn--ui-dark.btn--hollow[disabled].btn--sd-green:hover, .btn.btn--ui-dark.btn--hollow[disabled].btn--sd-green:focus, .btn.btn--ui-dark.btn--hollow[disabled].btn--sd-green:active {
  box-shadow: none; }

.btn + .btn {
  margin-left: 4px; }

.btn [class^="icon-"], .btn [class*=" icon-"] {
  margin: 0 0.6rem 0 -0.3rem;
  line-height: 1;
  vertical-align: middle; }

.btn.btn--icon-only {
  padding: 0 0.8rem;
  justify-content: center; }

.btn.btn--icon-only [class^="icon-"], .btn.btn--icon-only [class*=" icon-"] {
  display: inline-block;
  margin: 0;
  vertical-align: middle; }

.btn.btn--icon-only.btn--large {
  padding: 0 1.4rem; }

.btn.btn--icon-only.btn--small {
  padding: 0 0.4rem; }

.btn.btn--icon-only-circle {
  padding: 0;
  width: 3.2rem;
  justify-content: center;
  border-radius: 50%; }

.btn.btn--icon-only-circle [class^="icon-"], .btn.btn--icon-only-circle [class*=" icon-"] {
  display: inline-block;
  margin: 0;
  vertical-align: middle; }

.btn.btn--icon-only-circle.btn--large {
  width: 4rem; }

.btn.btn--icon-only-circle.btn--small {
  width: 2.4rem; }

.btn.btn--icon-only-circle.btn--text-only {
  background-color: transparent;
  color: #333;
  transition: background-color 0.2s ease-out, color 0.1s ease-out, opacity 0.1s ease-out;
  opacity: 0.5; }

.btn.btn--icon-only-circle.btn--text-only:hover, .btn.btn--icon-only-circle.btn--text-only:focus {
  background-color: rgba(51, 51, 51, 0.125);
  color: #333;
  box-shadow: none; }

.btn.btn--icon-only-circle.btn--text-only:active {
  box-shadow: inset 0 1px 0 0 rgba(51, 51, 51, 0.4);
  border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent;
  background-color: rgba(51, 51, 51, 0.2125); }

.btn.btn--icon-only-circle.btn--text-only [class^="icon-"], .btn.btn--icon-only-circle.btn--text-only [class*=" icon-"] {
  color: inherit; }

.btn.btn--icon-only-circle.btn--text-only:hover, .btn.btn--icon-only-circle.btn--text-only:focus, .btn.btn--icon-only-circle.btn--text-only:active {
  box-shadow: none;
  opacity: 1;
  border-color: transparent; }

.btn.btn--icon-only-circle.btn--text-only:hover {
  background-color: rgba(35, 35, 35, 0); }

.btn.btn--icon-only-circle.btn--text-only:focus, .btn.btn--icon-only-circle.btn--text-only:active {
  background-color: rgba(35, 35, 35, 0.2); }

.btn.btn--icon-only-circle.btn--text-only.btn--ui-dark [class^="icon-"], .btn.btn--icon-only-circle.btn--text-only.btn--ui-dark [class*=" icon-"] {
  color: #fff; }

.sd-create-btn {
  width: 4.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  background: #fff;
  vertical-align: top; }

.sd-create-btn i {
  position: absolute;
  z-index: 1;
  display: block;
  top: 50%;
  margin-top: -0.8rem;
  left: 50%;
  margin-left: -0.8rem;
  opacity: 1 !important;
  color: #fff !important;
  line-height: 1.6rem !important; }

.sd-create-btn .circle {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0;
  padding: 0;
  margin-top: 1.1rem;
  border-radius: 50%;
  background-color: #5ea9c8;
  color: #fff;
  position: relative;
  -webkit-transition: all 60ms ease-in;
  -moz-transition: all 60ms ease-in;
  -ms-transition: all 60ms ease-in;
  -o-transition: all 60ms ease-in;
  transition: all 60ms ease-in; }

.sd-create-btn:hover .circle {
  width: 3.4rem;
  height: 3.4rem;
  margin-top: 0.7rem;
  margin-left: 0; }

.sd-create-btn:active .circle {
  width: 6.8rem;
  height: 6.8rem;
  margin: -1rem 0 0 -1rem;
  -webkit-transition: all 30ms ease-in;
  -moz-transition: all 30ms ease-in;
  -ms-transition: all 30ms ease-in;
  -o-transition: all 30ms ease-in;
  transition: all 30ms ease-in; }

.icn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 50%;
  background-color: transparent;
  opacity: 0.75;
  background-color: rgba(55, 55, 55, 0);
  color: inherit;
  text-decoration: none;
  cursor: pointer; }

.icn-btn [class^="icon-"], .icn-btn [class*=" icon-"] {
  color: inherit;
  vertical-align: baseline !important; }

.icn-btn:hover {
  opacity: 1;
  text-decoration: none; }

.icn-btn:focus {
  opacity: 1;
  background-color: rgba(155, 155, 155, 0.25); }

.icn-btn:active {
  opacity: 1;
  background-color: rgba(155, 155, 155, 0.25); }

.icn-btn:active [class^="icon-"], .icn-btn:active [class*=" icon-"] {
  color: #5ea9c8;
  opacity: 1; }

.icn-btn--disabled {
  opacity: 0.25; }

.icn-btn--overlay {
  opacity: 0.90;
  background-color: rgba(35, 35, 35, 0.3); }

.icn-btn--overlay:hover {
  opacity: 1;
  background-color: rgba(35, 35, 35, 0.7); }

.icn-btn--overlay:active {
  opacity: 1;
  background-color: rgba(35, 35, 35, 0.8); }

.icn-btn--small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.25em;
  width: 1.25em;
  padding: 0; }

.btn__check {
  position: relative;
  color: #fff;
  padding: 0.7rem 1.6rem;
  background: #546E7A;
  border: none;
  font-size: 1.3rem;
  border-radius: 3px;
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.btn__check:hover {
  cursor: pointer;
  background: #5a7683; }

.btn__check.btn__check--active, .btn__check:active {
  background: #2c7694;
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.2); }

.btn__check.btn__check--active:after, .btn__check:active:after {
  content: "";
  width: 4.2rem;
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MnB4IiBoZWlnaHQ9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDIgNDIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBvcGFjaXR5PSIwLjU4IiBmaWxsPSIjRkZGRkZGIiBkPSJNMjEsMEM5LjQsMCwwLDkuNCwwLDIxYzAsMTEuNiw5LjQsMjEsMjEsMjFzMjEtOS40LDIxLTIxQzQyLDkuNCwzMi42LDAsMjEsMHogTTE3LDMzTDcsMjMKCWw0LTRsNiw2bDE0LTE0bDQsNEwxNywzM3oiLz4KPC9zdmc+Cg==) no-repeat;
  background-size: 4.2rem;
  background-position: 0 -0.2rem;
  top: 0;
  bottom: 0;
  right: 0.8rem;
  opacity: 0.3; }

.btn__check.btn__check--active {
  cursor: default; }

.btn__check:active {
  background: #5a7683;
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.2); }

.btn__check:active:after {
  opacity: 0.05; }

.btn__check.btn__check--active:disabled {
  opacity: 0.5;
  background-color: rgba(123, 123, 123, 0.5); }

.btn__check.btn__check--active:disabled:after {
  opacity: 0.15; }

.btn__check:disabled {
  opacity: 0.5;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(123, 123, 123, 0.5); }

.btn__check:disabled:hover {
  cursor: not-allowed; }

.button-nav {
  display: flex;
  flex-direction: row;
  align-content: center; }

.button-nav .button-nav__btn {
  margin: 0 0.5rem; }

.button-nav__btn {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0.7rem 1.8rem;
  background: transparent;
  -webkit-appearance: none;
  border: none;
  border-radius: 1em;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }

.button-nav__btn:hover {
  background: rgba(123, 123, 123, 0.2); }

.button-nav__btn:active, .button-nav__btn--active, .button-nav__btn--active:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.25); }

.btn-icon-group {
  display: flex;
  align-items: center; }

.btn-icon-group .btn + .btn {
  margin-left: 6px; }

.btn-icon-group [class^="icon-"], .btn-icon-group [class*=" icon-"] {
  opacity: 0.6; }

.dark-ui .btn.btn--ui-dark.btn--hollow.btn--active,
[class^="--dark-ui"] .btn.btn--ui-dark.btn--hollow.btn--active,
[class*="--dark-ui"] .btn.btn--ui-dark.btn--hollow.btn--active {
  color: #5ea9c8;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.8); }

.dark-ui .btn.btn--ui-dark.btn--hollow.btn--active i,
[class^="--dark-ui"] .btn.btn--ui-dark.btn--hollow.btn--active i,
[class*="--dark-ui"] .btn.btn--ui-dark.btn--hollow.btn--active i {
  color: inherit; }

.dark-ui .btn.btn--hollow,
[class^="--dark-ui"] .btn.btn--hollow,
[class*="--dark-ui"] .btn.btn--hollow {
  border: 1px solid rgba(245, 245, 245, 0.28);
  color: rgba(245, 245, 245, 0.7);
  box-shadow: none; }

.dark-ui .btn.btn--hollow, .dark-ui .btn.btn--hollow:hover, .dark-ui .btn.btn--hollow:focus,
[class^="--dark-ui"] .btn.btn--hollow,
[class^="--dark-ui"] .btn.btn--hollow:hover,
[class^="--dark-ui"] .btn.btn--hollow:focus,
[class*="--dark-ui"] .btn.btn--hollow,
[class*="--dark-ui"] .btn.btn--hollow:hover,
[class*="--dark-ui"] .btn.btn--hollow:focus {
  background-color: transparent; }

.dark-ui .btn.btn--hollow:hover, .dark-ui .btn.btn--hollow:focus,
[class^="--dark-ui"] .btn.btn--hollow:hover,
[class^="--dark-ui"] .btn.btn--hollow:focus,
[class*="--dark-ui"] .btn.btn--hollow:hover,
[class*="--dark-ui"] .btn.btn--hollow:focus {
  border-color: rgba(245, 245, 245, 0.63);
  color: rgba(245, 245, 245, 0.63); }

.dark-ui .btn.btn--hollow:active,
[class^="--dark-ui"] .btn.btn--hollow:active,
[class*="--dark-ui"] .btn.btn--hollow:active {
  box-shadow: inset 0 1px 0 0 rgba(245, 245, 245, 0.7); }

.dark-ui .btn.btn--hollow.btn--default,
[class^="--dark-ui"] .btn.btn--hollow.btn--default,
[class*="--dark-ui"] .btn.btn--hollow.btn--default {
  border: 1px solid rgba(245, 245, 245, 0.4);
  color: #F5F5F5;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--default:hover, .dark-ui .btn.btn--hollow.btn--default:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--default:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--default:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--default:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--default:focus {
  border-color: rgba(245, 245, 245, 0.9);
  color: rgba(245, 245, 245, 0.9); }

.dark-ui .btn.btn--hollow.btn--default:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--default:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--default:active {
  box-shadow: inset 0 1px 0 0 #F5F5F5; }

.dark-ui .btn.btn--hollow.btn--primary,
[class^="--dark-ui"] .btn.btn--hollow.btn--primary,
[class*="--dark-ui"] .btn.btn--hollow.btn--primary {
  border: 1px solid rgba(94, 169, 200, 0.4);
  color: #5ea9c8;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--primary:hover, .dark-ui .btn.btn--hollow.btn--primary:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--primary:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--primary:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--primary:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--primary:focus {
  border-color: rgba(94, 169, 200, 0.9);
  color: rgba(94, 169, 200, 0.9); }

.dark-ui .btn.btn--hollow.btn--primary:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--primary:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--primary:active {
  box-shadow: inset 0 1px 0 0 #5ea9c8; }

.dark-ui .btn.btn--hollow.btn--success,
[class^="--dark-ui"] .btn.btn--hollow.btn--success,
[class*="--dark-ui"] .btn.btn--hollow.btn--success {
  border: 1px solid rgba(70, 165, 70, 0.4);
  color: #46a546;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--success:hover, .dark-ui .btn.btn--hollow.btn--success:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--success:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--success:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--success:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--success:focus {
  border-color: rgba(70, 165, 70, 0.9);
  color: rgba(70, 165, 70, 0.9); }

.dark-ui .btn.btn--hollow.btn--success:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--success:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--success:active {
  box-shadow: inset 0 1px 0 0 #46a546; }

.dark-ui .btn.btn--hollow.btn--warning,
[class^="--dark-ui"] .btn.btn--hollow.btn--warning,
[class*="--dark-ui"] .btn.btn--hollow.btn--warning {
  border: 1px solid rgba(221, 130, 0, 0.4);
  color: #dd8200;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--warning:hover, .dark-ui .btn.btn--hollow.btn--warning:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--warning:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--warning:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--warning:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--warning:focus {
  border-color: rgba(221, 130, 0, 0.9);
  color: rgba(221, 130, 0, 0.9); }

.dark-ui .btn.btn--hollow.btn--warning:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--warning:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--warning:active {
  box-shadow: inset 0 1px 0 0 #dd8200; }

.dark-ui .btn.btn--hollow.btn--alert,
[class^="--dark-ui"] .btn.btn--hollow.btn--alert,
[class*="--dark-ui"] .btn.btn--hollow.btn--alert {
  border: 1px solid rgba(229, 28, 35, 0.4);
  color: #E51C23;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--alert:hover, .dark-ui .btn.btn--hollow.btn--alert:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--alert:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--alert:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--alert:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--alert:focus {
  border-color: rgba(229, 28, 35, 0.9);
  color: rgba(229, 28, 35, 0.9); }

.dark-ui .btn.btn--hollow.btn--alert:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--alert:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--alert:active {
  box-shadow: inset 0 1px 0 0 #E51C23; }

.dark-ui .btn.btn--hollow.btn--highlight,
[class^="--dark-ui"] .btn.btn--hollow.btn--highlight,
[class*="--dark-ui"] .btn.btn--hollow.btn--highlight {
  border: 1px solid rgba(191, 0, 224, 0.4);
  color: #bf00e0;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--highlight:hover, .dark-ui .btn.btn--hollow.btn--highlight:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--highlight:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--highlight:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--highlight:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--highlight:focus {
  border-color: rgba(191, 0, 224, 0.9);
  color: rgba(191, 0, 224, 0.9); }

.dark-ui .btn.btn--hollow.btn--highlight:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--highlight:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--highlight:active {
  box-shadow: inset 0 1px 0 0 #bf00e0; }

.dark-ui .btn.btn--hollow.btn--sd-green,
[class^="--dark-ui"] .btn.btn--hollow.btn--sd-green,
[class*="--dark-ui"] .btn.btn--hollow.btn--sd-green {
  border: 1px solid rgba(30, 176, 108, 0.4);
  color: #1eb06c;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--sd-green:hover, .dark-ui .btn.btn--hollow.btn--sd-green:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--sd-green:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--sd-green:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--sd-green:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--sd-green:focus {
  border-color: rgba(30, 176, 108, 0.9);
  color: rgba(30, 176, 108, 0.9); }

.dark-ui .btn.btn--hollow.btn--sd-green:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--sd-green:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 #1eb06c; }

.dark-ui .btn.btn--hollow.btn--disabled, .dark-ui .btn.btn--hollow[disabled],
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled,
[class^="--dark-ui"] .btn.btn--hollow[disabled],
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled,
[class*="--dark-ui"] .btn.btn--hollow[disabled] {
  border: 1px solid 0;
  color: #F5F5F5;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled, .dark-ui .btn.btn--hollow.btn--disabled:hover, .dark-ui .btn.btn--hollow.btn--disabled:focus, .dark-ui .btn.btn--hollow[disabled], .dark-ui .btn.btn--hollow[disabled]:hover, .dark-ui .btn.btn--hollow[disabled]:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled],
[class^="--dark-ui"] .btn.btn--hollow[disabled]:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled]:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled],
[class*="--dark-ui"] .btn.btn--hollow[disabled]:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled]:focus {
  background-color: transparent; }

.dark-ui .btn.btn--hollow.btn--disabled:hover, .dark-ui .btn.btn--hollow.btn--disabled:focus, .dark-ui .btn.btn--hollow[disabled]:hover, .dark-ui .btn.btn--hollow[disabled]:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled]:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled]:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled]:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled]:focus {
  border-color: rgba(245, 245, 245, 0.9);
  color: rgba(245, 245, 245, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled:active, .dark-ui .btn.btn--hollow[disabled]:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled]:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled]:active {
  box-shadow: inset 0 1px 0 0 #F5F5F5; }

.dark-ui .btn.btn--hollow.btn--disabled:hover, .dark-ui .btn.btn--hollow.btn--disabled:focus, .dark-ui .btn.btn--hollow.btn--disabled:active, .dark-ui .btn.btn--hollow[disabled]:hover, .dark-ui .btn.btn--hollow[disabled]:focus, .dark-ui .btn.btn--hollow[disabled]:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled]:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled]:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled]:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled]:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled]:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled]:active {
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--default, .dark-ui .btn.btn--hollow[disabled].btn--default,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--default,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--default {
  border: 1px solid 0;
  color: #F5F5F5;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--default:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--default:focus, .dark-ui .btn.btn--hollow[disabled].btn--default:hover, .dark-ui .btn.btn--hollow[disabled].btn--default:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--default:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--default:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--default:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--default:focus {
  border-color: rgba(245, 245, 245, 0.9);
  color: rgba(245, 245, 245, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled.btn--default:active, .dark-ui .btn.btn--hollow[disabled].btn--default:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--default:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--default:active {
  box-shadow: inset 0 1px 0 0 #F5F5F5; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--default:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--default:focus, .dark-ui .btn.btn--hollow.btn--disabled.btn--default:active, .dark-ui .btn.btn--hollow[disabled].btn--default:hover, .dark-ui .btn.btn--hollow[disabled].btn--default:focus, .dark-ui .btn.btn--hollow[disabled].btn--default:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--default:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--default:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--default:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--default:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--default:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--default:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--default:active {
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--primary, .dark-ui .btn.btn--hollow[disabled].btn--primary,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--primary,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--primary {
  border: 1px solid 0;
  color: #5ea9c8;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--primary:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--primary:focus, .dark-ui .btn.btn--hollow[disabled].btn--primary:hover, .dark-ui .btn.btn--hollow[disabled].btn--primary:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:focus {
  border-color: rgba(94, 169, 200, 0.9);
  color: rgba(94, 169, 200, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled.btn--primary:active, .dark-ui .btn.btn--hollow[disabled].btn--primary:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:active {
  box-shadow: inset 0 1px 0 0 #5ea9c8; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--primary:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--primary:focus, .dark-ui .btn.btn--hollow.btn--disabled.btn--primary:active, .dark-ui .btn.btn--hollow[disabled].btn--primary:hover, .dark-ui .btn.btn--hollow[disabled].btn--primary:focus, .dark-ui .btn.btn--hollow[disabled].btn--primary:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--primary:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--primary:active {
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--success, .dark-ui .btn.btn--hollow[disabled].btn--success,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--success,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--success {
  border: 1px solid 0;
  color: #46a546;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--success:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--success:focus, .dark-ui .btn.btn--hollow[disabled].btn--success:hover, .dark-ui .btn.btn--hollow[disabled].btn--success:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--success:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--success:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--success:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--success:focus {
  border-color: rgba(70, 165, 70, 0.9);
  color: rgba(70, 165, 70, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled.btn--success:active, .dark-ui .btn.btn--hollow[disabled].btn--success:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--success:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--success:active {
  box-shadow: inset 0 1px 0 0 #46a546; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--success:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--success:focus, .dark-ui .btn.btn--hollow.btn--disabled.btn--success:active, .dark-ui .btn.btn--hollow[disabled].btn--success:hover, .dark-ui .btn.btn--hollow[disabled].btn--success:focus, .dark-ui .btn.btn--hollow[disabled].btn--success:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--success:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--success:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--success:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--success:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--success:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--success:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--success:active {
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--warning, .dark-ui .btn.btn--hollow[disabled].btn--warning,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--warning,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--warning {
  border: 1px solid 0;
  color: #dd8200;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--warning:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--warning:focus, .dark-ui .btn.btn--hollow[disabled].btn--warning:hover, .dark-ui .btn.btn--hollow[disabled].btn--warning:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:focus {
  border-color: rgba(221, 130, 0, 0.9);
  color: rgba(221, 130, 0, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled.btn--warning:active, .dark-ui .btn.btn--hollow[disabled].btn--warning:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:active {
  box-shadow: inset 0 1px 0 0 #dd8200; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--warning:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--warning:focus, .dark-ui .btn.btn--hollow.btn--disabled.btn--warning:active, .dark-ui .btn.btn--hollow[disabled].btn--warning:hover, .dark-ui .btn.btn--hollow[disabled].btn--warning:focus, .dark-ui .btn.btn--hollow[disabled].btn--warning:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--warning:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--warning:active {
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--alert, .dark-ui .btn.btn--hollow[disabled].btn--alert,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--alert,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--alert {
  border: 1px solid 0;
  color: #E51C23;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--alert:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--alert:focus, .dark-ui .btn.btn--hollow[disabled].btn--alert:hover, .dark-ui .btn.btn--hollow[disabled].btn--alert:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:focus {
  border-color: rgba(229, 28, 35, 0.9);
  color: rgba(229, 28, 35, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled.btn--alert:active, .dark-ui .btn.btn--hollow[disabled].btn--alert:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:active {
  box-shadow: inset 0 1px 0 0 #E51C23; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--alert:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--alert:focus, .dark-ui .btn.btn--hollow.btn--disabled.btn--alert:active, .dark-ui .btn.btn--hollow[disabled].btn--alert:hover, .dark-ui .btn.btn--hollow[disabled].btn--alert:focus, .dark-ui .btn.btn--hollow[disabled].btn--alert:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--alert:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--alert:active {
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--highlight, .dark-ui .btn.btn--hollow[disabled].btn--highlight,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight {
  border: 1px solid 0;
  color: #bf00e0;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--highlight:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--highlight:focus, .dark-ui .btn.btn--hollow[disabled].btn--highlight:hover, .dark-ui .btn.btn--hollow[disabled].btn--highlight:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:focus {
  border-color: rgba(191, 0, 224, 0.9);
  color: rgba(191, 0, 224, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled.btn--highlight:active, .dark-ui .btn.btn--hollow[disabled].btn--highlight:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:active {
  box-shadow: inset 0 1px 0 0 #bf00e0; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--highlight:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--highlight:focus, .dark-ui .btn.btn--hollow.btn--disabled.btn--highlight:active, .dark-ui .btn.btn--hollow[disabled].btn--highlight:hover, .dark-ui .btn.btn--hollow[disabled].btn--highlight:focus, .dark-ui .btn.btn--hollow[disabled].btn--highlight:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--highlight:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--highlight:active {
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--sd-green, .dark-ui .btn.btn--hollow[disabled].btn--sd-green,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green {
  border: 1px solid 0;
  color: #1eb06c;
  box-shadow: none; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--sd-green:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--sd-green:focus, .dark-ui .btn.btn--hollow[disabled].btn--sd-green:hover, .dark-ui .btn.btn--hollow[disabled].btn--sd-green:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:focus {
  border-color: rgba(30, 176, 108, 0.9);
  color: rgba(30, 176, 108, 0.9); }

.dark-ui .btn.btn--hollow.btn--disabled.btn--sd-green:active, .dark-ui .btn.btn--hollow[disabled].btn--sd-green:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:active {
  box-shadow: inset 0 1px 0 0 #1eb06c; }

.dark-ui .btn.btn--hollow.btn--disabled.btn--sd-green:hover, .dark-ui .btn.btn--hollow.btn--disabled.btn--sd-green:focus, .dark-ui .btn.btn--hollow.btn--disabled.btn--sd-green:active, .dark-ui .btn.btn--hollow[disabled].btn--sd-green:hover, .dark-ui .btn.btn--hollow[disabled].btn--sd-green:focus, .dark-ui .btn.btn--hollow[disabled].btn--sd-green:active,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:hover,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:focus,
[class^="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:active,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:hover,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:focus,
[class^="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:active,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:hover,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:focus,
[class*="--dark-ui"] .btn.btn--hollow.btn--disabled.btn--sd-green:active,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:hover,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:focus,
[class*="--dark-ui"] .btn.btn--hollow[disabled].btn--sd-green:active {
  box-shadow: none; }

.button-group {
  display: flex;
  flex-direction: row;
  align-items: center; }

.button-group .btn {
  margin: 0; }

.button-group--left {
  margin-right: auto; }

.button-group--left .btn {
  margin-right: 0.8rem; }

.button-group--left .btn:last-child {
  margin-right: 0; }

.button-group--left .sd-navbtn {
  border-width: 0 1px 0 0; }

.button-group--left.button-group--compact .btn {
  margin-right: 0.4rem; }

.button-group--left.button-group--compact .btn:last-child {
  margin-right: 0; }

.button-group--inline {
  margin-right: 0; }

.button-group--inline .btn {
  margin-right: 0.8rem; }

.button-group--inline .btn:last-child {
  margin-right: 0; }

.button-group--inline .sd-navbtn {
  border-width: 0 1px 0 0; }

.button-group--inline.button-group--compact .btn {
  margin-right: 0.4rem; }

.button-group--inline.button-group--compact .btn:last-child {
  margin-right: 0; }

.button-group--inline.button-group--compact .btn {
  margin-right: 0.4rem; }

.button-group--inline.button-group--compact .btn:last-child {
  margin-right: 0; }

.button-group--right {
  margin-left: auto; }

.button-group--right .btn {
  margin-left: 0.8rem; }

.button-group--right .btn:first-child {
  margin-left: 0; }

.button-group--right.button-group--compact .btn {
  margin-left: 0.4rem; }

.button-group--right.button-group--compact .btn:first-child {
  margin-right: 0; }

.button-group--center {
  margin-left: auto;
  margin-right: auto; }

.button-group--center .btn {
  margin-left: 0.4rem;
  margin-right: 0.4rem; }

.button-group--center .btn:first-child {
  margin-left: 0; }

.button-group--center .btn:last-child {
  margin-right: 0; }

.button-group--center .sd-navbtn {
  border-width: 0 1px 0 0; }

.button-group--center .sd-navbtn:first-child {
  border-width: 0 1px 0 1px; }

.button-group--center.button-group--compact .btn {
  margin: 0 0.2rem; }

.button-group--center.button-group--compact .btn:first-child {
  margin-left: 0; }

.button-group--center.button-group--compact .btn:last-child {
  margin-right: 0; }

.button-group--vertical {
  flex-grow: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: center; }

.button-group--vertical .btn {
  margin-top: 0.8rem; }

.button-group--vertical .btn:first-child, .button-group--vertical .btn:only-child {
  margin-top: 0; }

.button-group--vertical.button-group--compact .btn {
  margin-top: 0.4rem; }

.button-group--vertical.button-group--compact .btn:first-child {
  margin-left: 0; }

.button-group--vertical.button-group--compact .btn:last-child {
  margin-right: 0; }

.subnav .button-group--right .btn:last-of-type {
  margin-right: 1.6rem; }

.button-group__divider {
  width: 1px;
  height: 2.4rem; }

.button-group__divider--mini {
  padding-left: 1.2rem;
  width: 0;
  border: none !important; }

.button-group__divider--small {
  margin-left: 0.8rem;
  margin-right: 0.8rem; }

.button-group__divider--medium {
  margin-left: 1.2rem;
  margin-right: 1.2rem; }

.button-group__divider--large {
  margin-left: 1.6rem;
  margin-right: 1.6rem; }

.button-group__divider--border {
  border-left: 1px dotted rgba(123, 123, 123, 0.6); }

.button-group--right .button-group__divider--border.button-group__divider--small {
  margin-right: 0.4rem;
  margin-left: 1.2rem; }

.button-group--right .button-group__divider--border.button-group__divider--medium {
  margin-right: 0.8rem;
  margin-left: 1.6rem; }

.button-group--right .button-group__divider--border.button-group__divider--large {
  margin-right: 1.2rem;
  margin-left: 2rem; }

.button-group--right.button-group--padded {
  margin-right: 1.2rem; }

.button-group--left .button-group__divider--border.button-group__divider--small {
  margin-left: 0.4rem;
  margin-right: 1.2rem; }

.button-group--left .button-group__divider--border.button-group__divider--medium {
  margin-left: 0.8rem;
  margin-right: 1.6rem; }

.button-group--left .button-group__divider--border.button-group__divider--large {
  margin-left: 1.2rem;
  margin-right: 2rem; }

.button-group--left.button-group--padded {
  margin-left: 1.2rem; }

.button-group--inline.button-group--padded {
  margin-left: 1.2rem;
  margin-right: 1.2rem; }

.button-group--vertical .button-group__divider {
  height: 1px;
  width: auto;
  margin-left: 0rem;
  margin-right: 0rem; }

.button-group--vertical .button-group__divider--border {
  border-left: none;
  border-top: 1px dotted rgba(123, 123, 123, 0.6); }

.button-group--vertical .button-group__divider.button-group__divider--mini {
  padding-top: 1.2rem; }

.button-group--vertical .button-group__divider.button-group__divider--small {
  margin-bottom: 0.4rem;
  margin-top: 1.2rem; }

.button-group--vertical .button-group__divider.button-group__divider--medium {
  margin-bottom: 0.8rem;
  margin-top: 1.6rem; }

.button-group--vertical .button-group__divider.button-group__divider--large {
  margin-bottom: 1.2rem;
  margin-top: 2rem; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.label {
  display: inline-block;
  padding: 0 0.8rem;
  vertical-align: middle;
  border-radius: 8px;
  text-transform: uppercase;
  line-height: 1.4rem;
  letter-spacing: 0.125em;
  font-size: 0.9rem;
  white-space: nowrap;
  cursor: default;
  border: 1px solid transparent;
  font-weight: 500;
  background: #666;
  color: #fff; }

.label.label--large {
  font-size: 1.2rem;
  padding: 0.5rem 1.2rem;
  line-height: 1;
  border-radius: 1.2rem; }

.label.label--default {
  background: #333; }

.label.label--primary {
  background: #5ea9c8; }

.label.label--success {
  background: #46a546; }

.label.label--warning {
  background: #dd8200; }

.label.label--alert {
  background: #E51C23; }

.label.label--highlight {
  background: #9c27b0; }

.label.label--success2 {
  background: #56812e; }

.label.label--yellow2 {
  background: #d2a800; }

.label.label--orange2 {
  background: #da7200; }

.label.label--red2 {
  background: #be1600; }

.label.label--highlight2 {
  background: #e30083; }

.label.label--highlight3 {
  background: #8b008b; }

.label.label--highlight4 {
  background: #7300ab; }

.label.label--darkBlue2 {
  background: #000080; }

.label.label--sd-green {
  background: #1eb06c; }

.label.label--hollow {
  border: 1px solid #666;
  background-color: transparent !important;
  color: #666; }

.label.label--hollow.label--default {
  border: 1px solid #333;
  background-color: transparent !important;
  color: #333; }

.label.label--hollow.label--primary {
  border: 1px solid #5ea9c8;
  background-color: transparent !important;
  color: #5ea9c8; }

.label.label--hollow.label--success {
  border: 1px solid #46a546;
  background-color: transparent !important;
  color: #46a546; }

.label.label--hollow.label--warning {
  border: 1px solid #dd8200;
  background-color: transparent !important;
  color: #dd8200; }

.label.label--hollow.label--alert {
  border: 1px solid #E51C23;
  background-color: transparent !important;
  color: #E51C23; }

.label.label--hollow.label--highlight {
  border: 1px solid #9c27b0;
  background-color: transparent !important;
  color: #9c27b0; }

.label.label--hollow.label--success2 {
  border: 1px solid #56812e;
  background-color: transparent !important;
  color: #56812e; }

.label.label--hollow.label--yellow2 {
  border: 1px solid #d2a800;
  background-color: transparent !important;
  color: #d2a800; }

.label.label--hollow.label--orange2 {
  border: 1px solid #da7200;
  background-color: transparent !important;
  color: #da7200; }

.label.label--hollow.label--red2 {
  border: 1px solid #be1600;
  background-color: transparent !important;
  color: #be1600; }

.label.label--hollow.label--highlight2 {
  border: 1px solid #e30083;
  background-color: transparent !important;
  color: #e30083; }

.label.label--hollow.label--highlight3 {
  border: 1px solid #8b008b;
  background-color: transparent !important;
  color: #8b008b; }

.label.label--hollow.label--highlight4 {
  border: 1px solid #7300ab;
  background-color: transparent !important;
  color: #7300ab; }

.label.label--hollow.label--darkBlue2 {
  border: 1px solid #000080;
  background-color: transparent !important;
  color: #000080; }

.label.label--hollow.label--sd-green {
  border: 1px solid #1eb06c;
  background-color: transparent !important;
  color: #1eb06c; }

.label.label--translucent {
  background-color: rgba(123, 123, 123, 0.16);
  color: #666; }

.label.label--translucent.label--default {
  background-color: rgba(123, 123, 123, 0.16);
  color: #333;
  background-color: rgba(51, 51, 51, 0.12); }

.label.label--translucent.label--primary {
  background-color: rgba(123, 123, 123, 0.16);
  color: #5ea9c8;
  background-color: rgba(94, 169, 200, 0.12); }

.label.label--translucent.label--success {
  background-color: rgba(123, 123, 123, 0.16);
  color: #46a546;
  background-color: rgba(70, 165, 70, 0.12); }

.label.label--translucent.label--warning {
  background-color: rgba(123, 123, 123, 0.16);
  color: #dd8200;
  background-color: rgba(221, 130, 0, 0.12); }

.label.label--translucent.label--alert {
  background-color: rgba(123, 123, 123, 0.16);
  color: #E51C23;
  background-color: rgba(229, 28, 35, 0.12); }

.label.label--translucent.label--highlight {
  background-color: rgba(123, 123, 123, 0.16);
  color: #9c27b0;
  background-color: rgba(156, 39, 176, 0.12); }

.label.label--translucent.label--success2 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #56812e;
  background-color: rgba(86, 129, 46, 0.12); }

.label.label--translucent.label--yellow2 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #d2a800;
  background-color: rgba(210, 168, 0, 0.12); }

.label.label--translucent.label--orange2 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #da7200;
  background-color: rgba(218, 114, 0, 0.12); }

.label.label--translucent.label--red2 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #be1600;
  background-color: rgba(190, 22, 0, 0.12); }

.label.label--translucent.label--highlight2 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #e30083;
  background-color: rgba(227, 0, 131, 0.12); }

.label.label--translucent.label--highlight3 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #8b008b;
  background-color: rgba(139, 0, 139, 0.12); }

.label.label--translucent.label--highlight4 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #7300ab;
  background-color: rgba(115, 0, 171, 0.12); }

.label.label--translucent.label--darkBlue2 {
  background-color: rgba(123, 123, 123, 0.16);
  color: #000080;
  background-color: rgba(0, 0, 128, 0.12); }

.label.label--translucent.label--sd-green {
  background-color: rgba(123, 123, 123, 0.16);
  color: #1eb06c;
  background-color: rgba(30, 176, 108, 0.12); }

.label--annotation {
  background-color: #a2df56;
  color: #444; }

.label--comment {
  background-color: #fff16f;
  color: #444; }

.label--no-transform {
  text-transform: none;
  letter-spacing: 0.04em; }

a.label {
  position: relative;
  text-decoration: none;
  cursor: pointer;
  padding: 0 1.8rem 0 0.8rem; }

a.label::before {
  display: inline-block;
  font-family: 'sd_icons';
  content: '\E6B0';
  position: absolute;
  top: 0;
  right: 0.3rem;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.6rem;
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none; }

a.label:hover, a.label:focus {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.label-icon {
  display: inline-flex;
  padding: 0 0.6rem 0 0;
  vertical-align: middle;
  align-items: center;
  line-height: 1;
  font-size: 13px;
  white-space: nowrap;
  cursor: default;
  background: transparent;
  color: var(--color-label-text); }

.label-icon [class^="icon-"], .label-icon [class*=" icon-"] {
  color: var(--color-label-text);
  margin-right: .4rem;
  opacity: 1 !important; }

.label-icon.label-icon--default {
  color: #333; }

.label-icon.label-icon--default [class^="icon-"], .label-icon.label-icon--default [class*=" icon-"] {
  color: #333 !important; }

.label-icon.label-icon--primary {
  color: #5ea9c8; }

.label-icon.label-icon--primary [class^="icon-"], .label-icon.label-icon--primary [class*=" icon-"] {
  color: #5ea9c8 !important; }

.label-icon.label-icon--success {
  color: #46a546; }

.label-icon.label-icon--success [class^="icon-"], .label-icon.label-icon--success [class*=" icon-"] {
  color: #46a546 !important; }

.label-icon.label-icon--warning {
  color: #dd8200; }

.label-icon.label-icon--warning [class^="icon-"], .label-icon.label-icon--warning [class*=" icon-"] {
  color: #dd8200 !important; }

.label-icon.label-icon--alert {
  color: #E51C23; }

.label-icon.label-icon--alert [class^="icon-"], .label-icon.label-icon--alert [class*=" icon-"] {
  color: #E51C23 !important; }

.label-icon.label-icon--highlight {
  color: #9c27b0; }

.label-icon.label-icon--highlight [class^="icon-"], .label-icon.label-icon--highlight [class*=" icon-"] {
  color: #9c27b0 !important; }

.label-icon.label-icon--sd-green {
  color: #1eb06c; }

.label-icon.label-icon--sd-green [class^="icon-"], .label-icon.label-icon--sd-green [class*=" icon-"] {
  color: #1eb06c !important; }

.label-icon.label-icon--translucent {
  font-size: 12px;
  height: 24px;
  border-radius: 12px;
  padding: 0 12px 0 8px;
  background-color: rgba(123, 123, 123, 0.16); }

.label-icon.label-icon--translucent.label-icon--default {
  background-color: rgba(51, 51, 51, 0.12); }

.label-icon.label-icon--translucent.label-icon--primary {
  background-color: rgba(94, 169, 200, 0.12); }

.label-icon.label-icon--translucent.label-icon--success {
  background-color: rgba(70, 165, 70, 0.12); }

.label-icon.label-icon--translucent.label-icon--warning {
  background-color: rgba(221, 130, 0, 0.12); }

.label-icon.label-icon--translucent.label-icon--alert {
  background-color: rgba(229, 28, 35, 0.12); }

.label-icon.label-icon--translucent.label-icon--highlight {
  background-color: rgba(156, 39, 176, 0.12); }

.label-icon.label-icon--translucent.label-icon--sd-green {
  background-color: rgba(30, 176, 108, 0.12); }

.badge {
  display: inline-block;
  min-width: 1.8em;
  padding: 0.4em 0.5em 0.3em;
  border-radius: 1em;
  font-size: 1rem;
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  background: #666;
  color: #fff; }

.badge.badge--default {
  background: #333; }

.badge.badge--primary {
  background: #5ea9c8; }

.badge.badge--success {
  background: #46a546; }

.badge.badge--warning {
  background: #dd8200; }

.badge.badge--alert {
  background: #E51C23; }

.badge.badge--highlight {
  background: #9c27b0; }

.badge.badge--sd-green {
  background: #1eb06c; }

.badge--light {
  background-color: #ddd;
  background-color: rgba(123, 123, 123, 0.2);
  color: #333;
  font-weight: 500; }

.badge--square {
  border-radius: 2px; }

.sd-alert {
  padding: 1.8rem 3rem 1.8rem 2rem;
  vertical-align: middle;
  border-radius: 4px;
  line-height: 1.4em;
  font-size: 1.4rem;
  border: 1px solid transparent;
  font-weight: 400;
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  background: rgba(153, 153, 153, 0.2);
  color: inherit;
  max-height: 20rem;
  max-width: 100%;
  height: auto;
  transition: all linear 100ms;
  display: flex; }

.sd-alert strong {
  font-weight: 500; }

.sd-alert.sd-alert--default {
  background: #333;
  color: white; }

.sd-alert.sd-alert--primary {
  background: #5ea9c8;
  color: white; }

.sd-alert.sd-alert--success {
  background: #46a546;
  color: white; }

.sd-alert.sd-alert--warning {
  background: #dd8200;
  color: white; }

.sd-alert.sd-alert--alert {
  background: #E51C23;
  color: white; }

.sd-alert.sd-alert--highlight {
  background: #9c27b0;
  color: white; }

.sd-alert.sd-alert--success2 {
  background: #56812e;
  color: white; }

.sd-alert.sd-alert--yellow2 {
  background: #d2a800;
  color: white; }

.sd-alert.sd-alert--orange2 {
  background: #da7200;
  color: white; }

.sd-alert.sd-alert--red2 {
  background: #be1600;
  color: white; }

.sd-alert.sd-alert--highlight2 {
  background: #e30083;
  color: white; }

.sd-alert.sd-alert--highlight3 {
  background: #8b008b;
  color: white; }

.sd-alert.sd-alert--highlight4 {
  background: #7300ab;
  color: white; }

.sd-alert.sd-alert--darkBlue2 {
  background: #000080;
  color: white; }

.sd-alert.sd-alert--sd-green {
  background: #1eb06c;
  color: white; }

.sd-alert.sd-alert--hollow {
  border: 1px solid #7b7b7b;
  background-color: rgba(123, 123, 123, 0.05);
  color: #7b7b7b; }

.sd-alert.sd-alert--hollow.sd-alert--default {
  border: 1px solid #333;
  background-color: rgba(51, 51, 51, 0.05);
  color: #333; }

.sd-alert.sd-alert--hollow.sd-alert--primary {
  border: 1px solid #5ea9c8;
  background-color: rgba(94, 169, 200, 0.05);
  color: #5ea9c8; }

.sd-alert.sd-alert--hollow.sd-alert--success {
  border: 1px solid #46a546;
  background-color: rgba(70, 165, 70, 0.05);
  color: #46a546; }

.sd-alert.sd-alert--hollow.sd-alert--warning {
  border: 1px solid #dd8200;
  background-color: rgba(221, 130, 0, 0.05);
  color: #dd8200; }

.sd-alert.sd-alert--hollow.sd-alert--alert {
  border: 1px solid #E51C23;
  background-color: rgba(229, 28, 35, 0.05);
  color: #E51C23; }

.sd-alert.sd-alert--hollow.sd-alert--highlight {
  border: 1px solid #9c27b0;
  background-color: rgba(156, 39, 176, 0.05);
  color: #9c27b0; }

.sd-alert.sd-alert--hollow.sd-alert--success2 {
  border: 1px solid #56812e;
  background-color: rgba(86, 129, 46, 0.05);
  color: #56812e; }

.sd-alert.sd-alert--hollow.sd-alert--yellow2 {
  border: 1px solid #d2a800;
  background-color: rgba(210, 168, 0, 0.05);
  color: #d2a800; }

.sd-alert.sd-alert--hollow.sd-alert--orange2 {
  border: 1px solid #da7200;
  background-color: rgba(218, 114, 0, 0.05);
  color: #da7200; }

.sd-alert.sd-alert--hollow.sd-alert--red2 {
  border: 1px solid #be1600;
  background-color: rgba(190, 22, 0, 0.05);
  color: #be1600; }

.sd-alert.sd-alert--hollow.sd-alert--highlight2 {
  border: 1px solid #e30083;
  background-color: rgba(227, 0, 131, 0.05);
  color: #e30083; }

.sd-alert.sd-alert--hollow.sd-alert--highlight3 {
  border: 1px solid #8b008b;
  background-color: rgba(139, 0, 139, 0.05);
  color: #8b008b; }

.sd-alert.sd-alert--hollow.sd-alert--highlight4 {
  border: 1px solid #7300ab;
  background-color: rgba(115, 0, 171, 0.05);
  color: #7300ab; }

.sd-alert.sd-alert--hollow.sd-alert--darkBlue2 {
  border: 1px solid #000080;
  background-color: rgba(0, 0, 128, 0.05);
  color: #000080; }

.sd-alert.sd-alert--hollow.sd-alert--sd-green {
  border: 1px solid #1eb06c;
  background-color: rgba(30, 176, 108, 0.05);
  color: #1eb06c; }

.sd-alert p {
  font-size: 1.4rem;
  color: inherit;
  margin-bottom: 1em; }

.sd-alert p:last-child,
.sd-alert p:only-child {
  margin-bottom: 0; }

.sd-alert--hidden {
  opacity: 0;
  max-height: 0.1rem;
  max-width: 10%;
  padding: 0;
  overflow: hidden;
  font-size: 0.1rem;
  transition: font-size ease-out 300ms, padding ease-out 300ms, max-width ease-out 200ms, max-height ease-out 300ms, opacity ease-out 200ms; }

.sd-alert--small {
  font-size: 1.3rem;
  padding: 0.8rem 2.4rem 0.8rem 1.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08);
  transition: font-size ease-out 20ms, padding ease-out 200ms, max-width ease-out 100ms, max-height ease-out 80ms, opacity ease-out 160ms; }

.sd-alert--marg-b12 {
  margin-bottom: 1.2rem; }

.sd-alert--no-margin {
  margin-bottom: 0; }

.sd-alert__close {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  z-index: 1;
  opacity: .2;
  line-height: 2.1rem;
  color: inherit;
  border-radius: 50%; }

.sd-alert__close::after {
  font-family: sd_icons;
  font-size: 16px;
  content: "\E647";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0.3rem;
  line-height: inherit;
  color: inherit;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased; }

.sd-alert__close:hover {
  opacity: .8;
  background-color: rgba(255, 255, 255, 0.3); }

.sd-alert__close:active {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5); }

.sd-alert--small .sd-alert__close {
  top: 0.4rem; }

.sd-alert__container {
  position: relative;
  min-height: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.sd-alert__icon {
  margin: 0.1rem 1.2rem 0 -0.5rem;
  flex-shrink: 0; }

.sd-alert--small .sd-alert__icon {
  margin-left: 0; }

.sd-alert__info-btn {
  cursor: pointer;
  height: 2.2rem;
  width: 2.2rem;
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-weight: 500;
  font-style: italic;
  line-height: 2.4rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  color: white;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 1;
  transition: all linear 100ms 0.2s, background ease-in 200ms;
  background: #7b7b7b; }

.sd-alert__info-btn [class^="icon-"], .sd-alert__info-btn [class*=" icon-"] {
  color: inherit;
  margin-top: 0.3rem; }

.sd-alert__info-btn:hover {
  background: #626262; }

.sd-alert__info-btn.sd-alert__info-btn--default {
  background: #333;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--default:hover {
  background: #292929; }

.sd-alert__info-btn.sd-alert__info-btn--primary {
  background: #5ea9c8;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--primary:hover {
  background: #3c8eaf; }

.sd-alert__info-btn.sd-alert__info-btn--success {
  background: #46a546;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--success:hover {
  background: #388438; }

.sd-alert__info-btn.sd-alert__info-btn--warning {
  background: #dd8200;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--warning:hover {
  background: #b16800; }

.sd-alert__info-btn.sd-alert__info-btn--alert {
  background: #E51C23;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--alert:hover {
  background: #b8151b; }

.sd-alert__info-btn.sd-alert__info-btn--highlight {
  background: #9c27b0;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--highlight:hover {
  background: #7d1f8d; }

.sd-alert__info-btn.sd-alert__info-btn--success2 {
  background: #56812e;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--success2:hover {
  background: #456725; }

.sd-alert__info-btn.sd-alert__info-btn--yellow2 {
  background: #d2a800;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--yellow2:hover {
  background: #a88600; }

.sd-alert__info-btn.sd-alert__info-btn--orange2 {
  background: #da7200;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--orange2:hover {
  background: #ae5b00; }

.sd-alert__info-btn.sd-alert__info-btn--red2 {
  background: #be1600;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--red2:hover {
  background: #981200; }

.sd-alert__info-btn.sd-alert__info-btn--highlight2 {
  background: #e30083;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--highlight2:hover {
  background: #b60069; }

.sd-alert__info-btn.sd-alert__info-btn--highlight3 {
  background: #8b008b;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--highlight3:hover {
  background: #6f006f; }

.sd-alert__info-btn.sd-alert__info-btn--highlight4 {
  background: #7300ab;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--highlight4:hover {
  background: #5c0089; }

.sd-alert__info-btn.sd-alert__info-btn--darkBlue2 {
  background: #000080;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--darkBlue2:hover {
  background: #000066; }

.sd-alert__info-btn.sd-alert__info-btn--sd-green {
  background: #1eb06c;
  color: white; }

.sd-alert__info-btn.sd-alert__info-btn--sd-green:hover {
  background: #188d56; }

.sd-alert__info-btn--hidden {
  opacity: 0;
  height: 1px;
  width: 1px;
  flex-shrink: 1;
  transition: all linear 100ms; }

.sd-alert__container .sd-alert {
  flex-grow: 1; }

:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }

.hollow-red--100:hover {
  color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }

.hollow-red--900:hover {
  color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }

.hollow-red--200:hover {
  color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }

.hollow-red--800:hover {
  color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }

.hollow-red--300:hover {
  color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }

.hollow-red--700:hover {
  color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }

.hollow-red--400:hover {
  color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }

.hollow-red--600:hover {
  color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }

.hollow-red--50:hover {
  color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }

.hollow-red--500:hover {
  color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }

.hollow-pink--100:hover {
  color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }

.hollow-pink--900:hover {
  color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }

.hollow-pink--200:hover {
  color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }

.hollow-pink--800:hover {
  color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }

.hollow-pink--300:hover {
  color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }

.hollow-pink--700:hover {
  color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }

.hollow-pink--400:hover {
  color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }

.hollow-pink--600:hover {
  color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }

.hollow-pink--50:hover {
  color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }

.hollow-pink--500:hover {
  color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }

.hollow-purple--100:hover {
  color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }

.hollow-purple--900:hover {
  color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }

.hollow-purple--200:hover {
  color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }

.hollow-purple--800:hover {
  color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }

.hollow-purple--300:hover {
  color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }

.hollow-purple--700:hover {
  color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }

.hollow-purple--400:hover {
  color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }

.hollow-purple--600:hover {
  color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }

.hollow-purple--50:hover {
  color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }

.hollow-purple--500:hover {
  color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }

.hollow-deep-purple--100:hover {
  color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }

.hollow-deep-purple--900:hover {
  color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }

.hollow-deep-purple--200:hover {
  color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }

.hollow-deep-purple--800:hover {
  color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }

.hollow-deep-purple--700:hover {
  color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }

.hollow-deep-purple--600:hover {
  color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }

.hollow-deep-purple--50:hover {
  color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }

.hollow-deep-purple--500:hover {
  color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }

.hollow-indigo--100:hover {
  color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }

.hollow-indigo--200:hover {
  color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }

.hollow-indigo--800:hover {
  color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }

.hollow-indigo--700:hover {
  color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }

.hollow-indigo--400:hover {
  color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }

.hollow-indigo--600:hover {
  color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }

.hollow-indigo--50:hover {
  color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }

.hollow-indigo--500:hover {
  color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }

.hollow-blue--900:hover {
  color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }

.hollow-blue--200:hover {
  color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }

.hollow-blue--800:hover {
  color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }

.hollow-blue--300:hover {
  color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }

.hollow-blue--700:hover {
  color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }

.hollow-blue--400:hover {
  color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }

.hollow-blue--600:hover {
  color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }

.hollow-blue--50:hover {
  color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }

.hollow-blue--500:hover {
  color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }

.hollow-light-blue--100:hover {
  color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }

.hollow-light-blue--900:hover {
  color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }

.hollow-light-blue--200:hover {
  color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }

.hollow-light-blue--800:hover {
  color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }

.hollow-light-blue--300:hover {
  color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }

.hollow-light-blue--700:hover {
  color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }

.hollow-light-blue--400:hover {
  color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }

.hollow-light-blue--600:hover {
  color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }

.hollow-light-blue--50:hover {
  color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }

.hollow-light-blue--500:hover {
  color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }

.hollow-cyan--100:hover {
  color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }

.hollow-cyan--900:hover {
  color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }

.hollow-cyan--200:hover {
  color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }

.hollow-cyan--800:hover {
  color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }

.hollow-cyan--300:hover {
  color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }

.hollow-cyan--700:hover {
  color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }

.hollow-cyan--400:hover {
  color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }

.hollow-cyan--600:hover {
  color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }

.hollow-cyan--50:hover {
  color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }

.hollow-cyan--500:hover {
  color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }

.hollow-teal--100:hover {
  color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }

.hollow-teal--200:hover {
  color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }

.hollow-teal--800:hover {
  color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }

.hollow-teal--300:hover {
  color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }

.hollow-teal--700:hover {
  color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }

.hollow-teal--400:hover {
  color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }

.hollow-teal--600:hover {
  color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }

.hollow-teal--50:hover {
  color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }

.hollow-teal--500:hover {
  color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }

.hollow-green--100:hover {
  color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }

.hollow-green--900:hover {
  color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }

.hollow-green--800:hover {
  color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }

.hollow-green--300:hover {
  color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }

.hollow-green--700:hover {
  color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }

.hollow-green--400:hover {
  color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }

.hollow-green--600:hover {
  color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }

.hollow-green--50:hover {
  color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }

.hollow-green--500:hover {
  color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }

.hollow-light-green--100:hover {
  color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }

.hollow-light-green--900:hover {
  color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }

.hollow-light-green--200:hover {
  color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }

.hollow-light-green--800:hover {
  color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }

.hollow-light-green--300:hover {
  color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }

.hollow-light-green--700:hover {
  color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }

.hollow-light-green--400:hover {
  color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }

.hollow-light-green--50:hover {
  color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }

.hollow-light-green--500:hover {
  color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }

.hollow-lime--100:hover {
  color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }

.hollow-lime--900:hover {
  color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }

.hollow-lime--200:hover {
  color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }

.hollow-lime--800:hover {
  color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }

.hollow-lime--300:hover {
  color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }

.hollow-lime--700:hover {
  color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }

.hollow-lime--400:hover {
  color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }

.hollow-lime--600:hover {
  color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }

.hollow-lime--50:hover {
  color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }

.hollow-lime--500:hover {
  color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }

.hollow-yellow--100:hover {
  color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }

.hollow-yellow--900:hover {
  color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }

.hollow-yellow--200:hover {
  color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }

.hollow-yellow--800:hover {
  color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }

.hollow-yellow--300:hover {
  color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }

.hollow-yellow--700:hover {
  color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }

.hollow-yellow--400:hover {
  color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }

.hollow-yellow--600:hover {
  color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }

.hollow-yellow--500:hover {
  color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }

.hollow-amber--100:hover {
  color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }

.hollow-amber--900:hover {
  color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }

.hollow-amber--200:hover {
  color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }

.hollow-amber--800:hover {
  color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }

.hollow-amber--300:hover {
  color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }

.hollow-amber--700:hover {
  color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }

.hollow-amber--400:hover {
  color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }

.hollow-amber--600:hover {
  color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }

.hollow-amber--50:hover {
  color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }

.hollow-amber--500:hover {
  color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }

.hollow-orange--300:hover {
  color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }

.hollow-orange--700:hover {
  color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }

.hollow-orange--500:hover {
  color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }

.hollow-deep-orange--100:hover {
  color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }

.hollow-deep-orange--900:hover {
  color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }

.hollow-deep-orange--800:hover {
  color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }

.hollow-deep-orange--700:hover {
  color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }

.hollow-deep-orange--600:hover {
  color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }

.hollow-deep-orange--50:hover {
  color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }

.hollow-deep-orange--500:hover {
  color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }

.hollow-brown--100:hover {
  color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }

.hollow-brown--900:hover {
  color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }

.hollow-brown--800:hover {
  color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }

.hollow-brown--300:hover {
  color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }

.hollow-brown--700:hover {
  color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }

.hollow-brown--400:hover {
  color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }

.hollow-brown--50:hover {
  color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }

.hollow-brown--500:hover {
  color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }

.hollow-grey--100:hover {
  color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }

.hollow-grey--200:hover {
  color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }

.hollow-grey--300:hover {
  color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }

.hollow-grey--700:hover {
  color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }

.hollow-grey--400:hover {
  color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }

.hollow-grey--600:hover {
  color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }

.hollow-grey--50:hover {
  color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }

.hollow-grey--500:hover {
  color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }

.hollow-blue-grey--800:hover {
  color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }

.hollow-blue-grey--700:hover {
  color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }

.hollow-blue-grey--600:hover {
  color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }

.hollow-blue-grey--500:hover {
  color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }

[data-theme="dark-ui"] [class^="big-icon--"],
[data-theme="dark-ui"] [class*=" big-icon--"] {
  color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }

[data-theme="accessible-light-ui"] [class^="icon-"],
[data-theme="accessible-light-ui"] [class*=" icon-"],
[data-theme="accessible-light-ui"] [class^="big-icon--"],
[data-theme="accessible-light-ui"] [class*=" big-icon--"] {
  color: #000; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style {
  color: #111; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
  background-color: var(--color-accessible-primary);
  border-color: var(--color-accessible-primary);
  border-top-color: #020158;
  color: #fff; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
  background-color: #020166;
  border-color: #020166;
  border-top-color: #010036; }

[data-theme="accessible-light-ui"] .sd-create-btn .circle {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .navbtn.navbtn--active {
  background-color: #444;
  color: #fff; }

[data-theme="accessible-light-ui"] .btn {
  color: var(--color-accessible-text);
  font-weight: 600;
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .btn.btn--primary {
  background-color: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .btn.btn--hollow {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .sd-list-item {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
  font-size: 1.3rem; }

[data-theme="accessible-light-ui"] .sd-list-item time {
  color: #484848;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .badge {
  font-size: 1.2rem;
  line-height: 1.1em;
  font-weight: 600; }

[data-theme="accessible-light-ui"] .side-panel {
  background-color: #fff;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .side-panel__header {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
  font-weight: 500;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
  font-weight: 400;
  color: #595959; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
  background-color: var(--color-bg-800);
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
  background-color: var(--color-bg-800);
  color: #fff !important; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
  color: #fff !important; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__label {
  font-weight: 600;
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__input,
[data-theme="accessible-light-ui"] .sd-input .sd-input__select {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
[data-theme="accessible-light-ui"] .sd-input .sd-input__message {
  font-size: 1.4rem;
  margin: 0.8rem 0; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
  color: #444; }

[data-theme="accessible-light-ui"] .form-label {
  font-size: 1.2rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .form-label.form-label--light {
  color: #525252; }

[data-theme="accessible-light-ui"] .navbtn {
  color: #111; }

[data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
  color: currentColor; }

[data-theme="accessible-light-ui"] .dropdown__menu-label {
  font-size: 1.2rem;
  color: #585858; }

[data-theme="accessible-light-ui"] .dropdown__toggle:active,
[data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
  color: currentColor;
  font-size: 1.5rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
  background: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .sd-text__slugline,
[data-theme="accessible-light-ui"] p.sd-text__slugline {
  color: var(--color-accessible-primary) !important; }

[data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
  background-color: rgba(123, 123, 123, 0.5);
  height: 2rem;
  width: 2rem;
  text-align: center;
  border-radius: 50%; }

[data-theme="accessible-light-ui"] .toggle-box__label {
  font-size: 1.4rem;
  color: var(--color-label-text);
  font-weight: 500; }

[data-theme="accessible-light-ui"] .sd-grid-item time {
  color: #484848;
  font-size: 1.3rem;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
  font-size: 1.6rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
  font-size: 2rem; }

[data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
[data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: var(--color-accessible-primary);
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
  border-bottom-color: transparent;
  color: #fff;
  opacity: 0.6; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
  border-bottom-color: rgba(255, 255, 255, 0.25);
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: #4d4dff;
  color: #fff;
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
  color: #fff;
  opacity: 0.7; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
  color: #fff;
  opacity: 0.75; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
  opacity: 1; }

[data-theme="accessible-light-ui"] .badge.badge--primary {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .badge.badge--success {
  background-color: #006115; }

[data-theme="accessible-light-ui"] .badge.badge--warning {
  background-color: #854900; }

[data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
  background-color: var(--color-accessible-primary); }

@font-face {
  font-family: 'sd_icons';
  src: url(edc6baa0c7b941752be57965f23e6316.eot);
  src: url(edc6baa0c7b941752be57965f23e6316.eot?#iefix-r9v51w) format("embedded-opentype"), url(9fcf35cf778aab332273a07747f3d691.woff) format("woff"), url(86453955f64c06f0d25dbcd2806b3e29.ttf) format("truetype"), url(1a9b486007eb56dba68ff1ac8f4c006d.svg#sd_icons) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--2x {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icon--light {
  opacity: 0.5; }

.icon--blue {
  color: #5ea9c8 !important; }

.icon--white {
  color: #fff !important; }

.icon--light-blue {
  color: #68abc8 !important;
  opacity: 1 !important; }

.icon--dark-blue-grey {
  color: #31728e !important;
  opacity: 1 !important; }

[class*=icon-].red,
.icon--red {
  color: #be1600 !important; }

.icon--orange {
  color: #dd8200 !important; }

.icon--green {
  color: #46a546 !important; }

.icon--rotate-180 {
  transform: rotate(180deg); }

.icon--rotate-90 {
  transform: rotate(90deg); }

.icon--full-opacity {
  opacity: 1 !important; }

.icon--disabled {
  opacity: 0.2 !important; }

.icon-photo:before {
  content: "\E600"; }

.icon-video:before {
  content: "\E601"; }

.icon-map-marker:before {
  content: "\E602"; }

.icon-slideshow:before {
  content: "\E603"; }

.icon-text:before {
  content: "\E604"; }

.icon-file:before {
  content: "\E605"; }

.icon-calendar:before {
  content: "\E606"; }

.icon-composite:before {
  content: "\E607"; }

.icon-audio:before {
  content: "\E608"; }

.icon-stream:before {
  content: "\E609"; }

.icon-ingest:before {
  content: "\E60A"; }

.icon-archive:before {
  content: "\E60B"; }

.icon-time:before {
  content: "\E60C"; }

.icon-pin:before {
  content: "\E60D"; }

.icon-expand:before {
  content: "\E60E"; }

.icon-ascending:before {
  content: "\E60F"; }

.icon-descending:before {
  content: "\E60F"; }

.icon-descending {
  transform: rotate(180deg); }

.icon-th:before {
  content: "\E610"; }

.icon-grid-view:before {
  content: "\E610"; }

.icon-th-list:before {
  content: "\E611"; }

.icon-list-view:before {
  content: "\E611"; }

.icon-pencil:before {
  content: "\E612"; }

.icon-lock:before {
  content: "\E613"; }

.icon-retweet:before {
  content: "\E614"; }

.icon-unspike:before {
  content: "\E615"; }

.icon-fullscreen:before {
  content: "\E616"; }

.icon-fetch-as:before {
  content: "\E617"; }

.icon-search:before {
  content: "\E618"; }

.icon-star:before {
  content: "\E619"; }

.icon-star-empty:before {
  content: "\E61A"; }

.icon-multi-star:before {
  content: "\E61B"; }

.icon-th-large:before {
  content: "\E61C"; }

.icon-grid-view-large:before {
  content: "\E61C"; }

.icon-ok:before {
  content: "\E61D"; }

.icon-zoom-in:before {
  content: "\E61E"; }

.icon-zoom-out:before {
  content: "\E61F"; }

.icon-signal:before {
  content: "\E620"; }

.icon-filter-large:before {
  content: "\E621"; }

.icon-trash:before {
  content: "\E622"; }

.icon-user:before {
  content: "\E623"; }

.icon-download:before {
  content: "\E624"; }

.icon-upload:before {
  content: "\E625"; }

.icon-repeat:before {
  content: "\E626"; }

.icon-refresh:before {
  content: "\E627"; }

.icon-list-alt:before {
  content: "\E628"; }

.icon-plus-large:before {
  content: "\E629"; }

.icon-picture:before {
  content: "\E62A"; }

.icon-question-sign:before {
  content: "\E62B"; }

.icon-info-sign:before {
  content: "\E62C"; }

.icon-plus-sign:before {
  content: "\E62D"; }

.icon-minus-sign:before {
  content: "\E62E"; }

.icon-remove-sign:before {
  content: "\E62F"; }

.icon-share-alt:before {
  content: "\E630"; }

.icon-exclamation-sign:before {
  content: "\E631"; }

.icon-eye-open:before {
  content: "\E632"; }

.icon-copy:before {
  content: "\E633"; }

.icon-comment:before {
  content: "\E634"; }

.icon-warning-sign:before {
  content: "\E635"; }

.icon-adjust:before {
  content: "\E636"; }

.icon-folder-close:before {
  content: "\E637"; }

.icon-folder-open:before {
  content: "\E638"; }

.icon-download-alt:before {
  content: "\E639"; }

.icon-tasks:before {
  content: "\E63A"; }

.icon-globe:before {
  content: "\E63B"; }

.icon-link:before {
  content: "\E63C"; }

.icon-expand-thin:before {
  content: "\E63D"; }

.icon-assign:before {
  content: "\E63E"; }

.icon-dots:before {
  content: "\E63F"; }

.icon-dots-vertical:before {
  content: "\E63F"; }

.icon-dots-vertical {
  transform: rotate(90deg); }

.icon-backward-thin:before {
  content: "\E640"; }

.icon-forward-thin:before {
  content: "\E641"; }

.icon-chevron-left-thin:before {
  content: "\E642"; }

.icon-chevron-right-thin:before {
  content: "\E643"; }

.icon-switches:before {
  content: "\E644"; }

.icon-plus-small:before {
  content: "\E645"; }

.icon-minus-small:before {
  content: "\E646"; }

.icon-close-small:before {
  content: "\E647"; }

.icon-post:before {
  content: "\E648"; }

.icon-external:before {
  content: "\E649"; }

.icon-chevron-up-thin:before {
  content: "\E64A"; }

.icon-chevron-down-thin:before {
  content: "\E64B"; }

.icon-pick:before {
  content: "\E64C"; }

.icon-revert:before {
  content: "\E64D"; }

.icon-package-plus:before {
  content: "\E64E"; }

.icon-list-plus:before {
  content: "\E64F"; }

.icon-envelope:before {
  content: "\E650"; }

.icon-heart:before {
  content: "\E651"; }

.icon-home:before {
  content: "\E652"; }

.icon-print:before {
  content: "\E653"; }

.icon-font:before {
  content: "\E654"; }

.icon-bold:before {
  content: "\E655"; }

.icon-italic:before {
  content: "\E656"; }

.icon-underline:before {
  content: "\E657"; }

.icon-strikethrough:before {
  content: "\E658"; }

.icon-align-left:before {
  content: "\E659"; }

.icon-align-center:before {
  content: "\E65A"; }

.icon-align-right:before {
  content: "\E65B"; }

.icon-align-justify:before {
  content: "\E65C"; }

.icon-unordered-list:before {
  content: "\E65D"; }

.icon-indent-left:before {
  content: "\E65E"; }

.icon-indent-right:before {
  content: "\E65F"; }

.icon-ban-circle:before {
  content: "\E660"; }

.icon-bell:before {
  content: "\E661"; }

.icon-random:before {
  content: "\E662"; }

.icon-settings:before {
  content: "\E663"; }

.icon-package-create:before {
  content: "\E664"; }

.icon-list-menu:before {
  content: "\E665"; }

.icon-new-doc:before {
  content: "\E666"; }

.icon-edit-line:before {
  content: "\E667"; }

.icon-calendar-list:before {
  content: "\E668"; }

.icon-collapse:before {
  content: "\E669"; }

.icon-broadcast:before {
  content: "\E66A"; }

.icon-broadcast-create:before {
  content: "\E66B"; }

.icon-kill:before {
  content: "\E66C"; }

.icon-graphic:before {
  content: "\E66D"; }

.icon-close-thick:before {
  content: "\E66E"; }

.icon-move:before {
  content: "\E66F"; }

.icon-takes-package:before {
  content: "\E670"; }

.icon-highlight-package:before {
  content: "\E671"; }

.icon-preview-mode:before {
  content: "\E672"; }

.icon-unlocked:before {
  content: "\E673"; }

.icon-code:before {
  content: "\E674"; }

.icon-cut:before {
  content: "\E675"; }

.icon-paste:before {
  content: "\E676"; }

.icon-arrow-left:before {
  content: "\E677"; }

.icon-arrow-right:before {
  content: "\E678"; }

.icon-info-large:before {
  content: "\E679"; }

.icon-help-large:before {
  content: "\E67A"; }

.icon-attachment:before {
  content: "\E67B"; }

.icon-attachment-large:before {
  content: "\E67C"; }

.icon-table:before {
  content: "\E67D"; }

.icon-ordered-list:before {
  content: "\E67E"; }

.icon-heading-1:before {
  content: "\E67F"; }

.icon-heading-2:before {
  content: "\E680"; }

.icon-heading-3:before {
  content: "\E681"; }

.icon-heading-4:before {
  content: "\E682"; }

.icon-heading-5:before {
  content: "\E683"; }

.icon-heading-6:before {
  content: "\E684"; }

.icon-quote:before {
  content: "\E685"; }

.icon-multiedit:before {
  content: "\E686"; }

.icon-phone:before {
  content: "\E687"; }

.icon-mobile:before {
  content: "\E688"; }

.icon-twitter:before {
  content: "\E689"; }

.icon-facebook:before {
  content: "\E68A"; }

.icon-linked-in:before {
  content: "\E68B"; }

.icon-twitter-circle:before {
  content: "\E68C"; }

.icon-facebook-circle:before {
  content: "\E68D"; }

.icon-linked-in-circle:before {
  content: "\E68E"; }

.icon-recurring:before {
  content: "\E68F"; }

.icon-paragraph:before {
  content: "\E690"; }

.icon-suggestion:before {
  content: "\E691"; }

.icon-event:before {
  content: "\E692"; }

.icon-kanban-view:before {
  content: "\E693"; }

.icon-subscript:before {
  content: "\E694"; }

.icon-superscript:before {
  content: "\E695"; }

.icon-clear-format:before {
  content: "\E696"; }

.icon-preformatted:before {
  content: "\E697"; }

.icon-crop:before {
  content: "\E698"; }

.icon-flip-horizontal:before {
  content: "\E699"; }

.icon-flip-vertical:before {
  content: "\E69A"; }

.icon-rotate-right:before {
  content: "\E69B"; }

.icon-rotate-left:before {
  content: "\E69C"; }

.icon-business:before {
  content: "\E69D"; }

.icon-paywall:before {
  content: "\E69E"; }

.icon-analytics:before {
  content: "\E69F"; }

.icon-amp:before {
  content: "\E6A0"; }

.icon-undo:before {
  content: "\E6A1"; }

.icon-redo:before {
  content: "\E6A2"; }

.icon-instagram:before {
  content: "\E6A3"; }

.icon-play:before {
  content: "\E6A4"; }

.icon-stop:before {
  content: "\E6A5"; }

.icon-pause:before {
  content: "\E6A6"; }

.icon-fast_rewind:before {
  content: "\E6A7"; }

.icon-fast_forward:before {
  content: "\E6A8"; }

.icon-skip_previous:before {
  content: "\E6A9"; }

.icon-skip_next:before {
  content: "\E6AA"; }

.icon-add-image:before {
  content: "\E6AB"; }

.icon-add-gallery:before {
  content: "\E6AC"; }

.icon-text-format:before {
  content: "\E6AD"; }

.icon-to-uppercase:before {
  content: "\E6AE"; }

.icon-to-lowercase:before {
  content: "\E6AF"; }

.icon-arrow-small:before {
  content: "\E6B0"; }

.icon-clear-all:before {
  content: "\E6B1"; }

.icn-mix {
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 16px; }

.icn-mix .icn-mix__icn {
  opacity: 0.6; }

.icn-mix .icn-mix__sub-icn {
  position: absolute;
  font-size: 1.1rem;
  box-sizing: content-box;
  line-height: 100%;
  color: #9c27b0;
  right: -0.5rem;
  bottom: -0.7rem;
  height: 1em;
  width: 1em;
  background-color: #fff;
  border-radius: 50%;
  padding: 1px;
  z-index: 1;
  opacity: 1 !important; }

.icn-mix--2x {
  font-size: 32px;
  height: 32px; }

.icn-mix--2x .icn-mix__icn {
  opacity: 0.6;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icn-mix--2x .icn-mix__sub-icn {
  font-size: 1.6rem;
  right: -0.6rem;
  bottom: -0.3rem; }

.double-size-icn {
  display: inline-block;
  height: 3.2rem;
  width: 3.2rem; }

.double-size-icn [class^="icon-"],
.double-size-icn [class*=" icon-"] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.double-size-icn--light [class^="icon-"],
.double-size-icn--light [class*=" icon-"] {
  opacity: 0.5; }

.subnav .icn-mix__sub-icn {
  background-color: var(--subNavBG-50); }

.subnav--darker .icn-mix__sub-icn {
  background-color: var(--subNavBG-100); }

.subnav--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--subNavBG-blueGrey-600);
  color: #d786e4; }

.subnav--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.side-panel__top-tools .icn-mix__sub-icn {
  background-color: #f0f0f0; }

.side-panel__top-tools--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--subNavBG-blueGrey-600);
  color: #d786e4; }

.side-panel__top-tools--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }

.hollow-red--100:hover {
  color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }

.hollow-red--900:hover {
  color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }

.hollow-red--200:hover {
  color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }

.hollow-red--800:hover {
  color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }

.hollow-red--300:hover {
  color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }

.hollow-red--700:hover {
  color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }

.hollow-red--400:hover {
  color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }

.hollow-red--600:hover {
  color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }

.hollow-red--50:hover {
  color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }

.hollow-red--500:hover {
  color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }

.hollow-pink--100:hover {
  color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }

.hollow-pink--900:hover {
  color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }

.hollow-pink--200:hover {
  color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }

.hollow-pink--800:hover {
  color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }

.hollow-pink--300:hover {
  color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }

.hollow-pink--700:hover {
  color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }

.hollow-pink--400:hover {
  color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }

.hollow-pink--600:hover {
  color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }

.hollow-pink--50:hover {
  color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }

.hollow-pink--500:hover {
  color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }

.hollow-purple--100:hover {
  color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }

.hollow-purple--900:hover {
  color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }

.hollow-purple--200:hover {
  color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }

.hollow-purple--800:hover {
  color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }

.hollow-purple--300:hover {
  color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }

.hollow-purple--700:hover {
  color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }

.hollow-purple--400:hover {
  color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }

.hollow-purple--600:hover {
  color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }

.hollow-purple--50:hover {
  color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }

.hollow-purple--500:hover {
  color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }

.hollow-deep-purple--100:hover {
  color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }

.hollow-deep-purple--900:hover {
  color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }

.hollow-deep-purple--200:hover {
  color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }

.hollow-deep-purple--800:hover {
  color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }

.hollow-deep-purple--700:hover {
  color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }

.hollow-deep-purple--600:hover {
  color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }

.hollow-deep-purple--50:hover {
  color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }

.hollow-deep-purple--500:hover {
  color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }

.hollow-indigo--100:hover {
  color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }

.hollow-indigo--200:hover {
  color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }

.hollow-indigo--800:hover {
  color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }

.hollow-indigo--700:hover {
  color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }

.hollow-indigo--400:hover {
  color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }

.hollow-indigo--600:hover {
  color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }

.hollow-indigo--50:hover {
  color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }

.hollow-indigo--500:hover {
  color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }

.hollow-blue--900:hover {
  color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }

.hollow-blue--200:hover {
  color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }

.hollow-blue--800:hover {
  color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }

.hollow-blue--300:hover {
  color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }

.hollow-blue--700:hover {
  color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }

.hollow-blue--400:hover {
  color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }

.hollow-blue--600:hover {
  color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }

.hollow-blue--50:hover {
  color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }

.hollow-blue--500:hover {
  color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }

.hollow-light-blue--100:hover {
  color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }

.hollow-light-blue--900:hover {
  color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }

.hollow-light-blue--200:hover {
  color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }

.hollow-light-blue--800:hover {
  color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }

.hollow-light-blue--300:hover {
  color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }

.hollow-light-blue--700:hover {
  color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }

.hollow-light-blue--400:hover {
  color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }

.hollow-light-blue--600:hover {
  color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }

.hollow-light-blue--50:hover {
  color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }

.hollow-light-blue--500:hover {
  color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }

.hollow-cyan--100:hover {
  color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }

.hollow-cyan--900:hover {
  color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }

.hollow-cyan--200:hover {
  color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }

.hollow-cyan--800:hover {
  color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }

.hollow-cyan--300:hover {
  color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }

.hollow-cyan--700:hover {
  color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }

.hollow-cyan--400:hover {
  color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }

.hollow-cyan--600:hover {
  color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }

.hollow-cyan--50:hover {
  color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }

.hollow-cyan--500:hover {
  color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }

.hollow-teal--100:hover {
  color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }

.hollow-teal--200:hover {
  color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }

.hollow-teal--800:hover {
  color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }

.hollow-teal--300:hover {
  color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }

.hollow-teal--700:hover {
  color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }

.hollow-teal--400:hover {
  color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }

.hollow-teal--600:hover {
  color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }

.hollow-teal--50:hover {
  color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }

.hollow-teal--500:hover {
  color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }

.hollow-green--100:hover {
  color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }

.hollow-green--900:hover {
  color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }

.hollow-green--800:hover {
  color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }

.hollow-green--300:hover {
  color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }

.hollow-green--700:hover {
  color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }

.hollow-green--400:hover {
  color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }

.hollow-green--600:hover {
  color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }

.hollow-green--50:hover {
  color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }

.hollow-green--500:hover {
  color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }

.hollow-light-green--100:hover {
  color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }

.hollow-light-green--900:hover {
  color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }

.hollow-light-green--200:hover {
  color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }

.hollow-light-green--800:hover {
  color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }

.hollow-light-green--300:hover {
  color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }

.hollow-light-green--700:hover {
  color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }

.hollow-light-green--400:hover {
  color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }

.hollow-light-green--50:hover {
  color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }

.hollow-light-green--500:hover {
  color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }

.hollow-lime--100:hover {
  color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }

.hollow-lime--900:hover {
  color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }

.hollow-lime--200:hover {
  color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }

.hollow-lime--800:hover {
  color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }

.hollow-lime--300:hover {
  color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }

.hollow-lime--700:hover {
  color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }

.hollow-lime--400:hover {
  color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }

.hollow-lime--600:hover {
  color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }

.hollow-lime--50:hover {
  color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }

.hollow-lime--500:hover {
  color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }

.hollow-yellow--100:hover {
  color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }

.hollow-yellow--900:hover {
  color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }

.hollow-yellow--200:hover {
  color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }

.hollow-yellow--800:hover {
  color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }

.hollow-yellow--300:hover {
  color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }

.hollow-yellow--700:hover {
  color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }

.hollow-yellow--400:hover {
  color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }

.hollow-yellow--600:hover {
  color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }

.hollow-yellow--500:hover {
  color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }

.hollow-amber--100:hover {
  color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }

.hollow-amber--900:hover {
  color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }

.hollow-amber--200:hover {
  color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }

.hollow-amber--800:hover {
  color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }

.hollow-amber--300:hover {
  color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }

.hollow-amber--700:hover {
  color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }

.hollow-amber--400:hover {
  color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }

.hollow-amber--600:hover {
  color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }

.hollow-amber--50:hover {
  color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }

.hollow-amber--500:hover {
  color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }

.hollow-orange--300:hover {
  color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }

.hollow-orange--700:hover {
  color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }

.hollow-orange--500:hover {
  color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }

.hollow-deep-orange--100:hover {
  color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }

.hollow-deep-orange--900:hover {
  color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }

.hollow-deep-orange--800:hover {
  color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }

.hollow-deep-orange--700:hover {
  color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }

.hollow-deep-orange--600:hover {
  color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }

.hollow-deep-orange--50:hover {
  color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }

.hollow-deep-orange--500:hover {
  color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }

.hollow-brown--100:hover {
  color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }

.hollow-brown--900:hover {
  color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }

.hollow-brown--800:hover {
  color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }

.hollow-brown--300:hover {
  color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }

.hollow-brown--700:hover {
  color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }

.hollow-brown--400:hover {
  color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }

.hollow-brown--50:hover {
  color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }

.hollow-brown--500:hover {
  color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }

.hollow-grey--100:hover {
  color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }

.hollow-grey--200:hover {
  color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }

.hollow-grey--300:hover {
  color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }

.hollow-grey--700:hover {
  color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }

.hollow-grey--400:hover {
  color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }

.hollow-grey--600:hover {
  color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }

.hollow-grey--50:hover {
  color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }

.hollow-grey--500:hover {
  color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }

.hollow-blue-grey--800:hover {
  color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }

.hollow-blue-grey--700:hover {
  color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }

.hollow-blue-grey--600:hover {
  color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }

.hollow-blue-grey--500:hover {
  color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }

[data-theme="dark-ui"] [class^="big-icon--"],
[data-theme="dark-ui"] [class*=" big-icon--"] {
  color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }

[data-theme="accessible-light-ui"] [class^="icon-"],
[data-theme="accessible-light-ui"] [class*=" icon-"],
[data-theme="accessible-light-ui"] [class^="big-icon--"],
[data-theme="accessible-light-ui"] [class*=" big-icon--"] {
  color: #000; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style {
  color: #111; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
  background-color: var(--color-accessible-primary);
  border-color: var(--color-accessible-primary);
  border-top-color: #020158;
  color: #fff; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
  background-color: #020166;
  border-color: #020166;
  border-top-color: #010036; }

[data-theme="accessible-light-ui"] .sd-create-btn .circle {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .navbtn.navbtn--active {
  background-color: #444;
  color: #fff; }

[data-theme="accessible-light-ui"] .btn {
  color: var(--color-accessible-text);
  font-weight: 600;
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .btn.btn--primary {
  background-color: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .btn.btn--hollow {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .sd-list-item {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
  font-size: 1.3rem; }

[data-theme="accessible-light-ui"] .sd-list-item time {
  color: #484848;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .badge {
  font-size: 1.2rem;
  line-height: 1.1em;
  font-weight: 600; }

[data-theme="accessible-light-ui"] .side-panel {
  background-color: #fff;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .side-panel__header {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
  font-weight: 500;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
  font-weight: 400;
  color: #595959; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
  background-color: var(--color-bg-800);
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
  background-color: var(--color-bg-800);
  color: #fff !important; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
  color: #fff !important; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__label {
  font-weight: 600;
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__input,
[data-theme="accessible-light-ui"] .sd-input .sd-input__select {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
[data-theme="accessible-light-ui"] .sd-input .sd-input__message {
  font-size: 1.4rem;
  margin: 0.8rem 0; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
  color: #444; }

[data-theme="accessible-light-ui"] .form-label {
  font-size: 1.2rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .form-label.form-label--light {
  color: #525252; }

[data-theme="accessible-light-ui"] .navbtn {
  color: #111; }

[data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
  color: currentColor; }

[data-theme="accessible-light-ui"] .dropdown__menu-label {
  font-size: 1.2rem;
  color: #585858; }

[data-theme="accessible-light-ui"] .dropdown__toggle:active,
[data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
  color: currentColor;
  font-size: 1.5rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
  background: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .sd-text__slugline,
[data-theme="accessible-light-ui"] p.sd-text__slugline {
  color: var(--color-accessible-primary) !important; }

[data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
  background-color: rgba(123, 123, 123, 0.5);
  height: 2rem;
  width: 2rem;
  text-align: center;
  border-radius: 50%; }

[data-theme="accessible-light-ui"] .toggle-box__label {
  font-size: 1.4rem;
  color: var(--color-label-text);
  font-weight: 500; }

[data-theme="accessible-light-ui"] .sd-grid-item time {
  color: #484848;
  font-size: 1.3rem;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
  font-size: 1.6rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
  font-size: 2rem; }

[data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
[data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: var(--color-accessible-primary);
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
  border-bottom-color: transparent;
  color: #fff;
  opacity: 0.6; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
  border-bottom-color: rgba(255, 255, 255, 0.25);
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: #4d4dff;
  color: #fff;
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
  color: #fff;
  opacity: 0.7; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
  color: #fff;
  opacity: 0.75; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
  opacity: 1; }

[data-theme="accessible-light-ui"] .badge.badge--primary {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .badge.badge--success {
  background-color: #006115; }

[data-theme="accessible-light-ui"] .badge.badge--warning {
  background-color: #854900; }

[data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
  background-color: var(--color-accessible-primary); }

@font-face {
  font-family: 'sd_big-icons';
  src: url(393564696f7efefb4de59fa5a9991e80.eot);
  src: url(393564696f7efefb4de59fa5a9991e80.eot#iefix) format("embedded-opentype"), url(ce8bf527efef5dcfd51968320ed36166.ttf) format("truetype"), url(d26e3846bf7eafae9533170b1b30eca8.woff) format("woff"), url(d0806e1efcb04cee0f77d7130bbbe2c7.svg#sd_big-icons) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="big-icon--"],
[class*=" big-icon--"] {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-family: 'sd_big-icons';
  font-size: 26px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.big-icon--blue {
  color: #5ea9c8; }

.big-icon--white {
  color: #fff !important; }

[class*=big-icon--].red,
.big-icon--red {
  color: #be1600; }

.big-icon--dashboard:before {
  content: "\E600"; }

.big-icon--view:before {
  content: "\E601"; }

.big-icon--tasks:before {
  content: "\E602"; }

.big-icon--calendar:before {
  content: "\E603"; }

.big-icon--marked-star:before {
  content: "\E604"; }

.big-icon--archive:before {
  content: "\E605"; }

.big-icon--spike:before {
  content: "\E606"; }

.big-icon--unspike:before {
  content: "\E607"; }

.big-icon--personal:before {
  content: "\E608"; }

.big-icon--global-search:before {
  content: "\E609"; }

.big-icon--analytics:before {
  content: "\E60A"; }

.big-icon--web:before {
  content: "\E60B"; }

.big-icon--cog:before {
  content: "\E60C"; }

.big-icon--send-to:before {
  content: "\E60D"; }

.big-icon--info:before {
  content: "\E60E"; }

.big-icon--find-replace:before {
  content: "\E60F"; }

.big-icon--comments:before {
  content: "\E610"; }

.big-icon--history:before {
  content: "\E611"; }

.big-icon--package:before {
  content: "\E612"; }

.big-icon--create-package:before {
  content: "\E613"; }

.big-icon--add-to-package:before {
  content: "\E614"; }

.big-icon--fetch:before {
  content: "\E615"; }

.big-icon--fetch-as:before {
  content: "\E616"; }

.big-icon--macro:before {
  content: "\E617"; }

.big-icon--related:before {
  content: "\E618"; }

.big-icon--minimize:before {
  content: "\E619"; }

.big-icon--settings:before {
  content: "\E61A"; }

.big-icon--multiedit:before {
  content: "\E61B"; }

.big-icon--export:before {
  content: "\E61C"; }

.big-icon--create-list:before {
  content: "\E61D"; }

.big-icon--add-to-list:before {
  content: "\E61E"; }

.big-icon--text:before {
  content: "\E61F"; }

.big-icon--desk:before {
  content: "\E620"; }

.big-icon--chevron-left:before {
  content: "\E621"; }

.big-icon--chevron-right:before {
  content: "\E622"; }

.big-icon--dashboard-alt:before {
  content: "\E623"; }

.big-icon--master:before {
  content: "\E624"; }

.big-icon--attachment:before {
  content: "\E625"; }

.big-icon--upload-alt:before {
  content: "\E626"; }

.big-icon--document-default:before {
  content: "\E627"; }

.big-icon--document-pdf:before {
  content: "\E628"; }

.big-icon--document-doc:before {
  content: "\E629"; }

.big-icon--semantics:before {
  content: "\E62A"; }

.big-icon--picture:before {
  content: "\E62B"; }

.big-icon--manage-package:before {
  content: "\E62C"; }

.big-icon--live:before {
  content: "\E62D"; }

.big-icon--live-alt:before {
  content: "\E62E"; }

.big-icon--meta-search:before {
  content: "\E62F"; }

.big-icon--chat:before {
  content: "\E630"; }

.big-icon--annotation:before {
  content: "\E631"; }

.big-icon--suggestion:before {
  content: "\E632"; }

.big-icon--publisher:before {
  content: "\E633"; }

.big-icon--tag:before {
  content: "\E634"; }

.modal-open {
  overflow: hidden; }

.modal-open .dropdown__menu {
  z-index: 2050; }

.modal-open .dropdown.open {
  *z-index: 2050; }

.modal-open .popover {
  z-index: 2060; }

.modal-open .tooltip {
  z-index: 2090; }

.modal {
  position: fixed;
  left: 40px;
  right: 40px;
  top: 40px;
  bottom: 40px;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  z-index: 1050;
  display: none; }

.modal.in {
  display: flex !important; }

.modal .modal__dialog {
  display: flex;
  max-height: 100%;
  flex: 0 1 auto;
  margin: 0 auto;
  max-width: 480px;
  width: 100%; }

.modal .modal__content {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  flex: 0 0 100%; }

.modal .modal__content .modal__header, .modal .modal__content .modal__footer {
  flex: 0 0 auto;
  width: 100%; }

.modal .modal__content .modal__header {
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid #e4e4e4;
  min-height: 48px;
  position: relative; }

.modal .modal__content .modal__header--padding-20 {
  padding: 10px 20px; }

.modal .modal__content .modal__header--flex {
  display: flex;
  flex-direction: row;
  align-items: center; }

.modal .modal__content .modal__header--flex .modal__heading {
  flex-grow: 1; }

.modal .modal__content .modal__header--flex .modal__heading--no-grow {
  flex-grow: 0; }

.modal .modal__content .modal__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0 16px;
  color: #333;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: #d2e5ed;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  max-height: 5.4rem; }

.modal .modal__content .modal__sliding-toolbar--right {
  text-align: right;
  justify-content: flex-end; }

.modal .modal__content .modal__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center; }

.modal .modal__content .modal__sliding-toolbar .sliding-toolbar__inner--right {
  text-align: right; }

.modal .modal__content .modal__sliding-toolbar .sliding-toolbar__info-text {
  font-weight: 300;
  opacity: 0.75; }

.modal .modal__content .modal__sliding-toolbar .btn + .sliding-toolbar__info-text {
  margin-left: 1rem; }

.modal .modal__content .modal__header-element-grow {
  flex-grow: 1; }

.modal .modal__content .modal__header-buttons {
  display: flex;
  align-content: center; }

.modal .modal__content .modal__header-buttons--right {
  justify-content: right; }

.modal .modal__content .modal__header-buttons--right .btn, .modal .modal__content .modal__header-buttons--right .dropdown {
  margin: 0 0 0 1rem; }

.modal .modal__content .modal__header-buttons--center {
  justify-content: center; }

.modal .modal__content .modal__header-buttons--grow {
  flex-grow: 1; }

.modal .modal__content .modal__footer {
  padding: 0.8rem 1.6rem;
  text-align: right;
  border-top: 1px solid #e4e4e4;
  min-height: 48px;
  *zoom: 1; }

.modal .modal__content .modal__footer:before, .modal .modal__content .modal__footer:after {
  display: table;
  content: ""; }

.modal .modal__content .modal__footer:after {
  clear: both; }

.modal .modal__content .modal__body {
  background: #f8f8f8;
  overflow-y: auto;
  padding: 1.6rem;
  position: relative;
  flex: 0 1 auto;
  width: 100%;
  max-width: 480px; }

.modal .modal__content .modal__body--add-min-height {
  min-height: 300px; }

@media (max-height: 500px) {
  .modal .modal__content .modal__body--add-min-height {
    min-height: auto; } }

.modal .modal__content .modal__body--no-padding {
  padding: 0; }

.modal .modal__content .modal__body-heading {
  font-size: 1.8rem;
  color: #333;
  font-weight: 400;
  margin-bottom: 2rem;
  line-height: 100%; }

.modal .modal__content .modal__body-heading--inactive {
  color: #adadad; }

.modal .modal__content .modal__body-heading .badge {
  vertical-align: bottom;
  margin-right: 0.6rem; }

.modal--large .modal__dialog {
  max-width: 680px; }

.modal--large .modal__body {
  max-width: 680px !important; }

.modal--x-large .modal__dialog {
  max-width: 1000px; }

.modal--x-large .modal__body {
  max-width: 1000px !important; }

.modal--fill {
  position: fixed;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  z-index: 1050;
  display: none;
  align-items: initial;
  flex-direction: initial;
  padding: 10px; }

.modal--fill .modal__content {
  margin: 0 !important; }

.modal--fill .modal__body {
  flex: 1 1 auto !important; }

.modal--fill .modal__dialog {
  max-width: 100%; }

.modal--fill .modal__body {
  max-width: 100% !important; }

.modal--fullscreen {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  z-index: 1050;
  display: none; }

.modal--fullscreen .modal__dialog {
  width: 100%;
  height: 100%; }

.modal--fullscreen .modal__content {
  flex: 0 0 100%;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.modal--fullscreen .modal__body {
  max-height: none;
  flex: 1 1 auto !important;
  display: flex;
  flex-direction: column; }

.modal--fullscreen .modal__dialog {
  max-width: 100%; }

.modal--fullscreen .modal__body {
  max-width: 100% !important; }

.modal.modal--white .modal__body {
  background: #fff !important; }

.modal.modal--double {
  z-index: 1060; }

.modal.modal--double + .modal__backdrop {
  z-index: 1055; }

.modal.modal--tabs .modal__body {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  background: transparent; }

.modal.modal--tabs .modal__body > form {
  display: flex;
  flex-direction: column; }

.modal.modal--tabs .modal__body-header {
  height: 48px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  padding: 0; }

.modal.modal--tabs .modal__body-header--add-padding {
  padding: 1rem 2rem;
  height: auto;
  min-height: 48px; }

.modal.modal--tabs .modal__body-header--flex {
  display: flex;
  align-items: center; }

.modal.modal--tabs .modal__body-content {
  flex: 1 1 auto;
  width: 100%;
  overflow-y: auto;
  padding: 1.6rem;
  background: #f8f8f8;
  min-height: 60px; }

.modal.modal--tabs .modal__body-footer {
  flex: 0 0 auto;
  padding: 0.8rem 1.6rem;
  border-top: 1px solid #e4e4e4;
  text-align: right;
  min-height: 48px; }

.modal p {
  margin: 0 0 1em 0; }

.modal.modal--dark-ui .modal__content {
  background-color: #333;
  color: #fff; }

.modal.modal--dark-ui .modal__content .modal__body-header {
  background-color: #333;
  color: #fff; }

.modal.modal--dark-ui .modal__content .modal__body-content, .modal.modal--dark-ui .modal__content .modal__body {
  background-color: #444;
  color: #fff; }

.modal.modal--dark-ui .modal__content .modal__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.modal.modal--dark-ui .modal__content .modal__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.modal.modal--dark-ui .modal__content .subnav {
  background-color: #292929;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 0 0 rgba(0, 0, 0, 0.3); }

.modal__content .subnav {
  flex-shrink: 0; }

.modal__close {
  margin: 2px -6px 0;
  border: 0;
  background: 0;
  padding: 0px 4px;
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.modal__close:hover {
  opacity: 0.7;
  filter: "alpha(opacity=70)";
  cursor: pointer; }

.modal__header--flex .icn-btn {
  margin-right: -0.8rem; }

.modal__header .icn-btn {
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  transition: opacity 0.2s ease-in-out; }

.modal__header:hover .icn-btn {
  opacity: 0.75;
  filter: "alpha(opacity=75)"; }

.modal__header:hover .icn-btn:hover {
  opacity: 1;
  filter: "alpha(opacity=100)"; }

.modal__heading {
  font-size: 18px;
  font-weight: 300;
  line-height: 27px; }

.modal__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1045;
  background-color: #000; }

.modal__backdrop.fade {
  opacity: 0; }

.modal__backdrop,
.modal__backdrop.fade.in {
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.modal--fullscreen .modal__header, .modal--fullscreen .modal__body {
  padding-left: 2.4rem; }

.nav-tabs {
  height: 48px;
  display: flex;
  flex-shrink: 0;
  padding: 0 1rem;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.nav-tabs__tab {
  margin-bottom: -1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  flex-shrink: 1; }

.nav-tabs__tab--active, .nav-tabs__tab--active:hover {
  flex-shrink: 0; }

.nav-tabs__tab--active .nav-tabs__link, .nav-tabs__tab--active:hover .nav-tabs__link {
  background: none;
  cursor: default;
  border-bottom-color: #5ea9c8;
  color: #333; }

.nav-tabs__pane--padding {
  padding: 2rem; }

.nav-tabs__pane .subnav {
  margin-top: 1px; }

.nav-tabs__link {
  margin: 0 1rem;
  padding: 0.8rem 0;
  height: 48px;
  line-height: 30px;
  font-size: 1.4rem;
  color: #747474;
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.nav-tabs__link:hover {
  border-bottom-color: #d8d8d8;
  background: none;
  text-decoration: none; }

.nav-tabs--ui-dark {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(94, 169, 200, 0.03); }

.nav-tabs--ui-dark .nav-tabs__tab--active .nav-tabs__link, .nav-tabs--ui-dark .nav-tabs__tab--active:hover .nav-tabs__link {
  background: none;
  cursor: default;
  border-bottom-color: #5ea9c8;
  color: #fff; }

.nav-tabs--ui-dark .nav-tabs__link {
  margin: 0 1rem;
  padding: 0.8rem 0;
  height: 48px;
  line-height: 30px;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.6);
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.nav-tabs--ui-dark .nav-tabs__link:hover {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  background: none;
  text-decoration: none; }

.nav-tabs--small {
  padding: 0 .4rem; }

.nav-tabs--small .nav-tabs__link {
  font-size: 1.2rem;
  margin: 0 .8rem; }

.nav-tabs--big .nav-tabs__link, .nav-tabs--large .nav-tabs__link {
  font-size: 1.6rem; }

.nav-tabs__content {
  padding: 2rem;
  overflow: auto; }

.nav-tabs__content--ui-dark {
  color: #fff; }

.nav-tabs__content--small {
  padding: 1.2rem; }

.sd-nav-tabs {
  height: 48px;
  display: flex;
  flex-shrink: 0;
  padding: 0 1rem;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  flex-grow: 1; }

.sd-nav-tabs__tab {
  margin: 0 1rem;
  padding: 0.8rem 0;
  height: 48px;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: inherit;
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  flex-shrink: 1; }

.sd-nav-tabs__tab span {
  opacity: 0.7;
  line-height: 1;
  display: inline-block;
  margin-top: 3px; }

.sd-nav-tabs__tab:hover {
  border-bottom-color: #d8d8d8;
  background: none;
  text-decoration: none; }

.sd-nav-tabs__tab--active, .sd-nav-tabs__tab--active:hover {
  background: none;
  cursor: default;
  border-bottom-color: #5ea9c8;
  flex-shrink: 0; }

.sd-nav-tabs__tab--active span, .sd-nav-tabs__tab--active:hover span {
  opacity: 1; }

.sd-nav-tabs__pane--padding {
  padding: 2rem; }

.sd-nav-tabs__pane .subnav {
  margin-top: 1px; }

.sd-nav-tabs.sd-nav-tabs--ui-dark {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(94, 169, 200, 0.03);
  color: #fff; }

.sd-nav-tabs.sd-nav-tabs--ui-dark .sd-nav-tabs__tab:hover {
  border-bottom-color: rgba(255, 255, 255, 0.2); }

.sd-nav-tabs.sd-nav-tabs--ui-dark .sd-nav-tabs__tab--active, .sd-nav-tabs.sd-nav-tabs--ui-dark .sd-nav-tabs__tab--active:hover {
  background: none;
  cursor: default;
  border-bottom-color: #5ea9c8; }

.sd-nav-tabs.sd-nav-tabs--ui-dark .sd-nav-tabs__tab--active span, .sd-nav-tabs.sd-nav-tabs--ui-dark .sd-nav-tabs__tab--active:hover span {
  opacity: 1; }

.sd-nav-tabs.sd-nav-tabs--small {
  padding: 0 .4rem; }

.sd-nav-tabs.sd-nav-tabs--small .sd-nav-tabs__tab {
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  margin: 0 .8rem; }

.sd-nav-tabs.sd-nav-tabs--big .sd-nav-tabs__tab, .sd-nav-tabs.sd-nav-tabs--large .sd-nav-tabs__tab {
  font-size: 1.6rem; }

.sd-nav-tabs__content {
  padding: 2rem;
  overflow: auto; }

.sd-nav-tabs__content--ui-dark {
  color: #fff; }

.sd-nav-tabs__content--small {
  padding: 1.2rem; }

.nav-tabs-vertical {
  width: 2rem;
  border-right: 1px solid #ccc;
  transition: all .2s ease-out .3s;
  opacity: 1; }

.nav-tabs-vertical__list {
  width: 2rem;
  list-style: none;
  margin: 0;
  padding: 0; }

.nav-tabs-vertical__tab {
  display: inline-block;
  width: 2rem;
  line-height: 2rem; }

.nav-tabs-vertical__tab--active .nav-tabs-vertical__link {
  color: #222; }

.nav-tabs-vertical__link {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 500;
  color: #747474;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 10px 0;
  padding: 0;
  -webkit-transform: translateX(19px) rotate(90deg);
  transform: translateX(20px) rotate(90deg);
  transform-origin: 0 0; }

.nav-tabs-vertical__link:hover {
  color: #222; }

.nav-tabs-vertical__link:after {
  content: "";
  float: left;
  margin-top: 100%; }

.nav-tabs-vertical--closed {
  width: 0;
  border: none;
  opacity: 0;
  transition: all .01s ease-out; }

.table, .table-inside table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.table th, .table-inside table th, .table td, .table-inside table td {
  padding: 1.2rem 0.8rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: 500; }

.table tr:last-child td, .table-inside table tr:last-child td {
  border-bottom: none; }

.table th, .table-inside table th {
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15); }

.table thead th, .table-inside table thead th {
  vertical-align: bottom; }

.sd-table--shadowed {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border: none; }

.sd-table td {
  vertical-align: middle; }

.sd-table th {
  vertical-align: top; }

.sd-table--action-hover td .icn-btn,
.sd-table--action-hover .sd-display-table__cell .icn-btn,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head) .sd-flex-table__cell .icn-btn {
  visibility: hidden; }

.sd-table--action-hover tr:hover td .icn-btn,
.sd-table--action-hover .sd-display-table__row:hover .sd-display-table__cell .icn-btn,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head):hover .sd-flex-table__cell .icn-btn {
  visibility: visible; }

.sd-table-two-rows {
  padding: 0.8rem;
  vertical-align: middle;
  display: flex;
  flex-direction: column; }

.sd-table-two-rows span + span {
  margin-left: .4rem; }

.sd-display-table {
  display: table;
  width: 100%; }

.sd-display-table__head {
  display: table-row-group; }

.sd-display-table__head .sd-display-table__cell {
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15); }

.sd-display-table__body {
  display: table-row-group; }

.sd-display-table__row {
  display: table-row; }

.sd-display-table__cell {
  display: table-cell;
  padding: 1.2rem 0.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: 500;
  text-align: left; }

.sd-display-table__cell.sd-table-two-rows {
  padding: 0.8rem; }

.sd-flex-table {
  display: flex;
  flex-direction: column; }

.sd-flex-table__row {
  display: flex;
  flex-direction: row; }

.sd-flex-table__cell {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 1.2rem 0.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: 500;
  text-align: left;
  min-width: 120px; }

.sd-flex-table--head .sd-flex-table__cell {
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15); }

/* Thanks to Jase Smith - codepen.io/jasesmith */
[sd-tooltip],
[data-sd-tooltip] {
  position: relative;
  /* Applies to all sd-tooltips */
  /* Make the sd-tooltips respond to hover */ }

[sd-tooltip]::before, [sd-tooltip]::after,
[data-sd-tooltip]::before,
[data-sd-tooltip]::after {
  text-transform: none;
  font-size: 1.2rem;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0; }

[sd-tooltip]::before,
[data-sd-tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001; }

[sd-tooltip]::after,
[data-sd-tooltip]::after {
  text-align: center;
  /* Let the content set the size of the sd-tooltips */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.8rem 1.2rem 0.9rem;
  border-radius: 2px;
  box-shadow: 0 8px 18px -5px rgba(0, 0, 0, 0.45);
  background: #333;
  color: #fff;
  font-weight: 400;
  z-index: 1000; }

[sd-tooltip]:hover::before, [sd-tooltip]:hover::after,
[data-sd-tooltip]:hover::before,
[data-sd-tooltip]:hover::after {
  display: block; }

[sd-tooltip] {
  /* FLOW: UP */
  /* FLOW: DOWN */
  /* FLOW: LEFT */
  /* FLOW: RIGHT */
  /* FX All The Things */ }

[sd-tooltip]:not([flow])::before, [sd-tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333; }

[sd-tooltip]:not([flow])::after, [sd-tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px); }

[sd-tooltip]:not([flow])::before, [sd-tooltip]:not([flow])::after, [sd-tooltip][flow^="up"]::before, [sd-tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em); }

[sd-tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333; }

[sd-tooltip][flow^="down"]::after {
  top: calc(100% + 5px); }

[sd-tooltip][flow^="down"]::before, [sd-tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em); }

[sd-tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%); }

[sd-tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%); }

[sd-tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%); }

[sd-tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%); }

[sd-tooltip]:not([flow]):hover::before, [sd-tooltip]:not([flow]):hover::after, [sd-tooltip][flow^="up"]:hover::before, [sd-tooltip][flow^="up"]:hover::after, [sd-tooltip][flow^="down"]:hover::before, [sd-tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 200ms ease-out forwards; }

[sd-tooltip][flow^="left"]:hover::before, [sd-tooltip][flow^="left"]:hover::after, [sd-tooltip][flow^="right"]:hover::before, [sd-tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 200ms ease-out forwards; }

[data-sd-tooltip] {
  /* FLOW: UP */
  /* FLOW: DOWN */
  /* FLOW: LEFT */
  /* FLOW: RIGHT */
  /* FX All The Things */ }

[data-sd-tooltip]:not([data-flow])::before, [data-sd-tooltip][data-flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333; }

[data-sd-tooltip]:not([data-flow])::after, [data-sd-tooltip][data-flow^="up"]::after {
  bottom: calc(100% + 5px); }

[data-sd-tooltip]:not([data-flow])::before, [data-sd-tooltip]:not([data-flow])::after, [data-sd-tooltip][data-flow^="up"]::before, [data-sd-tooltip][data-flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em); }

[data-sd-tooltip][data-flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333; }

[data-sd-tooltip][data-flow^="down"]::after {
  top: calc(100% + 5px); }

[data-sd-tooltip][data-flow^="down"]::before, [data-sd-tooltip][data-flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em); }

[data-sd-tooltip][data-flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%); }

[data-sd-tooltip][data-flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%); }

[data-sd-tooltip][data-flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%); }

[data-sd-tooltip][data-flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%); }

[data-sd-tooltip]:not([data-flow]):hover::before, [data-sd-tooltip]:not([data-flow]):hover::after, [data-sd-tooltip][data-flow^="up"]:hover::before, [data-sd-tooltip][data-flow^="up"]:hover::after, [data-sd-tooltip][data-flow^="down"]:hover::before, [data-sd-tooltip][data-flow^="down"]:hover::after {
  animation: tooltips-vert 200ms ease-out forwards; }

[data-sd-tooltip][data-flow^="left"]:hover::before, [data-sd-tooltip][data-flow^="left"]:hover::after, [data-sd-tooltip][data-flow^="right"]:hover::before, [data-sd-tooltip][data-flow^="right"]:hover::after {
  animation: tooltips-horz 200ms ease-out forwards; }

/* magic! */
[sd-tooltip]::after {
  content: attr(sd-tooltip); }

[data-sd-tooltip]::after {
  content: attr(data-sd-tooltip); }

/* don't show empty sd-tooltips */
[sd-tooltip='']::before,
[sd-tooltip='']::after,
[data-sd-tooltip='']::before,
[data-sd-tooltip='']::after {
  display: none !important; }

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .95;
    transform: translate(-50%, 0); } }

@keyframes tooltips-horz {
  to {
    opacity: .95;
    transform: translate(0, -50%); } }

[class^="--dark-ui"] [sd-tooltip]::after,
[class^="--dark-ui"] [data-sd-tooltip]::after,
[class*="--dark-ui"] [sd-tooltip]::after,
[class*="--dark-ui"] [data-sd-tooltip]::after {
  box-shadow: 0 8px 18px -5px rgba(0, 0, 0, 0.75);
  background: #222; }

[class^="--dark-ui"] [sd-tooltip],
[class*="--dark-ui"] [sd-tooltip] {
  /* FLOW: UP */
  /* FLOW: DOWN */
  /* FLOW: LEFT */
  /* FLOW: RIGHT */ }

[class^="--dark-ui"] [sd-tooltip]:not([flow])::before, [class^="--dark-ui"] [sd-tooltip][flow^="up"]::before,
[class*="--dark-ui"] [sd-tooltip]:not([flow])::before,
[class*="--dark-ui"] [sd-tooltip][flow^="up"]::before {
  border-top-color: #222; }

[class^="--dark-ui"] [sd-tooltip][flow^="down"]::before,
[class*="--dark-ui"] [sd-tooltip][flow^="down"]::before {
  border-bottom-color: #222; }

[class^="--dark-ui"] [sd-tooltip][flow^="left"]::before,
[class*="--dark-ui"] [sd-tooltip][flow^="left"]::before {
  border-left-color: #222; }

[class^="--dark-ui"] [sd-tooltip][flow^="right"]::before,
[class*="--dark-ui"] [sd-tooltip][flow^="right"]::before {
  border-right-color: #222; }

[class^="--dark-ui"] [data-sd-tooltip],
[class*="--dark-ui"] [data-sd-tooltip] {
  /* FLOW: UP */
  /* FLOW: DOWN */
  /* FLOW: LEFT */
  /* FLOW: RIGHT */ }

[class^="--dark-ui"] [data-sd-tooltip]:not([data-flow])::before, [class^="--dark-ui"] [data-sd-tooltip][data-flow^="up"]::before,
[class*="--dark-ui"] [data-sd-tooltip]:not([data-flow])::before,
[class*="--dark-ui"] [data-sd-tooltip][data-flow^="up"]::before {
  border-top-color: #222; }

[class^="--dark-ui"] [data-sd-tooltip][data-flow^="down"]::before,
[class*="--dark-ui"] [data-sd-tooltip][data-flow^="down"]::before {
  border-bottom-color: #222; }

[class^="--dark-ui"] [data-sd-tooltip][data-flow^="left"]::before,
[class*="--dark-ui"] [data-sd-tooltip][data-flow^="left"]::before {
  border-left-color: #222; }

[class^="--dark-ui"] [data-sd-tooltip][data-flow^="right"]::before,
[class*="--dark-ui"] [data-sd-tooltip][data-flow^="right"]::before {
  border-right-color: #222; }

[disabled]:hover[sd-tooltip]::before, [disabled]:hover[data-sd-tooltip]::before, [disabled]:hover[sd-tooltip]::after, [disabled]:hover[data-sd-tooltip]::after {
  display: none !important; }

.sd-carousel {
  position: fixed;
  left: 40px;
  right: 40px;
  top: 40px;
  bottom: 40px;
  align-items: center;
  flex-direction: row;
  z-index: 1050;
  display: flex; }

.sd-carousel__dialog {
  display: flex;
  max-height: 100%;
  flex: 0 1 auto;
  margin: 0 auto;
  max-width: 680px;
  width: 100%;
  position: relative; }

.sd-carousel__content {
  background: #fff;
  background-clip: padding-box;
  outline: 0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
  border-radius: 1rem 1rem 0.8rem 0.8rem;
  min-height: 40rem;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  max-height: 80rem; }

.sd-carousel__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

.sd-carousel__page-header {
  width: 100%;
  height: 200px;
  border-radius: 0.8rem 0.8rem 0 0;
  background-color: #303E55;
  flex-grow: 0;
  position: relative;
  overflow: hidden; }

.sd-carousel__page-header--color-2 {
  background-color: #856CA1; }

.sd-carousel__page-header--color-3 {
  background-color: #6DBEC4; }

.sd-carousel__page-header-illustration {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.65; }

.sd-carousel__page-heading {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-weight: 700;
  letter-spacing: .03em;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 2;
  color: #fff;
  font-size: 3.2rem;
  line-height: 1;
  top: calc(50% - 1.6rem); }

.sd-carousel__page-text {
  padding: 3rem;
  flex-grow: 1;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: 300; }

.sd-carousel__page-text p {
  margin-bottom: 1em; }

.sd-carousel__page-text p:last-child, .sd-carousel__page-text p:only-child {
  margin-bottom: 0; }

.sd-carousel__page-text h3 {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-size: 2rem;
  margin-bottom: 0.8em;
  font-weight: 700; }

.sd-carousel__page-footer {
  text-align: center;
  padding: 0 3rem 3rem;
  flex-grow: 0; }

.sd-carousel__nav-button {
  border-radius: 50%;
  cursor: pointer;
  height: 5.6rem;
  line-height: 5.6rem;
  position: absolute;
  top: calc(50% - 2.8rem);
  width: 5.6rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
  color: #1eb06c;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  background-color: #fff; }

.sd-carousel__nav-button:hover {
  background-color: #e6e6e6; }

.sd-carousel__nav-button:active {
  background-color: #cccccc; }

.sd-carousel__nav-button::after {
  content: " ";
  font-family: 'sd_icons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 2;
  color: #1eb06c;
  width: 5.6rem;
  font-size: 2.4rem; }

.sd-carousel__nav-button--next {
  right: -88px;
  color: inherit; }

.sd-carousel__nav-button--next::after {
  content: "\E643"; }

.sd-carousel__nav-button--prev {
  left: -88px;
  color: inherit; }

.sd-carousel__nav-button--prev::after {
  content: "\E642"; }

.sd-carousel__nav-button--end {
  right: -88px;
  border-radius: 50%;
  cursor: pointer;
  height: 5.6rem;
  line-height: 5.6rem;
  position: absolute;
  top: calc(50% - 2.8rem);
  width: 5.6rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
  color: #1eb06c;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  background-color: #1eb06c; }

.sd-carousel__nav-button--end:hover {
  background-color: #1b9e61; }

.sd-carousel__nav-button--end:active {
  background-color: #188d56; }

.sd-carousel__nav-button--end::after {
  content: " ";
  font-family: 'sd_icons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 2;
  color: #1eb06c;
  width: 5.6rem;
  font-size: 2.4rem; }

.sd-carousel__nav-button--end::after {
  content: "\E61D";
  color: #fff; }

.sd-carousel__page-indication-bar {
  bottom: -3.6rem;
  height: 2.6rem;
  position: absolute;
  text-align: center;
  width: 100%; }

.sd-carousel__page-indicator {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  margin: 0.6rem;
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.sd-carousel__page-indicator--selected {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.6); }

.sd-carousel__backdrop {
  z-index: 1045;
  background: rgba(0, 0, 0, 0.45);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.panel-info {
  background-color: transparent;
  box-shadow: none;
  padding: 5rem 0 0;
  text-align: center;
  color: #888; }

.panel-info__icon {
  display: block;
  box-sizing: border-box;
  padding-top: 1.6rem;
  height: 9rem;
  width: 9rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.08); }

.panel-info__icon i {
  display: block;
  width: 56px;
  height: 48px;
  opacity: .2;
  margin: 14px auto 0;
  font-size: 5.2rem; }

.panel-info__heading {
  font-size: 1.8rem;
  font-weight: 400;
  margin: 12px 0 0;
  line-height: 27px; }

.panel-info__description {
  margin: 4px 0 0;
  font-weight: 300; }

.simple-list {
  padding: 2rem 0; }

.simple-list .simple-list__item {
  padding: 0.5rem 0; }

.simple-list .simple-list__item--with-icon {
  display: flex;
  flex-direction: row; }

.simple-list .simple-list__item--with-icon [class^="icon-"], .simple-list .simple-list__item--with-icon [class*=" icon-"] {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 1rem;
  opacity: .75; }

.simple-list .simple-list__item--flex {
  display: flex;
  flex-direction: row;
  align-items: center; }

.simple-list .simple-list__item--stacked {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.simple-list .simple-list__item--stacked .simple-list__item-data {
  text-align: left; }

.simple-list .simple-list__item--stacked .simple-list__item-label {
  padding: 0 0 0.6rem 0; }

.simple-list .simple-list__item .label-icon {
  margin-right: 4px; }

.simple-list .simple-list__item-label {
  flex-grow: 0;
  font-size: 1.1rem;
  line-height: 100%;
  text-transform: uppercase;
  padding-right: 1rem;
  margin: 0;
  color: inherit;
  opacity: 0.65;
  font-weight: 500; }

.simple-list .simple-list__item-data {
  flex-grow: 1;
  text-align: right; }

.simple-list--dotted .simple-list__item {
  padding: 0.8rem 0;
  border-bottom: 1px dotted rgba(123, 123, 123, 0.5); }

.simple-list--dotted .simple-list__item:first-child {
  border-top: 1px dotted rgba(123, 123, 123, 0.5); }

.simple-list--dotted.simple-list--no-border-b .simple-list__item:last-child {
  border-bottom: none; }

.simple-list--dotted.simple-list--no-border-t .simple-list__item:first-child {
  border-top: none; }

.simple-list--comfortable .simple-list__item {
  padding: 1.2rem 0; }

.simple-list [class^="icon-"], .simple-list [class*=" icon-"] {
  vertical-align: middle; }

.simple-list--no-padding {
  padding: 0 0 2rem 0; }

.simple-list--no-padding-b {
  padding-bottom: 0; }

.toggle-box {
  position: relative;
  margin-bottom: 30px; }

.toggle-box.hidden .toggle-box__chevron i {
  transform: rotate(0); }

.toggle-box.hidden .toggle-box__chevron--circle {
  padding: 2px;
  background-color: #747474;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 50%; }

.toggle-box.hidden .toggle-box__chevron--circle i {
  color: #fff; }

.toggle-box.hidden .toggle-box__content-wraper {
  max-height: 0;
  transition: all ease-out .5s; }

.toggle-box.hidden .toggle-box__header {
  margin-bottom: 0; }

.toggle-box.toggle-box--dark .toggle-box__chevron i {
  color: #fff; }

.toggle-box.toggle-box--dark .toggle-box__label {
  color: rgba(255, 255, 255, 0.65); }

.toggle-box.toggle-box--dark .toggle-box__line {
  background: rgba(123, 123, 123, 0.5); }

.toggle-box.toggle-box--circle .toggle-box__chevron {
  background-color: rgba(123, 123, 123, 0.5);
  height: 2rem;
  width: 2rem;
  text-align: center;
  border-radius: 50%; }

.toggle-box.toggle-box--circle .toggle-box__chevron i {
  color: #fff; }

.toggle-box.toggle-box--marg-b10 {
  margin-bottom: 1rem; }

.toggle-box__header {
  display: flex;
  cursor: pointer;
  margin-bottom: 1.8rem;
  align-items: center; }

.toggle-box__header .toggle-box__chevron {
  padding: 2px; }

.toggle-box__header .toggle-box__chevron i {
  transition: all .3s;
  transform: rotate(90deg); }

.toggle-box__header .toggle-box__label {
  font-size: 1.2rem;
  padding: 0 1rem 0 0.8rem;
  color: #666;
  text-transform: uppercase; }

.toggle-box__header .toggle-box__line {
  flex: 1;
  height: 1px;
  margin: auto 0.4rem auto 0;
  background: rgba(123, 123, 123, 0.5); }

.toggle-box__content-wraper {
  transition: all ease-out .5s; }

.toggle-box__content {
  animation: fadeIn 0.3s ease-in 0s 1; }

.toggle-box__button {
  color: #999;
  cursor: pointer; }

.toggle-box__button i {
  color: #999;
  margin-right: 0.5rem;
  vertical-align: text-bottom; }

.toggle-box__button:hover {
  text-decoration: none;
  color: #fff; }

.toggle-box__button:hover i {
  color: #fff; }

[class^="--dark-ui"] .toggle-box__header .toggle-box__label,
[class*="--dark-ui"] .toggle-box__header .toggle-box__label {
  color: rgba(255, 255, 255, 0.5); }

[class^="--dark-ui"] .toggle-box--circle .toggle-box__chevron,
[class*="--dark-ui"] .toggle-box--circle .toggle-box__chevron {
  background-color: rgba(123, 123, 123, 0.5); }

.basic-drag-block {
  border: 2px dashed #cacaca;
  background-color: #f8f8f8;
  position: relative;
  padding: 1.2rem;
  color: #747474;
  text-align: center;
  border-radius: 2px; }

.basic-drag-block i {
  opacity: 0.4;
  vertical-align: bottom;
  margin: -4px 4px -2px 0; }

.basic-drag-block a {
  display: inline-block; }

.basic-drag-block .basic-drag-block__text {
  display: inline-block; }

.tag-label {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0em 1em 0em 1em;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  margin: 0.2rem 0;
  margin-right: 0.3rem;
  height: 2.4rem;
  color: var(--color-text);
  background: rgba(123, 123, 123, 0.25); }

.tag-label.tag-label--default {
  background: rgba(123, 123, 123, 0.25); }

.tag-label.tag-label--darker {
  background: rgba(123, 123, 123, 0.45); }

.tag-label.tag-label--highlight1 {
  background: rgba(94, 169, 200, 0.3); }

.tag-label.tag-label--highlight2 {
  background: rgba(94, 169, 200, 0.65); }

.tag-label--square {
  border-radius: 2px; }

.tag-label > span {
  max-width: 235px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tag-label .tag-label__remove {
  height: 1.8rem;
  width: 1.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.35);
  color: inherit;
  cursor: pointer;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  opacity: 0.2;
  margin-right: -1rem;
  margin-left: 0.8rem; }

.tag-label .tag-label__remove i {
  font-size: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 1px; }

.tag-label .tag-label__remove:hover {
  opacity: 0.75;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.65); }

.tag-label .tag-label__remove:active {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.85); }

.tag-label .tag-label__remove:active [class^="icon-"], .tag-label .tag-label__remove:active [class*=" icon-"] {
  color: #5ea9c8;
  opacity: 1; }

.sd-search-tags__bar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.4); }

.sd-search-tags__tag-list {
  margin: 0.6rem 0; }

.sd-search-tags__tag-list:empty {
  padding: 0 !important; }

.sd-search-tags__tag-list .sd-search-tags__tag {
  margin-left: 2px !important;
  margin-right: 2px !important; }

.sd-search-tags__tag-list:empty {
  padding: 0 !important; }

.sd-search-tags__tag {
  font-size: 1.3rem; }

[data-theme="dark-ui"] .sd-search-tags__bar {
  background-color: rgba(255, 255, 255, 0.06); }

[data-theme="dark-ui"] .tag-label.tag-label--highlight1 {
  background: rgba(94, 169, 200, 0.5); }

[data-theme="dark-ui"] .tag-label .tag-label__remove {
  background-color: rgba(0, 0, 0, 0.45); }

[data-theme="dark-ui"] .tag-label .tag-label__remove:hover {
  background-color: rgba(0, 0, 0, 0.66); }

[data-theme="dark-ui"] .tag-label .tag-label__remove i {
  color: inherit; }

sd-tag-input {
  display: block;
  padding-bottom: 3rem; }

sd-tag-input[data-label] {
  position: relative;
  padding-top: 1rem; }

.sd-tag-input {
  display: block;
  padding-bottom: 3rem; }

.sd-tag-input[data-label] {
  position: relative;
  padding-top: 1rem; }

.tags-input__label {
  position: absolute;
  display: inline-block;
  font-size: 1.1rem;
  margin: 0;
  top: 0;
  line-height: 100%;
  color: #747474;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em; }

tags-input {
  display: block; }

tags-input .tags-input__host {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0;
  height: 100%; }

tags-input .tags-input__host:active {
  outline: none; }

tags-input .tags-input__tags {
  padding: 0.1rem 0 0 0.1rem;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: transparent;
  border: none;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  height: 100%; }

tags-input .tags-input__tags:hover {
  border-color: rgba(0, 0, 0, 0.3); }

tags-input .tags-input__tags.focused {
  outline: none;
  border-bottom: 1px solid #5ea9c8;
  box-shadow: 0 1px 0 #5ea9c8; }

tags-input .tags-input__tags.focused .tags-input__input {
  width: auto; }

tags-input .tags-input__tags .tags-input__tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

tags-input .tags-input__tags .tags-input__tag-item {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0em 1em 0em 1em;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  margin: 0.2rem 0;
  margin-right: 0.3rem;
  height: 2.4rem;
  color: var(--color-text);
  margin: 2px 4px 2px 0;
  float: left;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  background: rgba(123, 123, 123, 0.25);
  color: currentColor; }

tags-input .tags-input__tags .tags-input__tag-item.selected {
  background-color: rgba(94, 169, 200, 0.65); }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
  height: 1.8rem;
  width: 1.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.35);
  color: inherit;
  cursor: pointer;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  opacity: 0.2;
  margin-right: -1rem;
  margin-left: 0.8rem; }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover {
  opacity: 0.75;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.65); }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.85); }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"] {
  color: #5ea9c8;
  opacity: 1; }

tags-input .tags-input__tags .tags-input__tag-item ti-tag-item {
  display: flex;
  flex-direction: row;
  align-items: center; }

tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box {
  display: flex;
  flex-direction: row;
  align-items: center; }

tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span {
  flex-grow: 1; }

tags-input .tags-input__tags .tags-input__input {
  border: 0;
  outline: none;
  margin: 0.2rem;
  padding: 0;
  float: left;
  height: 26px;
  color: currentColor;
  background-color: transparent;
  width: 20px; }

tags-input .tags-input__tags .tags-input__input.invalid-tag {
  color: #E51C23; }

tags-input .tags-input__tags .tags-input__input::-ms-clear {
  display: none; }

tags-input .tags-input__tags .tags-input__input:focus {
  box-shadow: unset !important; }

tags-input .tags-input__tags .tags-input__input::placeholder {
  opacity: 0.8;
  font-weight: 300;
  font-style: italic; }

tags-input .tags-input__tags--boxed {
  background-color: rgba(0, 0, 0, 0.05);
  padding-left: 0.4rem;
  border-radius: 2px; }

tags-input .tags-input__tags--boxed:hover {
  background-color: rgba(0, 0, 0, 0.1); }

tags-input.ng-invalid .tags-input__tags {
  border-bottom: 1px solid #E51C23 !important;
  box-shadow: 0 1px 0 #E51C23 !important; }

tags-input[disabled] .tags-input__host:focus {
  outline: none; }

tags-input[disabled] .tags-input__tags {
  background-color: #eee;
  cursor: default; }

tags-input[disabled] .tags-input__tags .tags-input__tag-item {
  opacity: 0.65; }

tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
  cursor: default; }

tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
  color: #585858; }

tags-input[disabled] .tags-input__tags .tags-input__input {
  background-color: #eee;
  cursor: default; }

tags-input .tags-input__add-button {
  float: left;
  height: 2.4rem;
  width: 2.4rem;
  background-color: #5ea9c8;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0.2rem 0.4rem 0.2rem 0;
  transition: all 0.3s;
  border-radius: 2px;
  opacity: 0.5;
  padding: 0;
  justify-content: center; }

tags-input .tags-input__add-button i {
  color: inherit; }

tags-input .tags-input__add-button:hover {
  opacity: 1; }

tags-input .tags-input__add-button[disabled], tags-input .tags-input__add-button [disabled]:hover, tags-input .tags-input__add-button [disabled]:active {
  opacity: 0.5;
  background-color: rgba(123, 123, 123, 0.4);
  cursor: default;
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.8); }

tags-input .autocomplete {
  margin-top: 0.5rem;
  position: absolute;
  padding: 0.5rem 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 28rem;
  overflow-y: auto;
  position: relative; }

tags-input .autocomplete .suggestion-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  background-color: #fff;
  transition: all ease-in-out 0.1s; }

tags-input .autocomplete .suggestion-item.selected {
  background-color: rgba(94, 169, 200, 0.3); }

tags-input .autocomplete .suggestion-item.selected:active {
  background-color: rgba(94, 169, 200, 0.75);
  color: #fff; }

tags-input .autocomplete .suggestion-item[disabled], tags-input .autocomplete .suggestion-item[disabled]:hover, tags-input .autocomplete .suggestion-item[disabled]:active {
  background-color: transparent;
  opacity: 0.45;
  cursor: default;
  pointer-events: none; }

.tags-input {
  display: block; }

.tags-input .tags-input__host {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0;
  height: 100%; }

.tags-input .tags-input__host:active {
  outline: none; }

.tags-input .tags-input__tags {
  padding: 0.1rem 0 0 0.1rem;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: transparent;
  border: none;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  height: 100%; }

.tags-input .tags-input__tags:hover {
  border-color: rgba(0, 0, 0, 0.3); }

.tags-input .tags-input__tags.focused {
  outline: none;
  border-bottom: 1px solid #5ea9c8;
  box-shadow: 0 1px 0 #5ea9c8; }

.tags-input .tags-input__tags.focused .tags-input__input {
  width: auto; }

.tags-input .tags-input__tags .tags-input__tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.tags-input .tags-input__tags .tags-input__tag-item {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0em 1em 0em 1em;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  margin: 0.2rem 0;
  margin-right: 0.3rem;
  height: 2.4rem;
  color: var(--color-text);
  margin: 2px 4px 2px 0;
  float: left;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  background: rgba(123, 123, 123, 0.25);
  color: currentColor; }

.tags-input .tags-input__tags .tags-input__tag-item.selected {
  background-color: rgba(94, 169, 200, 0.65); }

.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
  height: 1.8rem;
  width: 1.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.35);
  color: inherit;
  cursor: pointer;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  opacity: 0.2;
  margin-right: -1rem;
  margin-left: 0.8rem; }

.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover {
  opacity: 0.75;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.65); }

.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.85); }

.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"] {
  color: #5ea9c8;
  opacity: 1; }

.tags-input .tags-input__tags .tags-input__tag-item ti-tag-item {
  display: flex;
  flex-direction: row;
  align-items: center; }

.tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box {
  display: flex;
  flex-direction: row;
  align-items: center; }

.tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span {
  flex-grow: 1; }

.tags-input .tags-input__tags .tags-input__input {
  border: 0;
  outline: none;
  margin: 0.2rem;
  padding: 0;
  float: left;
  height: 26px;
  color: currentColor;
  background-color: transparent; }

.tags-input .tags-input__tags .tags-input__input.invalid-tag {
  color: #E51C23; }

.tags-input .tags-input__tags .tags-input__input::-ms-clear {
  display: none; }

.tags-input .tags-input__tags .tags-input__input:focus {
  box-shadow: unset !important; }

.tags-input .tags-input__tags .tags-input__input::placeholder {
  opacity: 0.8;
  font-weight: 300;
  font-style: italic; }

.tags-input .tags-input__tags--boxed {
  background-color: rgba(0, 0, 0, 0.05);
  padding-left: 0.4rem;
  border-radius: 2px; }

.tags-input .tags-input__tags--boxed:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.tags-input.ng-invalid .tags-input__tags {
  border-bottom: 1px solid #E51C23 !important;
  box-shadow: 0 1px 0 #E51C23 !important; }

.tags-input[disabled] .tags-input__host:focus {
  outline: none; }

.tags-input[disabled] .tags-input__tags {
  background-color: #eee;
  cursor: default; }

.tags-input[disabled] .tags-input__tags .tags-input__tag-item {
  opacity: 0.65; }

.tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
  cursor: default; }

.tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
  color: #585858; }

.tags-input[disabled] .tags-input__tags .tags-input__input {
  background-color: #eee;
  cursor: default; }

.tags-input .tag-input__invalid-tag {
  border-bottom: 1px solid #E51C23 !important;
  box-shadow: 0 1px 0 #E51C23 !important; }

.tags-input .tags-input__add-button {
  float: left;
  height: 2.4rem;
  width: 2.4rem;
  background-color: #5ea9c8;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0.2rem 0.4rem 0.2rem 0;
  transition: all 0.3s;
  border-radius: 2px;
  opacity: 0.5;
  padding: 0;
  justify-content: center; }

.tags-input .tags-input__add-button i {
  color: inherit; }

.tags-input .tags-input__add-button:hover {
  opacity: 1; }

.tags-input .tags-input__add-button[disabled], .tags-input .tags-input__add-button [disabled]:hover, .tags-input .tags-input__add-button [disabled]:active {
  opacity: 0.5;
  background-color: rgba(123, 123, 123, 0.4);
  cursor: default;
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.8); }

.tags-input .autocomplete {
  margin-top: 0.5rem;
  position: absolute;
  padding: 0.5rem 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 28rem;
  overflow-y: auto;
  position: relative; }

.tags-input .autocomplete .suggestion-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  background-color: #fff;
  transition: all ease-in-out 0.1s; }

.tags-input .autocomplete .suggestion-item:hover {
  background-color: rgba(94, 169, 200, 0.3); }

.tags-input .autocomplete .suggestion-item.selected {
  background-color: rgba(94, 169, 200, 0.3); }

.tags-input .autocomplete .suggestion-item.selected:active {
  background-color: rgba(94, 169, 200, 0.75);
  color: #fff; }

.tags-input .autocomplete .suggestion-item[disabled], .tags-input .autocomplete .suggestion-item[disabled]:hover, .tags-input .autocomplete .suggestion-item[disabled]:active {
  background-color: transparent;
  opacity: 0.45;
  cursor: default;
  pointer-events: none; }

.dark-ui tags-input .tags-input__tags,
[class^="--dark-ui"] tags-input .tags-input__tags,
[class*="--dark-ui"] tags-input .tags-input__tags {
  border-bottom-color: rgba(255, 255, 255, 0.2); }

.dark-ui tags-input .tags-input__tags:hover,
[class^="--dark-ui"] tags-input .tags-input__tags:hover,
[class*="--dark-ui"] tags-input .tags-input__tags:hover {
  border-bottom-color: rgba(255, 255, 255, 0.4); }

.dark-ui tags-input .tags-input__tags.focused,
[class^="--dark-ui"] tags-input .tags-input__tags.focused,
[class*="--dark-ui"] tags-input .tags-input__tags.focused {
  border-bottom-color: #5ea9c8; }

.dark-ui tags-input .tags-input__tags .tags-input__tag-item,
[class^="--dark-ui"] tags-input .tags-input__tags .tags-input__tag-item,
[class*="--dark-ui"] tags-input .tags-input__tags .tags-input__tag-item {
  background: rgba(255, 255, 255, 0.2); }

.dark-ui tags-input .tags-input__tags .tags-input__tag-item.selected,
[class^="--dark-ui"] tags-input .tags-input__tags .tags-input__tag-item.selected,
[class*="--dark-ui"] tags-input .tags-input__tags .tags-input__tag-item.selected {
  background-color: rgba(94, 169, 200, 0.75); }

.dark-ui tags-input .tags-input__tags--boxed,
[class^="--dark-ui"] tags-input .tags-input__tags--boxed,
[class*="--dark-ui"] tags-input .tags-input__tags--boxed {
  background-color: rgba(255, 255, 255, 0.05); }

.dark-ui tags-input .tags-input__tags--boxed:hover,
[class^="--dark-ui"] tags-input .tags-input__tags--boxed:hover,
[class*="--dark-ui"] tags-input .tags-input__tags--boxed:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.dark-ui tags-input .tags-input__add-button[disabled], .dark-ui tags-input .tags-input__add-button [disabled]:hover, .dark-ui tags-input .tags-input__add-button [disabled]:active,
[class^="--dark-ui"] tags-input .tags-input__add-button[disabled],
[class^="--dark-ui"] tags-input .tags-input__add-button [disabled]:hover,
[class^="--dark-ui"] tags-input .tags-input__add-button [disabled]:active,
[class*="--dark-ui"] tags-input .tags-input__add-button[disabled],
[class*="--dark-ui"] tags-input .tags-input__add-button [disabled]:hover,
[class*="--dark-ui"] tags-input .tags-input__add-button [disabled]:active {
  background-color: rgba(123, 123, 123, 0.6);
  color: rgba(255, 255, 255, 0.3); }

.dark-ui .tags-input__label,
[class^="--dark-ui"] .tags-input__label,
[class*="--dark-ui"] .tags-input__label {
  color: rgba(255, 255, 255, 0.4); }

.boxed-list__item {
  display: grid;
  grid-template-rows: [mainRow] 1fr [footerRow] auto;
  grid-template-columns: [mediaCol] auto [contentCol] 1fr [actionsVisible] auto [actionsHidden] auto;
  position: relative;
  flex-direction: row;
  min-height: 3.2rem;
  border-radius: 3px;
  margin-bottom: 0.8rem;
  padding: 1.2rem;
  background-color: var(--color-contrast-bg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out; }

.boxed-list__item.boxed-list__item--default::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #333;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--primary::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #5ea9c8;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--success::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #46a546;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--warning::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #dd8200;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--alert::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #E51C23;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--highlight::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #9c27b0;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--sd-green::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #1eb06c;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item--selcted {
  box-shadow: inset 0 0 0 1px rgba(94, 169, 197, 0.6), 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: var(--color-selected-bg); }

.boxed-list__item--clickable:hover {
  cursor: pointer;
  background-color: var(--color-contrast-bg--hover);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24), 0 0 1px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.2); }

.boxed-list__item--blank {
  background-color: transparent !important;
  box-shadow: none; }

.boxed-list__item.boxed-list__item--selcted.boxed-list__item--clickable:hover {
  box-shadow: inset 0 0 0 1px rgba(94, 169, 197, 0.75), 0 1px 4px rgba(0, 0, 0, 0.24), 0 0 1px rgba(0, 0, 0, 0.2);
  background-color: var(--color-selected-bg--hover); }

.boxed-list__item:hover .boxed-list__slide-in-actions {
  padding-left: 0.6rem;
  width: auto;
  max-width: 32px;
  overflow: visible;
  opacity: 1;
  transition: all ease-in 0.1s; }

.boxed-list__item:hover .boxed-list__slide-in-actions .icn-btn {
  opacity: 0.4; }

.boxed-list__item:hover .boxed-list__slide-in-actions .icn-btn:hover {
  opacity: 1; }

.boxed-list__item-media {
  grid-column: mediaCol;
  grid-row: mainRow;
  display: flex;
  flex-direction: column;
  padding: 0 0.2rem 0 0.2rem;
  flex: 0 1 auto; }

.boxed-list__item-media [class^="icon-"],
.boxed-list__item-media [class*="icon-"],
.boxed-list__item-media [class^="big-icon--"],
.boxed-list__item-media [class*=" big-icon--"] {
  color: var(--color-text);
  opacity: 0.5; }

.boxed-list__item-content {
  grid-column: contentCol;
  grid-row: mainRow;
  display: flex;
  flex-direction: column;
  padding: 0 0.8rem 0 0.8rem;
  overflow: hidden;
  position: relative; }

.boxed-list__item-content--centered {
  align-items: center;
  justify-content: center; }

.boxed-list__item-content-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start; }

.boxed-list__item-content-row--fixed {
  align-items: baseline;
  white-space: nowrap; }

.boxed-list__item-footer {
  grid-column: 1/-1;
  grid-row: footerRow;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.2rem;
  margin-top: 1rem; }

.boxed-list__item-footer--allign-baseline {
  align-items: baseline; }

.boxed-list__item-content-row + .boxed-list__item-content-row {
  margin-top: 0.6rem; }

.boxed-list__slide-in-actions,
.boxed-list__static-actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 0; }

.boxed-list__slide-in-actions .icn-btn,
.boxed-list__static-actions .icn-btn {
  margin: -0.6rem -0.6rem 0.4rem 0; }

.boxed-list__slide-in-actions {
  grid-column: actionsHidden;
  grid-row: mainRow;
  width: 0;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: all ease-in-out 0.2s; }

.boxed-list__slide-in-actions .icn-btn {
  flex: 0 0 auto;
  opacity: 0;
  transition: all ease-in-out 0.2s; }

.boxed-list__static-actions {
  grid-column: actionsVisible;
  grid-row: mainRow; }

.boxed-list__static-actions .icn-btn {
  opacity: 0.4; }

.boxed-list__static-actions .icn-btn:hover {
  opacity: 1; }

.content-state--empty {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column; }

.content-state--empty-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

.content-state__empty-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 16px auto 32px;
  flex-grow: 1;
  padding-left: 1.6rem;
  padding-right: 1.6rem; }

.content-state__heading {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-size: 1.8rem;
  line-height: 1.4;
  color: inherit;
  text-align: center;
  font-weight: 900;
  opacity: 0.75;
  max-width: 30ch;
  margin: 0 auto;
  margin-bottom: 0.8rem; }

.content-state__description {
  text-align: center;
  color: inherit;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  max-width: 48ch;
  opacity: 0.65;
  margin: 0 auto; }

.content-state__image {
  display: block;
  height: auto;
  padding: 0;
  width: 100%;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  margin-bottom: 1.6rem; }

.content-state__image img {
  max-width: 100%;
  width: 100%;
  height: auto; }

.content-state__image.content-state__image--small {
  max-width: 24rem; }

.content-state__image.content-state__image--large {
  max-width: 48rem; }

.sd-board {
  display: grid;
  grid-template-rows: auto 1fr; }

.sd-board__header {
  grid-row: 1/2;
  position: relative;
  min-height: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 4px solid var(--color-kanban-border);
  padding-bottom: 0.4rem; }

.sd-board__header--clickable {
  transition: border-color ease-in-out .2s;
  cursor: pointer; }

.sd-board__header--clickable:hover {
  border-bottom-color: #5ea9c8; }

.sd-board__header-title {
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: .08em;
  font-weight: 500;
  flex-grow: 1;
  color: var(--color-text); }

.sd-board__content {
  grid-row: 2/3; }

.sd-board__content-block {
  border-radius: 2px;
  background-color: var(--color-bg-00);
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1); }

.sd-board__content-block--clickable {
  transition: box-shadow ease-in-out .2s;
  cursor: pointer; }

.sd-board__content-block--clickable:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.24), 0 0 1px rgba(0, 0, 0, 0.1);
  outline: 1px solid rgba(61, 143, 177, 0.35); }

.sd-board__list {
  display: flex;
  flex-direction: column; }

.sd-board__list-item {
  border-bottom: 1px solid rgba(127, 127, 127, 0.2);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }

.sd-board__list-item:last-child {
  border-bottom: none; }

.sd-board__list-item-title {
  flex-grow: 1;
  text-transform: uppercase;
  font-size: 1.2rem;
  color: var(--color-text-light); }

.sd-board__list-item-title.sd-board__list-item-title--to-do {
  color: var(--color-assignment-to-do); }

.sd-board__list-item-title.sd-board__list-item-title--progress {
  color: var(--color-assignment-progress); }

.sd-board__list-item-title.sd-board__list-item-title--completed {
  color: var(--color-assignment-completed); }

.sd-board__list-item-title.sd-board__list-item-title--to-do, .sd-board__list-item-title.sd-board__list-item-title--progress, .sd-board__list-item-title.sd-board__list-item-title--completed {
  font-weight: 500; }

.sd-board__list-item-badge {
  margin-right: 0.4rem; }

.sd-board__item-count--large {
  color: var(--color-text-light);
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 4rem;
  margin-right: 0.8rem; }

.sd-board__count-label {
  font-size: 1.1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: #888;
  max-width: 10rem; }

.sd-board__count-label--l {
  max-width: 14rem; }

.sd-board__count-label strong {
  font-weight: 500;
  color: #555;
  font-size: 1.3rem; }

.sd-board__doughnut-chart {
  position: relative;
  height: 4rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: auto;
  margin-right: -0.4rem; }

.sd-board__doughnut-chart-number {
  position: absolute;
  height: 2.4rem;
  width: 2.4rem;
  font-size: 1.1rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-light);
  font-weight: 600;
  text-align: center; }

.sd-inset-search {
  display: flex;
  align-items: stretch;
  position: relative;
  background-color: var(--color-inset-search-bg);
  border-radius: 3px;
  transition: all 0.2s ease-out;
  height: 4rem;
  border: 1px solid var(--color-inset-search-border);
  color: inherit;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.12); }

.sd-inset-search:hover {
  border-color: var(--color-inset-search-border-hover);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18); }

.sd-inset-search:focus-within {
  border-color: #5ea9c8;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18), 0 0 0 3px rgba(94, 169, 200, 0.3); }

.sd-inset-search::before {
  content: "\E618";
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 1.2rem;
  left: 0.8rem;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-family: 'sd_icons';
  opacity: 0.4; }

.sd-inset-search__input {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.4rem;
  padding: 0;
  color: inherit;
  align-self: auto;
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  padding: 0 1rem 0 3rem;
  height: auto;
  color: inherit; }

.sd-inset-search__input::-ms-clear {
  display: none; }

.sd-inset-search__input:focus {
  box-shadow: unset !important; }

.sd-inset-search__input::placeholder {
  opacity: 0.8;
  font-weight: 300; }

.sd-inset-search__cancel {
  height: 1.6rem;
  width: 1.6rem;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 1.2rem 0 0;
  padding: 0;
  opacity: 0.35;
  transition: opacity 0.2s ease-out; }

.sd-inset-search__cancel i {
  color: inherit; }

.sd-inset-search__cancel:hover {
  opacity: 0.75; }

.sd-inset-search__cancel:active {
  opacity: 1; }

.sd-board__subheader {
  position: relative;
  min-height: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 0.4rem; }

.sd-board__subheader--clickable {
  transition: border-color ease-in-out .2s;
  cursor: pointer; }

.sd-board__subheader--clickable:hover {
  border-bottom-color: #5ea9c8; }

.sd-board__subheader-title {
  text-transform: uppercase;
  font-size: 1.1rem;
  letter-spacing: .08em;
  font-weight: 500;
  flex-grow: 1;
  color: var(--color-text);
  opacity: 0.75; }

.sd-list-item-group + .sd-board__subheader {
  margin-top: 1.6rem; }

.sd-kanban-list .sd-board {
  flex: 1 1 0;
  margin: 0 1.2rem;
  min-width: 24rem; }

.sd-kanban-list .sd-board__content {
  padding: 0.6rem 0.3rem 0.6rem 0.3rem;
  overflow-y: auto; }

.user-items--locked {
  color: #c4170b; }

.user-items--locked i {
  color: #c4170b;
  font-size: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  opacity: 1 !important; }

.user-items--assigned {
  color: #009688; }

.user-items--assigned i {
  color: #009688;
  font-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  opacity: 1 !important; }

.a11y-only {
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.sd-popover {
  background: #333;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }

.sd-popover--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px; }

.sd-popover--title {
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  color: #ccc;
  padding: 0;
  margin: 0; }

.sd-popover--close {
  padding: 0;
  margin: 0;
  line-height: 1; }

.sd-popover--close:hover [class^="icon-"], .sd-popover--close:hover [class*=" icon-"], .sd-popover--close:active [class^="icon-"], .sd-popover--close:active [class*=" icon-"] {
  color: #5ea9c8; }

.side-panel {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-gap: 0;
  height: 100%;
  position: relative;
  background-color: var(--color-bg-00); }

.side-panel .side-panel__header {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
  position: relative;
  min-height: 4.8rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: inherit; }

.side-panel .side-panel__header--border-b {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); }

.side-panel .side-panel__header .nav-tabs {
  flex-grow: 1; }

.side-panel .side-panel__header--dark-blue-grey {
  background-color: var(--subNavBG-blueGrey-600);
  color: #fff; }

.side-panel .side-panel__header--border-bottom {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.side-panel .side-panel__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0 16px;
  color: #333;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: #d2e5ed;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.side-panel .side-panel__sliding-toolbar--right {
  text-align: right;
  justify-content: flex-end; }

.side-panel .side-panel__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center; }

.side-panel .side-panel__sliding-toolbar .sliding-toolbar__inner--right {
  text-align: right; }

.side-panel .side-panel__sliding-toolbar .sliding-toolbar__info-text {
  font-weight: 300;
  opacity: 0.75; }

.side-panel .side-panel__sliding-toolbar .btn + .sliding-toolbar__info-text {
  margin-left: 1rem; }

.side-panel .side-panel__heading {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em; }

.side-panel .side-panel__heading--big {
  color: #333;
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: 0.01em; }

.side-panel .side-panel__close {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  z-index: 2;
  color: #666; }

.side-panel .side-panel__tools {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  z-index: 2;
  color: inherit; }

.side-panel .side-panel__tools .icn-btn {
  margin-left: 0.2rem; }

.side-panel .side-panel__content {
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 1;
  overflow: auto; }

.side-panel .side-panel__content--flex {
  display: flex;
  flex-direction: column; }

.side-panel .side-panel__content--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr; }

.side-panel .side-panel__content--split .side-panel__content-block--left {
  grid-column: 1/2;
  grid-row: 1/2;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.1); }

.side-panel .side-panel__content--split .side-panel__content-block--right {
  grid-column: 2/3;
  grid-row: 1/2;
  overflow-y: auto; }

.side-panel .side-panel__content-tab-nav {
  min-height: 4.8rem;
  flex-grow: 0;
  flex-shrink: 0; }

.side-panel .side-panel__content-tab-content {
  flex-grow: 1;
  overflow: auto; }

.side-panel .side-panel__image-actions {
  position: absolute;
  top: 1.8rem;
  right: 0.5rem;
  z-index: 2; }

.side-panel .side-panel__content-block {
  padding: 1.6rem; }

.side-panel .side-panel__content-block--pad-top-0 {
  padding-top: 0; }

.side-panel .side-panel__content-block--boxed {
  padding: 1.6rem;
  border-radius: 3px;
  margin-bottom: 1rem; }

.side-panel .side-panel__content-block--pad-small {
  padding: 1.4rem 2rem 0.6rem; }

.side-panel .side-panel__content-block--flex {
  display: flex;
  align-items: flex-start; }

.side-panel .side-panel__content-block--image {
  position: relative; }

.side-panel .side-panel__content-block--image .side-panel__image-actions {
  visibility: hidden; }

.side-panel .side-panel__content-block--image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto; }

.side-panel .side-panel__content-block--image:hover .side-panel__image-actions {
  visibility: visible; }

.side-panel .side-panel__content-block--padding-0 {
  padding: 0; }

.side-panel .side-panel__content-block--padding-1-5 {
  padding: 1.2rem; }

.side-panel .side-panel__content-block--padding-3 {
  padding: 2.4rem; }

.side-panel .side-panel__content-block--space-between {
  justify-content: space-between; }

.side-panel .side-panel__content-block .side-panel__heading {
  padding: 0; }

.side-panel .side-panel__content-block--overlay-panel-inside {
  padding: 0;
  overflow: hidden !important;
  display: flex;
  flex-direction: column; }

.side-panel .side-panel__content-block--overlay-panel-inside > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto; }

.side-panel .side-panel__content-block--overlay-panel-inside > div > span {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 2rem;
  width: 100%; }

.side-panel .side-panel-collapsible-header {
  position: relative;
  padding: .8rem 2rem;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
  min-height: 40px; }

.side-panel .side-panel-collapsible-header__fixed {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.side-panel .side-panel-collapsible-header__collapsible {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s 0.4s; }

.side-panel .side-panel-collapsible-header__toggle {
  position: absolute;
  width: 21px;
  height: 21px;
  border: 0;
  padding: 0;
  left: 50%;
  margin-left: -10.5px;
  bottom: -11px;
  background-color: #fff;
  z-index: 3;
  line-height: 0;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  transition: transform 0.5s; }

.side-panel .side-panel-collapsible-header__toggle.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.side-panel .side-panel-collapsible-header.active {
  min-height: 150px; }

.side-panel .side-panel-collapsible-header.active .side-panel-collapsible-header__collapsible {
  height: auto;
  opacity: 1;
  padding: .8rem 0; }

.side-panel .side-panel__content-block-heading {
  font-size: 1.9rem;
  line-height: 120%;
  font-weight: 500;
  margin: 2rem 0; }

.side-panel .side-panel__content-block-heading--small-margin {
  margin: 1rem 0; }

.side-panel .side-panel__content-block-text {
  font-size: 1.5rem;
  line-height: 140%;
  font-weight: 300;
  word-wrap: break-word;
  padding-bottom: 1rem; }

.side-panel .side-panel__content-block-inner {
  flex-grow: 0; }

.side-panel .side-panel__content-block-inner--right {
  text-align: right; }

.side-panel .side-panel__content-block-inner--grow {
  flex-grow: 1; }

.side-panel .side-panel__content-block-inner .double-size-icn {
  margin: 0.1rem 1rem 0 0; }

.side-panel .side-panel__content-block-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  padding: 0 !important; }

.side-panel .side-panel__content-block-overlay .side-panel {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 34rem;
  top: 0;
  bottom: 0;
  right: 0;
  left: 34rem;
  background-color: #222;
  z-index: 2; }

.side-panel .side-panel__content-block-overlay--open .side-panel {
  left: 0;
  opacity: 1; }

.side-panel .side-panel__content-block-overlay-grid {
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 1;
  position: relative;
  width: 0; }

.side-panel .side-panel__content-block-overlay-grid .side-panel {
  opacity: 0;
  transition: all .2s ease-in-out;
  position: absolute;
  width: 40rem;
  top: 0;
  bottom: 0;
  right: 0;
  left: 40rem;
  background-color: #222;
  z-index: 2; }

.side-panel .side-panel__content-block-overlay-grid--open .side-panel {
  left: 0;
  opacity: 1; }

.side-panel .side-panel__top-tools {
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.06);
  padding: 1.2rem 1rem 1.2rem 2rem;
  display: flex;
  align-items: center; }

.side-panel .side-panel__top-tools .side-panel__top-tools-left {
  text-align: left;
  flex-grow: 1; }

.side-panel .side-panel__top-tools .side-panel__top-tools-right {
  text-align: right;
  flex-grow: 1; }

.side-panel .side-panel__top-tools--dark-blue-grey {
  background: var(--subNavBG-blueGrey-600);
  color: #fff; }

.side-panel .side-panel__footer {
  grid-column: 1/2;
  grid-row: 3/4;
  z-index: 2; }

.side-panel .side-panel__footer--button-box, .side-panel .side-panel__footer--button-box-large {
  padding: 1rem 2rem;
  position: relative; }

.side-panel .side-panel__footer--button-box::before, .side-panel .side-panel__footer--button-box-large::before {
  position: absolute;
  content: '';
  top: -0.4rem;
  left: 0;
  right: 0;
  height: 0.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); }

.side-panel .side-panel__footer--button-box-large {
  padding: 1.4rem 2rem; }

.side-panel .side-panel__footer--button-box-large .btn + .btn, .side-panel .side-panel__footer--button-box-large .side-panel__footer-buttons--flex + .btn {
  margin-top: 1rem;
  margin-left: 0; }

.side-panel .side-panel__footer .side-panel__footer-buttons--flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 0; }

.side-panel .side-panel__footer .side-panel__footer-buttons--flex .btn + .btn {
  margin-left: 0.8rem;
  margin-top: 0; }

.side-panel.side-panel--shadow-left::after, .side-panel.side-panel--left::after {
  display: block;
  top: 0;
  bottom: 0;
  content: '';
  width: 4px;
  position: absolute;
  right: 0;
  z-index: 80;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); }

.side-panel.side-panel--shadow-right::after, .side-panel.side-panel--right::after {
  display: block;
  top: 0;
  bottom: 0;
  content: '';
  width: 4px;
  position: absolute;
  left: 0;
  z-index: 80;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); }

.side-panel.side-panel--transparent {
  background-color: transparent; }

.side-panel.side-panel--transparent .side-panel__header {
  background-color: rgba(255, 255, 255, 0.2); }

.side-panel--dark-ui, .side-panel--dark {
  background-color: #2d2d2d;
  color: #fff; }

.side-panel--dark-ui .side-panel__heading, .side-panel--dark .side-panel__heading {
  color: rgba(255, 255, 255, 0.5); }

.side-panel--dark-ui .side-panel__heading--big, .side-panel--dark .side-panel__heading--big {
  color: rgba(255, 255, 255, 0.8); }

.side-panel--dark-ui .side-panel__footer--button-box, .side-panel--dark-ui .side-panel__footer--button-box-large, .side-panel--dark .side-panel__footer--button-box, .side-panel--dark .side-panel__footer--button-box-large {
  background-color: rgba(94, 169, 200, 0.03); }

.side-panel--dark-ui .side-panel__footer--button-box::before, .side-panel--dark-ui .side-panel__footer--button-box-large::before, .side-panel--dark .side-panel__footer--button-box::before, .side-panel--dark .side-panel__footer--button-box-large::before {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0) 100%); }

.side-panel--dark-ui .dropdown__caret, .side-panel--dark .dropdown__caret {
  border-top: 4px solid #FFF;
  opacity: .6; }

.side-panel--bg-00, .side-panel--light {
  background-color: var(--color-bg-00); }

.side-panel--bg-50, .side-panel--light-grey {
  background-color: var(--color-bg-50); }

.side-panel--bg-100, .side-panel--grey {
  background-color: var(--color-bg-100); }

.dark-ui .side-panel,
[class^="--dark-ui"] .side-panel,
[class*="--dark-ui"] .side-panel {
  background-color: #2d2d2d;
  color: #fff; }

.dark-ui .side-panel.side-panel--transparent,
[class^="--dark-ui"] .side-panel.side-panel--transparent,
[class*="--dark-ui"] .side-panel.side-panel--transparent {
  background-color: transparent; }

.dark-ui .side-panel.side-panel--transparent .side-panel__header,
[class^="--dark-ui"] .side-panel.side-panel--transparent .side-panel__header,
[class*="--dark-ui"] .side-panel.side-panel--transparent .side-panel__header {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25); }

.dark-ui .side-panel.side-panel--transparent .side-panel__footer--button-box, .dark-ui .side-panel.side-panel--transparent .side-panel__footer--button-box-large,
[class^="--dark-ui"] .side-panel.side-panel--transparent .side-panel__footer--button-box,
[class^="--dark-ui"] .side-panel.side-panel--transparent .side-panel__footer--button-box-large,
[class*="--dark-ui"] .side-panel.side-panel--transparent .side-panel__footer--button-box,
[class*="--dark-ui"] .side-panel.side-panel--transparent .side-panel__footer--button-box-large {
  background-color: rgba(94, 169, 200, 0.1); }

.flex-grid {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto; }

.flex-grid .flex-grid__item {
  position: relative; }

.flex-grid .flex-grid__item--d-flex {
  display: flex; }

.flex-grid .flex-grid__item--column {
  flex-direction: column; }

.flex-grid--wrap-items {
  flex-wrap: wrap; }

.flex-grid--content-center {
  justify-content: center; }

.flex-grid--grow {
  flex-grow: 1; }

.flex-grid--boxed {
  margin-left: -1rem;
  margin-right: -1rem; }

.flex-grid--boxed .flex-grid__item {
  margin: 1rem; }

.flex-grid--boxed-small {
  margin-left: -0.4rem;
  margin-right: -0.4rem; }

.flex-grid--boxed-small .flex-grid__item, .flex-grid--boxed-small .sd-check__wrapper, .flex-grid--boxed-small .btn, .flex-grid--boxed-small .toggle-button {
  margin: 0.4rem !important; }

.flex-grid--plain .flex-grid__item {
  margin: 1rem;
  padding: 0; }

.flex-grid--small-6 .flex-grid__item {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.flex-grid--small-5 .flex-grid__item {
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

.flex-grid--small-4 .flex-grid__item {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.flex-grid--small-3 .flex-grid__item {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.flex-grid--small-2 .flex-grid__item {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.flex-grid--small-1 .flex-grid__item {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.flex-grid--boxed.flex-grid--small-6 .flex-grid__item {
  -webkit-flex: 0 0 calc(16.66667% - 2rem);
  -ms-flex: 0 0 calc(16.66667% - 2rem);
  flex: 0 0 calc(16.66667% - 2rem);
  max-width: calc(16.66667% - 2rem); }

.flex-grid--boxed.flex-grid--small-5 .flex-grid__item {
  -webkit-flex: 0 0 calc(20% - 2rem);
  -ms-flex: 0 0 calc(20% - 2rem);
  flex: 0 0 calc(20% - 2rem);
  max-width: calc(20% - 2rem); }

.flex-grid--boxed.flex-grid--small-4 .flex-grid__item {
  -webkit-flex: 0 0 calc(25% - 2rem);
  -ms-flex: 0 0 calc(25% - 2rem);
  flex: 0 0 calc(25% - 2rem);
  max-width: calc(25% - 2rem); }

.flex-grid--boxed.flex-grid--small-3 .flex-grid__item {
  -webkit-flex: 0 0 calc(33.33333% - 2rem);
  -ms-flex: 0 0 calc(33.33333% - 2rem);
  flex: 0 0 calc(33.33333% - 2rem);
  max-width: calc(33.33333% - 2rem); }

.flex-grid--boxed.flex-grid--small-2 .flex-grid__item {
  -webkit-flex: 0 0 calc(50% - 2rem);
  -ms-flex: 0 0 calc(50% - 2rem);
  flex: 0 0 calc(50% - 2rem);
  max-width: calc(50% - 2rem); }

.flex-grid--boxed.flex-grid--small-1 .flex-grid__item {
  -webkit-flex: 0 0 calc(100% - 2rem);
  -ms-flex: 0 0 calc(100% - 2rem);
  flex: 0 0 calc(100% - 2rem);
  max-width: calc(100% - 2rem); }

.flex-grid--boxed-small.flex-grid--small-6 .flex-grid__item, .flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--small-6 .btn, .flex-grid--boxed-small.flex-grid--small-6 .toggle-button {
  -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
  -ms-flex: 0 0 calc(16.66667% - 0.8rem);
  flex: 0 0 calc(16.66667% - 0.8rem);
  max-width: calc(16.66667% - 0.8rem); }

.flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-5 .flex-grid__item, .flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--small-5 .btn, .flex-grid--boxed-small.flex-grid--small-5 .toggle-button {
  -webkit-flex: 0 0 calc(20% - 0.8rem);
  -ms-flex: 0 0 calc(20% - 0.8rem);
  flex: 0 0 calc(20% - 0.8rem);
  max-width: calc(20% - 0.8rem); }

.flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-4 .flex-grid__item, .flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--small-4 .btn, .flex-grid--boxed-small.flex-grid--small-4 .toggle-button {
  -webkit-flex: 0 0 calc(25% - 0.8rem);
  -ms-flex: 0 0 calc(25% - 0.8rem);
  flex: 0 0 calc(25% - 0.8rem);
  max-width: calc(25% - 0.8rem); }

.flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-3 .flex-grid__item, .flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--small-3 .btn, .flex-grid--boxed-small.flex-grid--small-3 .toggle-button {
  -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
  -ms-flex: 0 0 calc(33.33333% - 0.8rem);
  flex: 0 0 calc(33.33333% - 0.8rem);
  max-width: calc(33.33333% - 0.8rem); }

.flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-2 .flex-grid__item, .flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--small-2 .btn, .flex-grid--boxed-small.flex-grid--small-2 .toggle-button {
  -webkit-flex: 0 0 calc(50% - 0.8rem);
  -ms-flex: 0 0 calc(50% - 0.8rem);
  flex: 0 0 calc(50% - 0.8rem);
  max-width: calc(50% - 0.8rem); }

.flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-1 .flex-grid__item, .flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--small-1 .btn, .flex-grid--boxed-small.flex-grid--small-1 .toggle-button {
  -webkit-flex: 0 0 calc(100% - 0.8rem);
  -ms-flex: 0 0 calc(100% - 0.8rem);
  flex: 0 0 calc(100% - 0.8rem);
  max-width: calc(100% - 0.8rem); }

.flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
  flex-grow: 1; }

.flex-grid--padding {
  padding: 2rem; }

.flex-grid--scroll {
  overflow-y: auto; }

@media only screen and (min-width: 40em) {
  .flex-grid--medium-6 .flex-grid__item {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-grid--medium-5 .flex-grid__item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid--medium-4 .flex-grid__item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid--medium-3 .flex-grid__item {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-grid--medium-2 .flex-grid__item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid--medium-1 .flex-grid__item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .flex-grid--boxed.flex-grid--medium-6 .flex-grid__item {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem); }
  .flex-grid--boxed.flex-grid--medium-5 .flex-grid__item {
    -webkit-flex: 0 0 calc(20% - 2rem);
    -ms-flex: 0 0 calc(20% - 2rem);
    flex: 0 0 calc(20% - 2rem);
    max-width: calc(20% - 2rem); }
  .flex-grid--boxed.flex-grid--medium-4 .flex-grid__item {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    max-width: calc(25% - 2rem); }
  .flex-grid--boxed.flex-grid--medium-3 .flex-grid__item {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    max-width: calc(33.33333% - 2rem); }
  .flex-grid--boxed.flex-grid--medium-2 .flex-grid__item {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    max-width: calc(50% - 2rem); }
  .flex-grid--boxed.flex-grid--medium-1 .flex-grid__item {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    max-width: calc(100% - 2rem); }
  .flex-grid--boxed-small.flex-grid--medium-6 .flex-grid__item, .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--medium-6 .btn, .flex-grid--boxed-small.flex-grid--medium-6 .toggle-button {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    max-width: calc(16.66667% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-5 .flex-grid__item, .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--medium-5 .btn, .flex-grid--boxed-small.flex-grid--medium-5 .toggle-button {
    -webkit-flex: 0 0 calc(20% - 0.8rem);
    -ms-flex: 0 0 calc(20% - 0.8rem);
    flex: 0 0 calc(20% - 0.8rem);
    max-width: calc(20% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-4 .flex-grid__item, .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--medium-4 .btn, .flex-grid--boxed-small.flex-grid--medium-4 .toggle-button {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    max-width: calc(25% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-3 .flex-grid__item, .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--medium-3 .btn, .flex-grid--boxed-small.flex-grid--medium-3 .toggle-button {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-2 .flex-grid__item, .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--medium-2 .btn, .flex-grid--boxed-small.flex-grid--medium-2 .toggle-button {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-1 .flex-grid__item, .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--medium-1 .btn, .flex-grid--boxed-small.flex-grid--medium-1 .toggle-button {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    max-width: calc(100% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; } }

@media only screen and (min-width: 60em) {
  .flex-grid--large-6 .flex-grid__item {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-grid--large-5 .flex-grid__item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid--large-4 .flex-grid__item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid--large-3 .flex-grid__item {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-grid--large-2 .flex-grid__item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid--large-1 .flex-grid__item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .flex-grid--boxed.flex-grid--large-6 .flex-grid__item {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem); }
  .flex-grid--boxed.flex-grid--large-5 .flex-grid__item {
    -webkit-flex: 0 0 calc(20% - 2rem);
    -ms-flex: 0 0 calc(20% - 2rem);
    flex: 0 0 calc(20% - 2rem);
    max-width: calc(20% - 2rem); }
  .flex-grid--boxed.flex-grid--large-4 .flex-grid__item {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    max-width: calc(25% - 2rem); }
  .flex-grid--boxed.flex-grid--large-3 .flex-grid__item {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    max-width: calc(33.33333% - 2rem); }
  .flex-grid--boxed.flex-grid--large-2 .flex-grid__item {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    max-width: calc(50% - 2rem); }
  .flex-grid--boxed.flex-grid--large-1 .flex-grid__item {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    max-width: calc(100% - 2rem); }
  .flex-grid--boxed-small.flex-grid--large-6 .flex-grid__item, .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--large-6 .btn, .flex-grid--boxed-small.flex-grid--large-6 .toggle-button {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    max-width: calc(16.66667% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-5 .flex-grid__item, .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--large-5 .btn, .flex-grid--boxed-small.flex-grid--large-5 .toggle-button {
    -webkit-flex: 0 0 calc(20% - 0.8rem);
    -ms-flex: 0 0 calc(20% - 0.8rem);
    flex: 0 0 calc(20% - 0.8rem);
    max-width: calc(20% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-4 .flex-grid__item, .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--large-4 .btn, .flex-grid--boxed-small.flex-grid--large-4 .toggle-button {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    max-width: calc(25% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-3 .flex-grid__item, .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--large-3 .btn, .flex-grid--boxed-small.flex-grid--large-3 .toggle-button {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-2 .flex-grid__item, .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--large-2 .btn, .flex-grid--boxed-small.flex-grid--large-2 .toggle-button {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-1 .flex-grid__item, .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--large-1 .btn, .flex-grid--boxed-small.flex-grid--large-1 .toggle-button {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    max-width: calc(100% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; } }

@media only screen and (min-width: 100em) {
  .flex-grid--xlarge-6 .flex-grid__item {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-grid--xlarge-5 .flex-grid__item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid--xlarge-4 .flex-grid__item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid--xlarge-3 .flex-grid__item {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-grid--xlarge-2 .flex-grid__item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid--xlarge-1 .flex-grid__item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .flex-grid--boxed.flex-grid--xlarge-6 .flex-grid__item {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem); }
  .flex-grid--boxed.flex-grid--xlarge-5 .flex-grid__item {
    -webkit-flex: 0 0 calc(20% - 2rem);
    -ms-flex: 0 0 calc(20% - 2rem);
    flex: 0 0 calc(20% - 2rem);
    max-width: calc(20% - 2rem); }
  .flex-grid--boxed.flex-grid--xlarge-4 .flex-grid__item {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    max-width: calc(25% - 2rem); }
  .flex-grid--boxed.flex-grid--xlarge-3 .flex-grid__item {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    max-width: calc(33.33333% - 2rem); }
  .flex-grid--boxed.flex-grid--xlarge-2 .flex-grid__item {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    max-width: calc(50% - 2rem); }
  .flex-grid--boxed.flex-grid--xlarge-1 .flex-grid__item {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    max-width: calc(100% - 2rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .flex-grid__item, .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--xlarge-6 .btn, .flex-grid--boxed-small.flex-grid--xlarge-6 .toggle-button {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    max-width: calc(16.66667% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .flex-grid__item, .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--xlarge-5 .btn, .flex-grid--boxed-small.flex-grid--xlarge-5 .toggle-button {
    -webkit-flex: 0 0 calc(20% - 0.8rem);
    -ms-flex: 0 0 calc(20% - 0.8rem);
    flex: 0 0 calc(20% - 0.8rem);
    max-width: calc(20% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .flex-grid__item, .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--xlarge-4 .btn, .flex-grid--boxed-small.flex-grid--xlarge-4 .toggle-button {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    max-width: calc(25% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .flex-grid__item, .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--xlarge-3 .btn, .flex-grid--boxed-small.flex-grid--xlarge-3 .toggle-button {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .flex-grid__item, .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--xlarge-2 .btn, .flex-grid--boxed-small.flex-grid--xlarge-2 .toggle-button {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .flex-grid__item, .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper, .flex-grid--boxed-small.flex-grid--xlarge-1 .btn, .flex-grid--boxed-small.flex-grid--xlarge-1 .toggle-button {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    max-width: calc(100% - 0.8rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label {
    flex-grow: 1; } }

.grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0 1rem;
  flex-wrap: wrap; }

.grid .grid__item {
  flex: 1 1 auto;
  padding: 0 1rem; }

.grid .grid__item.grid__item--col-1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.grid .grid__item.grid__item--col-2 {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.grid .grid__item.grid__item--col-3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.grid .grid__item.grid__item--col-4 {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.grid .grid__item.grid__item--col-5 {
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.grid .grid__item.grid__item--col-6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.grid .grid__item.grid__item--col-7 {
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.grid .grid__item.grid__item--col-8 {
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.grid .grid__item.grid__item--col-9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.grid .grid__item.grid__item--col-10 {
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.grid .grid__item.grid__item--col-11 {
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.grid .grid__item.grid__item--col-12 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.grid .grid__item > .grid {
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0; }

.grid--padding-fix {
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0; }

.grid--margin {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.grid--wrap {
  flex-wrap: wrap; }

.grid--boxed {
  margin-left: -1rem;
  margin-right: -1rem; }

.grid--boxed .grid__item {
  margin: 1rem;
  padding: 0; }

.grid--boxed-styled .grid__item {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }

.grid--boxed-small {
  margin-left: -0.4rem;
  margin-right: -0.4rem; }

.grid--boxed-small .grid__item {
  margin: 0.4rem;
  padding: 0; }

.grid--boxed-small-styled .grid__item {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }

.grid + .grid {
  margin-top: 1rem; }

@media only screen and (min-width: 0) {
  .grid .grid__item.gi-xsmall-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-xsmall-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-xsmall-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-xsmall-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-xsmall-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-xsmall-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-xsmall-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-xsmall-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-xsmall-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-xsmall-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-xsmall-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-xsmall-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-xsmall-1 {
    -webkit-flex: 0 0 calc(8.33333% - 2rem);
    -ms-flex: 0 0 calc(8.33333% - 2rem);
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-2 {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-3 {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-4 {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-5 {
    -webkit-flex: 0 0 calc(41.66667% - 2rem);
    -ms-flex: 0 0 calc(41.66667% - 2rem);
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-6 {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-7 {
    -webkit-flex: 0 0 calc(58.33333% - 2rem);
    -ms-flex: 0 0 calc(58.33333% - 2rem);
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-8 {
    -webkit-flex: 0 0 calc(66.66667% - 2rem);
    -ms-flex: 0 0 calc(66.66667% - 2rem);
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-9 {
    -webkit-flex: 0 0 calc(75% - 2rem);
    -ms-flex: 0 0 calc(75% - 2rem);
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-10 {
    -webkit-flex: 0 0 calc(83.33333% - 2rem);
    -ms-flex: 0 0 calc(83.33333% - 2rem);
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-11 {
    -webkit-flex: 0 0 calc(91.66667% - 2rem);
    -ms-flex: 0 0 calc(91.66667% - 2rem);
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-12 {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-xsmall-1 {
    -webkit-flex: 0 0 calc(8.33333% - 0.8rem);
    -ms-flex: 0 0 calc(8.33333% - 0.8rem);
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-2 {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-3 {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-4 {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-5 {
    -webkit-flex: 0 0 calc(41.66667% - 0.8rem);
    -ms-flex: 0 0 calc(41.66667% - 0.8rem);
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-6 {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-7 {
    -webkit-flex: 0 0 calc(58.33333% - 0.8rem);
    -ms-flex: 0 0 calc(58.33333% - 0.8rem);
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-8 {
    -webkit-flex: 0 0 calc(66.66667% - 0.8rem);
    -ms-flex: 0 0 calc(66.66667% - 0.8rem);
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-9 {
    -webkit-flex: 0 0 calc(75% - 0.8rem);
    -ms-flex: 0 0 calc(75% - 0.8rem);
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-10 {
    -webkit-flex: 0 0 calc(83.33333% - 0.8rem);
    -ms-flex: 0 0 calc(83.33333% - 0.8rem);
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-11 {
    -webkit-flex: 0 0 calc(91.66667% - 0.8rem);
    -ms-flex: 0 0 calc(91.66667% - 0.8rem);
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-12 {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 40em) {
  .grid .grid__item.gi-small-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-small-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-small-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-small-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-small-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-small-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-small-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-small-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-small-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-small-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-small-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-small-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-small-1 {
    -webkit-flex: 0 0 calc(8.33333% - 2rem);
    -ms-flex: 0 0 calc(8.33333% - 2rem);
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-2 {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-3 {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-small-4 {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-5 {
    -webkit-flex: 0 0 calc(41.66667% - 2rem);
    -ms-flex: 0 0 calc(41.66667% - 2rem);
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-6 {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-small-7 {
    -webkit-flex: 0 0 calc(58.33333% - 2rem);
    -ms-flex: 0 0 calc(58.33333% - 2rem);
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-8 {
    -webkit-flex: 0 0 calc(66.66667% - 2rem);
    -ms-flex: 0 0 calc(66.66667% - 2rem);
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-9 {
    -webkit-flex: 0 0 calc(75% - 2rem);
    -ms-flex: 0 0 calc(75% - 2rem);
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-small-10 {
    -webkit-flex: 0 0 calc(83.33333% - 2rem);
    -ms-flex: 0 0 calc(83.33333% - 2rem);
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-11 {
    -webkit-flex: 0 0 calc(91.66667% - 2rem);
    -ms-flex: 0 0 calc(91.66667% - 2rem);
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-12 {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-small-1 {
    -webkit-flex: 0 0 calc(8.33333% - 0.8rem);
    -ms-flex: 0 0 calc(8.33333% - 0.8rem);
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-2 {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-3 {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-4 {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-5 {
    -webkit-flex: 0 0 calc(41.66667% - 0.8rem);
    -ms-flex: 0 0 calc(41.66667% - 0.8rem);
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-6 {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-7 {
    -webkit-flex: 0 0 calc(58.33333% - 0.8rem);
    -ms-flex: 0 0 calc(58.33333% - 0.8rem);
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-8 {
    -webkit-flex: 0 0 calc(66.66667% - 0.8rem);
    -ms-flex: 0 0 calc(66.66667% - 0.8rem);
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-9 {
    -webkit-flex: 0 0 calc(75% - 0.8rem);
    -ms-flex: 0 0 calc(75% - 0.8rem);
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-10 {
    -webkit-flex: 0 0 calc(83.33333% - 0.8rem);
    -ms-flex: 0 0 calc(83.33333% - 0.8rem);
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-11 {
    -webkit-flex: 0 0 calc(91.66667% - 0.8rem);
    -ms-flex: 0 0 calc(91.66667% - 0.8rem);
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-12 {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 60em) {
  .grid .grid__item.gi-medium-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-medium-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-medium-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-medium-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-medium-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-medium-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-medium-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-medium-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-medium-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-medium-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-medium-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-medium-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-medium-1 {
    -webkit-flex: 0 0 calc(8.33333% - 2rem);
    -ms-flex: 0 0 calc(8.33333% - 2rem);
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-2 {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-3 {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-medium-4 {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-5 {
    -webkit-flex: 0 0 calc(41.66667% - 2rem);
    -ms-flex: 0 0 calc(41.66667% - 2rem);
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-6 {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-medium-7 {
    -webkit-flex: 0 0 calc(58.33333% - 2rem);
    -ms-flex: 0 0 calc(58.33333% - 2rem);
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-8 {
    -webkit-flex: 0 0 calc(66.66667% - 2rem);
    -ms-flex: 0 0 calc(66.66667% - 2rem);
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-9 {
    -webkit-flex: 0 0 calc(75% - 2rem);
    -ms-flex: 0 0 calc(75% - 2rem);
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-medium-10 {
    -webkit-flex: 0 0 calc(83.33333% - 2rem);
    -ms-flex: 0 0 calc(83.33333% - 2rem);
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-11 {
    -webkit-flex: 0 0 calc(91.66667% - 2rem);
    -ms-flex: 0 0 calc(91.66667% - 2rem);
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-12 {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-medium-1 {
    -webkit-flex: 0 0 calc(8.33333% - 0.8rem);
    -ms-flex: 0 0 calc(8.33333% - 0.8rem);
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-2 {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-3 {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-4 {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-5 {
    -webkit-flex: 0 0 calc(41.66667% - 0.8rem);
    -ms-flex: 0 0 calc(41.66667% - 0.8rem);
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-6 {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-7 {
    -webkit-flex: 0 0 calc(58.33333% - 0.8rem);
    -ms-flex: 0 0 calc(58.33333% - 0.8rem);
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-8 {
    -webkit-flex: 0 0 calc(66.66667% - 0.8rem);
    -ms-flex: 0 0 calc(66.66667% - 0.8rem);
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-9 {
    -webkit-flex: 0 0 calc(75% - 0.8rem);
    -ms-flex: 0 0 calc(75% - 0.8rem);
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-10 {
    -webkit-flex: 0 0 calc(83.33333% - 0.8rem);
    -ms-flex: 0 0 calc(83.33333% - 0.8rem);
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-11 {
    -webkit-flex: 0 0 calc(91.66667% - 0.8rem);
    -ms-flex: 0 0 calc(91.66667% - 0.8rem);
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-12 {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 64em) {
  .grid .grid__item.gi-large-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-large-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-large-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-large-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-large-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-large-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-large-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-large-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-large-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-large-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-large-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-large-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-large-1 {
    -webkit-flex: 0 0 calc(8.33333% - 2rem);
    -ms-flex: 0 0 calc(8.33333% - 2rem);
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-2 {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-3 {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-large-4 {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-5 {
    -webkit-flex: 0 0 calc(41.66667% - 2rem);
    -ms-flex: 0 0 calc(41.66667% - 2rem);
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-6 {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-large-7 {
    -webkit-flex: 0 0 calc(58.33333% - 2rem);
    -ms-flex: 0 0 calc(58.33333% - 2rem);
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-8 {
    -webkit-flex: 0 0 calc(66.66667% - 2rem);
    -ms-flex: 0 0 calc(66.66667% - 2rem);
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-9 {
    -webkit-flex: 0 0 calc(75% - 2rem);
    -ms-flex: 0 0 calc(75% - 2rem);
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-large-10 {
    -webkit-flex: 0 0 calc(83.33333% - 2rem);
    -ms-flex: 0 0 calc(83.33333% - 2rem);
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-11 {
    -webkit-flex: 0 0 calc(91.66667% - 2rem);
    -ms-flex: 0 0 calc(91.66667% - 2rem);
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-12 {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-large-1 {
    -webkit-flex: 0 0 calc(8.33333% - 0.8rem);
    -ms-flex: 0 0 calc(8.33333% - 0.8rem);
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-2 {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-3 {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-4 {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-5 {
    -webkit-flex: 0 0 calc(41.66667% - 0.8rem);
    -ms-flex: 0 0 calc(41.66667% - 0.8rem);
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-6 {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-7 {
    -webkit-flex: 0 0 calc(58.33333% - 0.8rem);
    -ms-flex: 0 0 calc(58.33333% - 0.8rem);
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-8 {
    -webkit-flex: 0 0 calc(66.66667% - 0.8rem);
    -ms-flex: 0 0 calc(66.66667% - 0.8rem);
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-9 {
    -webkit-flex: 0 0 calc(75% - 0.8rem);
    -ms-flex: 0 0 calc(75% - 0.8rem);
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-10 {
    -webkit-flex: 0 0 calc(83.33333% - 0.8rem);
    -ms-flex: 0 0 calc(83.33333% - 0.8rem);
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-11 {
    -webkit-flex: 0 0 calc(91.66667% - 0.8rem);
    -ms-flex: 0 0 calc(91.66667% - 0.8rem);
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-12 {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 75em) {
  .grid .grid__item.gi-xlarge-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-xlarge-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-xlarge-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-xlarge-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-xlarge-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-xlarge-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-xlarge-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-xlarge-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-xlarge-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-xlarge-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-xlarge-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-xlarge-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-xlarge-1 {
    -webkit-flex: 0 0 calc(8.33333% - 2rem);
    -ms-flex: 0 0 calc(8.33333% - 2rem);
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-2 {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-3 {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-4 {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-5 {
    -webkit-flex: 0 0 calc(41.66667% - 2rem);
    -ms-flex: 0 0 calc(41.66667% - 2rem);
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-6 {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-7 {
    -webkit-flex: 0 0 calc(58.33333% - 2rem);
    -ms-flex: 0 0 calc(58.33333% - 2rem);
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-8 {
    -webkit-flex: 0 0 calc(66.66667% - 2rem);
    -ms-flex: 0 0 calc(66.66667% - 2rem);
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-9 {
    -webkit-flex: 0 0 calc(75% - 2rem);
    -ms-flex: 0 0 calc(75% - 2rem);
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-10 {
    -webkit-flex: 0 0 calc(83.33333% - 2rem);
    -ms-flex: 0 0 calc(83.33333% - 2rem);
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-11 {
    -webkit-flex: 0 0 calc(91.66667% - 2rem);
    -ms-flex: 0 0 calc(91.66667% - 2rem);
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-12 {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-xlarge-1 {
    -webkit-flex: 0 0 calc(8.33333% - 0.8rem);
    -ms-flex: 0 0 calc(8.33333% - 0.8rem);
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-2 {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-3 {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-4 {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-5 {
    -webkit-flex: 0 0 calc(41.66667% - 0.8rem);
    -ms-flex: 0 0 calc(41.66667% - 0.8rem);
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-6 {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-7 {
    -webkit-flex: 0 0 calc(58.33333% - 0.8rem);
    -ms-flex: 0 0 calc(58.33333% - 0.8rem);
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-8 {
    -webkit-flex: 0 0 calc(66.66667% - 0.8rem);
    -ms-flex: 0 0 calc(66.66667% - 0.8rem);
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-9 {
    -webkit-flex: 0 0 calc(75% - 0.8rem);
    -ms-flex: 0 0 calc(75% - 0.8rem);
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-10 {
    -webkit-flex: 0 0 calc(83.33333% - 0.8rem);
    -ms-flex: 0 0 calc(83.33333% - 0.8rem);
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-11 {
    -webkit-flex: 0 0 calc(91.66667% - 0.8rem);
    -ms-flex: 0 0 calc(91.66667% - 0.8rem);
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-12 {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 90em) {
  .grid .grid__item.gi-xxlarge-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-xxlarge-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-xxlarge-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-xxlarge-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-xxlarge-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-xxlarge-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-xxlarge-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-xxlarge-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-xxlarge-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-xxlarge-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-xxlarge-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-xxlarge-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-xxlarge-1 {
    -webkit-flex: 0 0 calc(8.33333% - 2rem);
    -ms-flex: 0 0 calc(8.33333% - 2rem);
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-2 {
    -webkit-flex: 0 0 calc(16.66667% - 2rem);
    -ms-flex: 0 0 calc(16.66667% - 2rem);
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-3 {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-4 {
    -webkit-flex: 0 0 calc(33.33333% - 2rem);
    -ms-flex: 0 0 calc(33.33333% - 2rem);
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-5 {
    -webkit-flex: 0 0 calc(41.66667% - 2rem);
    -ms-flex: 0 0 calc(41.66667% - 2rem);
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-6 {
    -webkit-flex: 0 0 calc(50% - 2rem);
    -ms-flex: 0 0 calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-7 {
    -webkit-flex: 0 0 calc(58.33333% - 2rem);
    -ms-flex: 0 0 calc(58.33333% - 2rem);
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-8 {
    -webkit-flex: 0 0 calc(66.66667% - 2rem);
    -ms-flex: 0 0 calc(66.66667% - 2rem);
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-9 {
    -webkit-flex: 0 0 calc(75% - 2rem);
    -ms-flex: 0 0 calc(75% - 2rem);
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-10 {
    -webkit-flex: 0 0 calc(83.33333% - 2rem);
    -ms-flex: 0 0 calc(83.33333% - 2rem);
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-11 {
    -webkit-flex: 0 0 calc(91.66667% - 2rem);
    -ms-flex: 0 0 calc(91.66667% - 2rem);
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-12 {
    -webkit-flex: 0 0 calc(100% - 2rem);
    -ms-flex: 0 0 calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-1 {
    -webkit-flex: 0 0 calc(8.33333% - 0.8rem);
    -ms-flex: 0 0 calc(8.33333% - 0.8rem);
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-2 {
    -webkit-flex: 0 0 calc(16.66667% - 0.8rem);
    -ms-flex: 0 0 calc(16.66667% - 0.8rem);
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-3 {
    -webkit-flex: 0 0 calc(25% - 0.8rem);
    -ms-flex: 0 0 calc(25% - 0.8rem);
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-4 {
    -webkit-flex: 0 0 calc(33.33333% - 0.8rem);
    -ms-flex: 0 0 calc(33.33333% - 0.8rem);
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-5 {
    -webkit-flex: 0 0 calc(41.66667% - 0.8rem);
    -ms-flex: 0 0 calc(41.66667% - 0.8rem);
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-6 {
    -webkit-flex: 0 0 calc(50% - 0.8rem);
    -ms-flex: 0 0 calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-7 {
    -webkit-flex: 0 0 calc(58.33333% - 0.8rem);
    -ms-flex: 0 0 calc(58.33333% - 0.8rem);
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-8 {
    -webkit-flex: 0 0 calc(66.66667% - 0.8rem);
    -ms-flex: 0 0 calc(66.66667% - 0.8rem);
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-9 {
    -webkit-flex: 0 0 calc(75% - 0.8rem);
    -ms-flex: 0 0 calc(75% - 0.8rem);
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-10 {
    -webkit-flex: 0 0 calc(83.33333% - 0.8rem);
    -ms-flex: 0 0 calc(83.33333% - 0.8rem);
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-11 {
    -webkit-flex: 0 0 calc(91.66667% - 0.8rem);
    -ms-flex: 0 0 calc(91.66667% - 0.8rem);
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-12 {
    -webkit-flex: 0 0 calc(100% - 0.8rem);
    -ms-flex: 0 0 calc(100% - 0.8rem);
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

.sd-page-grid--basic {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 4.8rem 1fr auto auto;
  grid-gap: 0;
  height: 100vh;
  position: relative;
  background-color: aquamarine; }

.sd-page-grid--basic .sd-main-menu {
  grid-column: 1/2;
  grid-row: 1/5;
  background-color: #272727;
  width: 30rem;
  box-shadow: inset -4px 0 12px rgba(0, 0, 0, 0.9);
  display: none; }

.sd-page-grid--basic .sd-main-menu .sd-left-nav__btn {
  color: rgba(255, 255, 255, 0.75); }

.sd-page-grid--basic .sd-main-menu .sd-left-nav__group-header {
  border-top: 1px solid rgba(255, 255, 255, 0.14); }

.sd-page-grid--basic .sd-top-menu {
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 2;
  position: static; }

.sd-page-grid--basic .sd-content {
  grid-column: 2/3;
  grid-row: 2/3;
  z-index: 1;
  background-color: var(--color-bg-50);
  overflow: auto; }

.sd-page-grid--basic .bottom-bar {
  height: 3rem;
  background-color: #222;
  grid-column: 2/3;
  grid-row: 4/5;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: rgba(255, 255, 255, 0.75);
  padding: 0 10px; }

.sd-page-content__left-tabs,
.sd-page-content__right-tabs {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative; }

.sd-page-content__left-tabs::after,
.sd-page-content__right-tabs::after {
  display: block;
  bottom: 0;
  content: '';
  width: 4px;
  position: absolute;
  z-index: 80;
  top: 0; }

.sd-page-content__left-tabs::after {
  right: -4px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0, transparent 100%); }

.sd-page-content__right-tabs::after {
  left: -4px;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0, transparent 100%); }

.sd-column-box--3, .sd-column-box--2 {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  overflow-y: auto; }

.sd-column-box__main-column {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto; }

.sd-column-box__main-column--padded {
  padding: 2rem; }

.sd-column-box__main-column--20 {
  width: 20%; }

.sd-column-box__main-column--30 {
  width: 30%; }

.sd-column-box__main-column--40 {
  width: 40%; }

.sd-column-box__main-column--60 {
  width: 60%; }

.sd-column-box__main-column--70 {
  width: 70%; }

.sd-column-box__main-column--80 {
  width: 80%; }

.sd-column-box__main-column--photo-preview {
  display: flex;
  flex-direction: column;
  background-color: #212121;
  position: relative; }

.sd-column-box__main-column--photo-preview .sd-photo-preview {
  flex-grow: 1; }

.sd-column-box__main-column--left {
  border-right: 1px solid #BEBCBC; }

.sd-column-box__main-column--border-right {
  border-right: 2px solid #8f8f8f; }

.sd-column-box__main-column--flex {
  display: flex;
  flex-direction: column; }

.sd-column-box__main-column-inner {
  overflow-y: auto;
  padding: 2rem;
  flex-grow: 1; }

.sd-column-box__slide-in-column {
  width: 26rem;
  transition: all .2s ease-out;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(0, 0, 0, 0.27);
  overflow-x: hidden;
  position: relative;
  flex-shrink: 0; }

.sd-column-box__slide-in-column::before {
  display: block;
  top: 0;
  bottom: 0;
  content: '';
  width: 4px;
  position: absolute;
  left: 0;
  z-index: 80;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, transparent 100%); }

.sd-column-box__slide-in-column .sd-column-box__slide-in-column-inner {
  opacity: 1;
  transition: all 0.1s ease-out;
  transition-delay: 0.2s;
  background-color: rgba(255, 255, 255, 0.7); }

.sd-column-box__slide-in-column--large {
  width: 40rem; }

.sd-column-box__slide-in-column--dark-ui {
  background-color: #3b3b3b; }

.sd-column-box__slide-in-column--dark-ui .sd-column-box__slide-in-column-inner {
  background-color: #3b3b3b; }

.sd-column-box__slide-in-column--dark-ui .sd-slide-in-panel__heading {
  color: rgba(255, 255, 255, 0.75); }

.sd-column-box__slide-in-column--closed {
  width: 0;
  border-left: 1px solid rgba(187, 187, 187, 0);
  overflow: hidden; }

.sd-column-box__slide-in-column--closed .sd-column-box__slide-in-column-inner {
  opacity: 0;
  transition: all 0.1s ease-out;
  transition-delay: 0; }

.sd-slide-in-panel {
  display: flex;
  flex-direction: column;
  height: 100%; }

.sd-slide-in-panel__header {
  flex-grow: 0;
  flex-shrink: 0;
  z-index: 2;
  position: relative;
  min-height: 4.8rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); }

.sd-slide-in-panel__heading {
  padding: 0 2rem 0 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: #666;
  font-weight: 300;
  letter-spacing: 0.02em; }

.sd-slide-in-panel__heading--marg-b10 {
  margin-bottom: 1rem; }

.sd-slide-in-panel__heading--marg-b16 {
  margin-bottom: 1.6rem; }

.sd-slide-in-panel__heading--marg-b20 {
  margin-bottom: 2rem; }

.sd-slide-in-panel__close {
  position: absolute;
  right: 1rem;
  top: 1.1rem;
  z-index: 2;
  color: #666; }

.sd-slide-in-panel__content {
  flex-grow: 1;
  overflow-y: auto; }

.sd-slide-in-panel__content-block {
  padding: 1.6rem; }

.sd-slide-in-panel__content-block--first {
  padding-top: 3.2rem; }

.sd-slide-in-panel__content-block .sd-slide-in-panel__heading {
  padding: 0; }

.sd-page-content__content-block {
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  flex-grow: 1;
  position: relative; }

.sd-page-content__content-block .subnav {
  flex-shrink: 0;
  flex-grow: 0; }

.sd-page-content__content-block .sd-list-item-group {
  margin: 2.4rem;
  opacity: 1;
  transition: opacity 0.2s ease-in;
  transition-delay: 0.1s; }

.sd-page-content__content-block .sd-column-box--3 {
  opacity: 1;
  transition: opacity 0.2s ease-in;
  transition-delay: 0.1s; }

.sd-page-content__content-block .sd-list-header {
  margin: 2.4rem 2.4rem -2rem 2.4rem; }

.sd-page-content__content-block--double-sidebar {
  width: calc(100vw - 9.6rem); }

.sd-page-content__content-block--right::before {
  border-left: 3px solid #6C6C6C;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, transparent 100%);
  display: block;
  bottom: 0;
  content: '';
  width: 6px;
  position: absolute;
  z-index: 8000;
  top: 0; }

.sd-edit-panel {
  background-color: #fff;
  transition: all .2s ease-out;
  display: flex;
  flex-direction: column;
  overflow-x: hidden; }

.sd-page-content--split {
  width: 100%;
  display: flex;
  flex-direction: row; }

.sd-page-content--split .sd-sidebar-menu {
  position: relative;
  top: 0;
  bottom: auto; }

.sd-page-content--split .sd-page-content__content-block--100 {
  width: calc(100vw - 4.8rem); }

.sd-page-content--split .sd-page-content__content-block--70 {
  width: calc(70vw - 4.8rem); }

.sd-page-content--split .sd-page-content__content-block--50 {
  width: calc(50vw - 4.8rem); }

.sd-page-content--split .sd-page-content__content-block--30 {
  width: calc(30vw - 4.8rem); }

.sd-page-content--slide-in {
  display: flex;
  flex-direction: row; }

.sd-page-content--slide-in .sd-sidebar-menu {
  position: relative;
  top: 0;
  bottom: auto; }

.sd-page-content--slide-in .sd-page-content__content-block--main {
  width: calc(100vw - 4.8rem); }

.sd-page-content--slide-in .sd-page-content__content-block--30-slide {
  width: 0; }

.sd-page-content--slide-in .sd-page-content__content-block--30-slide .side-panel {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  transition-delay: 0s; }

.sd-page-content--slide-in--open .sd-page-content__content-block--main {
  width: calc(100vw - 57.8rem); }

.sd-page-content--slide-in--open .sd-page-content__content-block--30-slide {
  width: 53rem; }

.sd-page-content--slide-in--open .sd-page-content__content-block--30-slide .side-panel {
  opacity: 1;
  transition-delay: 0.2s; }

.sd-page-content--split.edit-closed #leftContent.sd-page-content__content-block {
  width: calc(100vw - 4.8rem); }

.sd-page-content--split.edit-closed #editPane.sd-page-content__content-block {
  width: 0;
  opacity: 0; }

.sd-page-content--split.edit-closed .open-preview .sd-preview-panel {
  width: 50rem; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block {
  width: 0;
  opacity: 0; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block .sd-list-item-group {
  opacity: 0;
  transition-delay: 0s; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block .sd-column-box--3 {
  opacity: 0;
  transition-delay: 0s; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block .sd-list-header {
  opacity: 0;
  transition-delay: 0s; }

.sd-page-content--split.sd-page-content__content-block.shift-to-left #editPane.sd-page-content__content-block {
  width: calc(100vw - 4.8rem); }

.sd-page-content--split.sd-page-content__content-block.shift-to-left #leftContent.sd-page-content__content-block {
  width: 0; }

.sd-sidebar-menu__btn--closed .sd-sidebar-menu__helper-icon {
  transform: rotate(180deg); }

.sd-filters-panel, .sd-preview-panel, .sd-publish-panel {
  width: 0;
  transition: all .2s ease-out;
  display: flex;
  flex-direction: column;
  overflow-x: hidden; }

.sd-filters-panel .side-panel, .sd-preview-panel .side-panel, .sd-publish-panel .side-panel {
  opacity: 0;
  transition: all 0.1s ease-out;
  transition-delay: 0; }

.sd-filters-panel {
  background-color: #ededed;
  border-right: 0px solid rgba(0, 0, 0, 0); }

.sd-preview-panel {
  background-color: #fff;
  border-left: 0px solid rgba(0, 0, 0, 0); }

.sd-preview-panel--dark-ui {
  background-color: #2b2b2b; }

.open-filters .sd-filters-panel {
  width: 36rem;
  border-right: 2px solid rgba(0, 0, 0, 0.25); }

.open-filters .sd-filters-panel--border-left {
  border-right: none;
  border-left: 2px solid rgba(0, 0, 0, 0.25); }

.open-filters .sd-filters-panel .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .2s; }

.open-preview .sd-preview-panel {
  width: 36rem;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  flex-shrink: 0; }

.open-preview .sd-preview-panel--dark-ui {
  border-left-color: rgba(0, 0, 0, 0.4); }

.open-preview .sd-preview-panel .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .2s; }

.authoring .open-preview .sd-preview-panel {
  width: auto;
  max-width: 32rem; }

.sd-filters-panel .side-panel, .sd-preview-panel .side-panel {
  opacity: 0; }

.text-label {
  display: inline-block;
  min-width: 4rem;
  color: #666;
  font-weight: 300; }

.text-label--auto {
  min-width: auto; }

.sd-content-navigation-panel {
  width: 20rem;
  background-color: #f0f0f0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  border-right-color: #999;
  border-right-style: solid;
  border-right-width: 0;
  transition: all .2s ease-out .1s; }

.sd-content-navigation-panel--border-right {
  border-right-width: 2px; }

.sd-content-navigation-panel .subnav {
  flex-shrink: 0; }

.content-nav-closed .sd-content-navigation-panel {
  width: 0; }

.content-nav-closed .sd-content-navigation-panel .sd-content-nav {
  opacity: 0;
  transition: all .1s ease-out; }

.content-nav-closed .sd-content-navigation-panel.sd-content-navigation-panel--border-right {
  border-right-width: 0; }

.open-publish .sd-publish-panel {
  width: 40rem;
  flex-shrink: 0; }

.open-publish .sd-publish-panel .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .2s; }

.authoring .open-publish .sd-publish-panel {
  width: auto;
  max-width: 32rem;
  flex-grow: 1;
  flex-shrink: 1; }

.dark-ui .sd-filters-panel,
[class^="--dark-ui"] .sd-filters-panel,
[class*="--dark-ui"] .sd-filters-panel {
  background-color: #333; }

.sd-main-content-grid {
  margin: 0;
  display: grid;
  grid-template-columns: [slideInLeft] auto [mainContent] 1fr [slideInRight] auto [overlayContainer] 0;
  grid-template-rows: [headerToolbar] auto [contentBlock] 1fr; }

.sd-main-content-grid__header {
  grid-column: 1/4;
  grid-row: headerToolbar;
  display: flex;
  flex-direction: column; }

.sd-main-content-grid__content {
  grid-column: mainContent;
  grid-row: contentBlock;
  overflow-y: auto; }

.sd-main-content-grid__content.sd-main-content-grid__content--with-filters {
  display: grid;
  grid-template-rows: [filterBar] auto [innerContent] 1fr; }

.sd-main-content-grid__content.sd-main-content-grid__content--with-filters {
  display: grid;
  grid-template-rows: [filterBar] auto [innerContent] 1fr; }

.sd-main-content-grid__content-filter-bar {
  grid-row: filterBar; }

.sd-main-content-grid__content-inner {
  grid-row: innerContent;
  overflow-y: auto; }

.sd-main-content-grid__filter {
  grid-column: slideInLeft;
  grid-row: contentBlock;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.sd-main-content-grid__preview {
  grid-column: slideInRight;
  grid-row: contentBlock;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.sd-main-content-grid__overlay {
  grid-column: overlayContainer;
  grid-row: 1/-1;
  overflow: visible;
  width: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative; }

.side-panel__container {
  grid-column: 1/2;
  width: 0;
  overflow: hidden;
  transition: all ease-in-out 0.1s; }

.side-panel__container .side-panel {
  opacity: 0;
  transition: opacity ease-in-out 0.4s; }

.sd-main-content-grid__preview.open-preview .side-panel__container {
  width: 460px;
  overflow-y: auto; }

.sd-main-content-grid__preview.open-preview .side-panel__container .side-panel {
  opacity: 1; }

.sd-main-content-grid__filter.open-filters .side-panel__container {
  width: 360px;
  overflow-y: auto; }

.sd-main-content-grid__filter.open-filters .side-panel__container .side-panel {
  opacity: 1; }

.sd-main-content-grid__filter.open-filters .side-panel__container.side-panel__container--small {
  width: 300px; }

.sd-content-wrapper {
  margin: 0;
  display: grid;
  grid-template-columns: [sideTabsLeft] auto [contentArea] 1fr [contentSplitter] auto [authoringArea] auto;
  grid-template-rows: 1fr; }

.sd-content-wrapper__left-tabs {
  grid-column: sideTabsLeft; }

.sd-content-wrapper__left-tabs.sd-sidebar-menu {
  position: static;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08), 1px 0 4px rgba(0, 0, 0, 0.16); }

.sd-content-wrapper__main-content-area {
  grid-column: contentArea;
  overflow: auto; }

.sd-content-wrapper__content-splitter {
  grid-column: contentSplitter;
  width: 3px;
  background-color: #666;
  cursor: col-resize; }

.sd-content-wrapper__authoring-content-area {
  grid-column: authoringArea;
  display: grid; }

.sd-page-grid--test {
  margin: 0;
  display: grid;
  grid-template-columns: [slideInNavigation] auto [contentContainer] 1fr;
  grid-template-rows: [mainToolbar] 4.8rem [contentContainer] 1fr [footerBar] auto;
  grid-gap: 0;
  height: 100vh;
  position: relative;
  background-color: aquamarine; }

.sd-page-grid--test .sd-main-menu {
  grid-column: slideInNavigation;
  grid-row: 1/-1;
  background-color: #272727;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.sd-page-grid--test .sd-main-menu .sd-main-menu__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 0;
  overflow: hidden;
  transition: opacity ease-in-out 0.2s, width ease-in-out 0.1s;
  opacity: 0;
  box-shadow: inset -8px 0px 12px -4px rgba(0, 0, 0, 0.6); }

.sd-page-grid--test .sd-main-menu.sd-main-menu--open .sd-main-menu__inner {
  width: 30rem;
  opacity: 1; }

.sd-page-grid--test .sd-top-menu {
  grid-column: contentContainer;
  grid-row: mainToolbar;
  z-index: 2;
  position: static; }

.sd-page-grid--test .sd-content {
  grid-column: contentContainer;
  grid-row: contentContainer;
  z-index: 1;
  overflow: auto;
  background-color: var(--color-bg-50); }

.sd-page-grid--test .bottom-bar {
  grid-column: contentContainer;
  grid-row: footerBar;
  height: 3rem;
  background-color: #222;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: rgba(255, 255, 255, 0.75);
  padding: 0 10px; }

.sd-authoring-page {
  display: grid;
  grid-template-columns: [authoringMain] 1fr [authoringSideTabs] auto [publishContainer] 0px;
  grid-template-rows: [authoringHeader] auto [authoringMainRow] 1fr; }

.sd-authoring-page__header {
  grid-column: 1/3;
  grid-row: authoringHeader;
  display: flex;
  flex-direction: column; }

.sd-authoring-page__main-container {
  grid-column: authoringMain;
  grid-row: authoringMainRow;
  display: flex;
  position: relative;
  flex-direction: column;
  position: relative;
  min-width: 60rem; }

.sd-authoring-page__side-tabs {
  grid-column: authoringSideTabs;
  grid-row: authoringMainRow; }

.sd-authoring-page__publish-container {
  grid-column: publishContainer;
  grid-row: 1/-1;
  position: relative;
  overflow: visible;
  width: 0 !important; }

.sd-overlay-panel-2 {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  background: #ededed;
  color: #333;
  overflow: hidden;
  transition: all 0.1s ease-out; }

.sd-overlay-panel-2 .side-panel {
  opacity: 0;
  transition: all 0s ease-out;
  transition-delay: 0; }

.sd-overlay-panel-2--left {
  box-shadow: 2px 0px 0px 0px #666666, 2px 0px 12px 0px rgba(0, 0, 0, 0.3);
  left: 0; }

.sd-overlay-panel-2--right {
  box-shadow: -2px 0px 0px 0px #666666, -2px 0px 12px 0px rgba(0, 0, 0, 0.3);
  right: 0; }

.sd-overlay-panel-2--dark-ui {
  background-color: #3b3b3b;
  color: #fff; }

.sd-overlay-panel-2--dark-ui.sd-overlay-panel-2--left {
  box-shadow: 2px 0px 12px 0px rgba(0, 0, 0, 0.3); }

.sd-overlay-panel-2--dark-ui.sd-overlay-panel-2--right {
  box-shadow: -2px 0px 12px 0px rgba(0, 0, 0, 0.3); }

.sd-overlay-panel-2--open {
  width: 32.8rem;
  overflow: auto; }

.sd-overlay-panel-2--open .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .1s; }

.sd-overlay-panel-2--open.sd-overlay-panel--medium {
  width: 40rem; }

.sd-overlay-panel-2--open.sd-overlay-panel--large {
  width: 68rem; }

.sd-authoring-page__publish-container .sd-overlay-panel,
.sd-main-content-grid__overlay .sd-overlay-panel {
  top: 0;
  bottom: 0;
  z-index: 100; }

.sd-kanban-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1rem;
  padding-bottom: 0;
  height: 100%; }

.sd-kanban-list ::-webkit-scrollbar {
  border-left: 4px solid transparent !important;
  border-right: 1px solid transparent !important;
  width: 6px !important;
  background: transparent !important; }

.sd-kanban-list ::-webkit-scrollbar-track {
  background: transparent !important;
  border-left: 3px solid transparent !important; }

.sd-kanban-list ::-webkit-scrollbar-track:hover {
  background: rgba(0, 0, 0, 0.05) !important; }

.sd-kanban-list ::-webkit-scrollbar-thumb {
  border-left: 3px solid transparent !important; }

.sd-kanban-list__board {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  margin: 0 1rem;
  height: 100%;
  min-width: 20rem; }

.sd-kanban-list__board .sd-list-item-group {
  margin: 0; }

.sd-kanban-list__board--wide {
  min-width: 36rem; }

.sd-kanban-list__board-header {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
  position: relative;
  min-height: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 4px solid #4d4d4d;
  padding: 0 0 0.4rem 0;
  margin: 0 0.1rem; }

.sd-kanban-list__board-header .sd-list-header {
  margin: 0 !important;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%; }

.sd-kanban-list__board-header .sd-list-header__name {
  flex-grow: 1; }

.sd-kanban-list__board-content {
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 1;
  overflow: auto;
  padding: 0.6rem 0.3rem 0.6rem 0.3rem; }

[class^="--dark-ui"] .sd-kanban-list__board-header,
[class*="--dark-ui"] .sd-kanban-list__board-header,
.dark-ui .sd-kanban-list__board-header {
  border-bottom: 4px solid #566e77 !important; }

.button-stack {
  height: 4.8rem !important;
  position: relative;
  margin: 0 20px 0 0;
  float: left; }

.button-stack > .btn {
  margin-left: 20px;
  margin-top: 10px; }

.button-stack.right-stack, .button-stack--right {
  float: right;
  margin: 0 0 0 5px; }

.button-stack.right-stack .navbtn, .button-stack--right .navbtn {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-right: 0 !important; }

.button-stack.right-stack > .btn, .button-stack--right > .btn {
  margin-right: 12px;
  margin-left: 0; }

a.text-link {
  text-decoration: none;
  color: #3d8fb1;
  transition: all 0.1s ease-in;
  display: inline-block;
  cursor: pointer; }

a.text-link:hover {
  color: #30708b;
  text-decoration: underline; }

a.text-link [class^="icon-"], a.text-link [class*=" icon-"] {
  color: currentColor;
  vertical-align: middle;
  margin-right: 0.3rem;
  position: relative;
  top: -0.2rem; }

a.text-link.text-link--white {
  color: rgba(255, 255, 255, 0.4); }

a.text-link.text-link--white:hover {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none; }

a.text-link.text-link--white:active {
  color: white; }

.text-link__group > a.text-link {
  margin: 0.4rem 0.4rem 0.4rem 0;
  font-size: 1.4rem;
  padding: 0 .6rem 0 0;
  border-right: 1px dotted rgba(123, 123, 123, 0.75); }

.text-link__group > a.text-link:last-child {
  padding-right: 0;
  border-right: none; }

.text-link__group .text-link__item {
  display: inline-block;
  padding: 0 .8rem 0 0;
  margin: 0.6rem 0.8rem 0.6rem 0;
  font-size: 1.4rem;
  border-right: 1px dotted rgba(123, 123, 123, 0.75); }

.text-link__group .text-link__item:last-child {
  padding-right: 0;
  border-right: none; }

.sd-page {
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  overflow: hidden; }

.sd-page__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.sd-page__main-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column; }

.sd-page__main-content--double-left-nav {
  left: 400px; }

.sd-page__sidebar + .sd-page__main-content {
  left: 200px; }

.sd-page__sidebar + .sd-content-navigation-panel {
  left: 200px;
  top: 0;
  bottom: 0;
  position: absolute; }

.sd-page__header {
  height: 48px;
  flex-shrink: 0;
  border-bottom: 1px solid #dedede;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  z-index: 2; }

.sd-page__header--white {
  background-color: #fff; }

.sd-page__header--justify-space-between {
  justify-content: space-between; }

.sd-page__element-grow {
  flex-grow: 1;
  display: inline-block; }

.sd-page__element-grow--x-padding {
  padding: 0 20px; }

.sd-page__page-heading {
  font-size: 1.6rem;
  color: #333;
  font-weight: 500; }

.sd-page__content {
  flex-grow: 1;
  padding: 20px;
  overflow: auto; }

.sd-page__content--centered-dashboard {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-content: center; }

.sd-page__content--centered-dashboard .sd-grid-list {
  width: 60%;
  margin: 0 auto; }

.sd-page__flex-helper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0; }

.sd-overlay-panel {
  z-index: 2;
  position: absolute;
  top: 4.8rem;
  right: 0;
  bottom: 3rem;
  width: 0;
  background-color: #fff;
  color: #333;
  box-shadow: -2px 0 12px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
  transition: all 0.1s ease-out; }

.sd-overlay-panel .side-panel {
  opacity: 0;
  transition: all 0.2s ease-out;
  transition-delay: .1s; }

.sd-overlay-panel .side-panel .side-panel__header {
  background-color: #3b3b3b; }

.sd-overlay-panel--dark-ui {
  background-color: #3b3b3b !important;
  color: #fff; }

.sd-overlay-panel--open {
  width: 40rem;
  overflow: auto; }

.sd-overlay-panel--open .side-panel {
  opacity: 1; }

.sd-overlay-panel--open.sd-overlay-panel--large {
  width: 68rem; }

.dark-ui .sd-page__content {
  background-color: #444;
  color: #fff; }

.sd-list-item {
  display: flex;
  position: relative;
  min-height: 4rem;
  flex-direction: row;
  background-color: #fff;
  transition: background-color 0.2s linear; }

.sd-list-item:hover {
  background-color: #f4f4f4;
  cursor: pointer; }

.sd-list-item--active, .sd-list-item.active {
  background-color: #e3f1f6; }

.sd-list-item--selected, .sd-list-item--selected:hover, .sd-list-item.selected, .sd-list-item.selected:hover {
  background-color: #c8e4ee;
  outline: 1px solid rgba(94, 169, 200, 0.5); }

.sd-list-item--activated, .sd-list-item--activated:hover {
  background-color: #e3f1f6; }

.sd-list-item--no-bg {
  background-color: transparent; }

.sd-list-item--no-hover:hover {
  background-color: #fff;
  cursor: default; }

.sd-list-item--inactive {
  background-color: transparent;
  color: rgba(123, 123, 123, 0.75); }

.sd-list-item--draggable:hover {
  cursor: move;
  /* fallback if grab is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

.sd-list-item--draggable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.sd-list-item.actioning::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 45px;
  background-color: rgba(255, 255, 255, 0.65); }

.sd-list-item.locked .sd-list-item__border {
  background: #E51C23; }

.sd-list-item.archived:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20%;
  width: 10rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 6rem;
  background-position: center center;
  opacity: 0.16; }

.sd-list-item .avatar {
  flex-shrink: 0; }

.sd-list-item__border {
  width: 0.4rem;
  flex-grow: 0;
  flex-shrink: 0;
  background: transparent; }

.sd-list-item__border--locked, .sd-list-item__border--error {
  background: #E51C23; }

.sd-list-item__border--success, .sd-list-item__border--active {
  background: #46a546; }

.sd-list-item__border--idle {
  background: #dd8200; }

.sd-list-item__border--dark-blue {
  background: #4d646f; }

.sd-list-item__dot {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent; }

.sd-list-item__dot--locked, .sd-list-item__dot--error {
  background: #E51C23; }

.sd-list-item__dot--success, .sd-list-item__dot--active {
  background: #46a546; }

.sd-list-item__dot--idle {
  background: #dd8200; }

.sd-list-item__dot--dark-blue {
  background: #4d646f; }

.sd-list-item__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(123, 123, 123, 0.18);
  padding: 0 0.8rem;
  overflow: hidden;
  flex-shrink: 0; }

.sd-list-item__column:last-child, .sd-list-item__column:last-of-type, .sd-list-item__column:only-child {
  border: none; }

.sd-list-item__column--no-border {
  border: none; }

.sd-list-item__column--large-padding {
  padding: 0.8rem 1.6rem; }

.sd-list-item__column--no-right-padding {
  padding-right: 0; }

.sd-list-item__column--grow {
  flex-grow: 1;
  flex-shrink: 1; }

.sd-list-item__column--shrink {
  flex-shrink: 1; }

.sd-list-item__column--has-check {
  position: relative; }

.sd-list-item__column--has-check .sd-list-item__item-type {
  opacity: 1;
  margin-top: -0.2rem;
  transition: opacity 0.1s linear; }

.sd-list-item__column--has-check .sd-list-item__checkbox-container {
  position: absolute;
  padding: 0 0.8rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s linear; }

.sd-list-item__column--has-check .sd-list-item__checkbox-container .sd-check__wrapper {
  height: 1.6rem;
  width: 1.6rem; }

.sd-list-item__column--has-check .sd-list-item__checkbox-container .sd-check__wrapper .sd-checkbox {
  display: block; }

.sd-list-item__column--has-check:hover .sd-list-item__item-type {
  opacity: 0; }

.sd-list-item__column--has-check:hover .sd-list-item__checkbox-container {
  opacity: 1; }

.sd-list-item__column--has-check.sd-list-item__column--checked .sd-list-item__item-type, .sd-list-item__column--has-check.sd-list-item__column--checked:hover .sd-list-item__item-type {
  opacity: 0; }

.sd-list-item__column--has-check.sd-list-item__column--checked .sd-list-item__checkbox-container, .sd-list-item__column--has-check.sd-list-item__column--checked:hover .sd-list-item__checkbox-container {
  opacity: 1; }

.sd-list-item__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden; }

.sd-list-item__row:first-child {
  margin: 0.8rem 0 0.2rem; }

.sd-list-item__row:last-child {
  margin: 0.2rem 0 0.8rem; }

.sd-list-item__row:only-child {
  margin: 0.2rem 0; }

.sd-list-item__row--only-child {
  margin: 0.2rem 0 !important; }

.sd-list-item__row--wrap {
  flex-wrap: wrap; }

.sd-list-item__action-menu {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  justify-content: center;
  padding: 0 0.6rem;
  width: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: all ease-in 0.1s;
  align-items: center; }

.sd-list-item__action-menu--direction-row {
  flex-direction: row; }

.sd-list-item__action-menu > .dropdown__toggle {
  line-height: 0; }

.sd-list-item__thumbnail, figure.sd-list-item__thumbnail {
  width: 6.4rem;
  height: 4.2rem;
  margin: auto 0.8rem;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(128, 128, 128, 0.2); }

.sd-list-item__thumbnail img, figure.sd-list-item__thumbnail img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto;
  display: block; }

.sd-list-item__serial-number {
  font-size: 2rem;
  font-weight: 300;
  color: #999; }

.sd-list-item:hover .sd-list-item__action-menu, .sd-list-item--activated .sd-list-item__action-menu {
  padding: 0 0.6rem;
  width: auto;
  overflow: visible;
  opacity: 1; }

.sd-list-item--element-grow {
  flex-grow: 1; }

.sd-list-item .label {
  margin-right: 0.6rem; }

.sd-list-item .badge {
  margin: 0.2rem; }

.sd-list-item [class^="icon-"],
.sd-list-item [class*=" icon-"] {
  opacity: 0.6;
  vertical-align: middle; }

.sd-list-item time [class^="icon-"],
.sd-list-item time [class*=" icon-"] {
  vertical-align: top;
  margin-right: 0.2rem; }

.sd-list-item time {
  color: #747474;
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  flex-shrink: 0;
  padding-left: 1em; }

.sd-list-item .sd-list-item__slugline {
  color: var(--sd-slugline-color);
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-right: 1rem; }

.sd-list-item .sd-list-item__headline {
  color: #333;
  font-weight: 500;
  font-size: 1.3rem;
  margin-right: 1rem; }

.sd-list-item .sd-list-item__normal {
  color: #333;
  font-weight: 300;
  margin-right: 1rem; }

.sd-list-item .sd-list-item__strong {
  color: #333;
  font-weight: 500;
  margin-right: 1rem; }

.sd-list-item .sd-list-item__text-label {
  color: #333;
  opacity: 0.7;
  font-weight: 300;
  font-style: italic;
  margin-right: 0.3rem; }

.sd-list-item .sd-list-item__text-label--normal {
  font-style: normal; }

.sd-list-item .sd-list-item__inline-icon,
.sd-list-item .sd-list-item__inline-text {
  margin-right: 0.6rem; }

.sd-list-item .sd-list-item__text-strong {
  font-weight: 500;
  color: #333; }

.sd-list-item .sd-list-item__element-rm-10 {
  margin-right: 1rem; }

.sd-list-item .sd-list-item__element-lm-10 {
  margin-left: 1rem; }

.sd-list-item .sd-list-item__location {
  padding-left: 1.6rem;
  position: relative; }

.sd-list-item .sd-list-item__location::before {
  position: absolute;
  left: 0;
  top: 0.1rem;
  font-family: 'sd_icons';
  content: "\E602";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: rgba(153, 153, 153, 0.8); }

.avatar {
  display: inline-block;
  height: 3rem;
  width: 3rem;
  background-color: #67afa1;
  border-radius: 50%;
  margin-right: 0.6rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 3.2rem;
  letter-spacing: -0.03em;
  vertical-align: middle; }

.avatar--small {
  height: 2.4rem;
  width: 2.4rem;
  font-size: 1rem;
  line-height: 2.5rem; }

.avatar--large {
  height: 4.8rem;
  width: 4.8rem;
  font-size: 1.8rem;
  line-height: 5rem; }

.avatar--no-margin {
  margin: 0; }

.avatar--empty {
  background-color: rgba(123, 123, 123, 0.05);
  color: transparent;
  border: 1px dashed rgba(123, 123, 123, 0.6); }

.avatar--on-right {
  margin-right: 0;
  margin-left: 0.6rem; }

.dropdown__toggle:hover [class^="icon-"],
.dropdown__toggle:hover [class*=" icon-"] {
  opacity: 1; }

.dropdown__toggle:active [class^="icon-"],
.dropdown__toggle:active [class*=" icon-"] {
  opacity: 1;
  color: #5ea9c8; }

.sd-list-item--activated .dropdown__toggle [class^="icon-"],
.sd-list-item--activated .dropdown__toggle [class*=" icon-"] {
  opacity: 1;
  color: #5ea9c8; }

.sd-list-item-nested {
  display: flex;
  flex-direction: column;
  margin-top: .8rem; }

.sd-list-item-nested__childs {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  margin-bottom: 0.8rem; }

.sd-list-item-nested__childs .sd-list-item {
  margin-top: 0;
  border-top: 1px solid #e6e6e6; }

.sd-list-item-nested__parent {
  position: relative;
  z-index: 1; }

.sd-list-item-nested--collapsed .sd-list-item-nested__childs {
  transition: all ease-in 0.2s;
  max-height: 0;
  opacity: 0;
  margin-bottom: 0;
  overflow: hidden; }

.sd-list-item-nested--expanded .sd-list-item-nested__childs {
  transition: all ease-in 0.2s;
  max-height: 114rem;
  opacity: 1; }

.sd-list-item-group .sd-list-item + .sd-list-item {
  border-top: 1px solid rgba(123, 123, 123, 0.2); }

.sd-list-item-group--space-between-items .sd-list-item + .sd-list-item {
  margin-top: .8rem;
  border-top: none; }

.sd-list-item-group--space-between-items .sd-list-item-nested + .sd-list-item {
  margin-top: .8rem;
  border-top: none; }

.sd-list-item-group--space-between-items .sd-list-item-nested__childs .sd-list-item {
  margin-top: 0;
  border-top: 1px solid rgba(123, 123, 123, 0.2); }

.sd-list-item-group--margin {
  margin: 2rem; }

.sd-list-header {
  display: flex;
  height: 2rem;
  margin-bottom: 0.8rem;
  align-items: center; }

.sd-list-header .sd-list-header__name {
  font-size: 1.1rem;
  letter-spacing: .08em;
  font-weight: 500;
  text-transform: uppercase;
  color: #666; }

.sd-list-header .sd-list-header__name a {
  color: #5ea9c8;
  text-decoration: none;
  display: inline-block;
  line-height: 1; }

.sd-list-header .sd-list-header__name a:hover {
  color: #3c8eaf;
  border-bottom: 1px dotted currentColor; }

.sd-list-header .sd-list-header__number {
  margin-left: 1rem; }

.sd-list-header .sd-list-header__stretch-bar {
  flex-grow: 1;
  height: 1px;
  background: transparent;
  margin: auto 0; }

.sd-list-header--m-top {
  margin-top: 2.4rem; }

.dark-ui .sd-list-header .sd-list-header__name {
  color: rgba(255, 255, 255, 0.4); }

.sd-list-item-group--dark-ui .sd-list-item,
[class^="--dark-ui"] .sd-list-item,
[class*="--dark-ui"] .sd-list-item {
  color: rgba(255, 255, 255, 0.5);
  background-color: #333; }

.sd-list-item-group--dark-ui .sd-list-item:hover,
[class^="--dark-ui"] .sd-list-item:hover,
[class*="--dark-ui"] .sd-list-item:hover {
  background-color: #383838; }

.sd-list-item-group--dark-ui .sd-list-item [class^="icon-"], .sd-list-item-group--dark-ui .sd-list-item [class*=" icon-"],
[class^="--dark-ui"] .sd-list-item [class^="icon-"],
[class^="--dark-ui"] .sd-list-item [class*=" icon-"],
[class*="--dark-ui"] .sd-list-item [class^="icon-"],
[class*="--dark-ui"] .sd-list-item [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.4); }

.sd-list-item-group--dark-ui .sd-list-item .sd-list-item__slugline,
[class^="--dark-ui"] .sd-list-item .sd-list-item__slugline,
[class*="--dark-ui"] .sd-list-item .sd-list-item__slugline {
  color: #678b98; }

.sd-list-item-group--dark-ui .sd-list-item .sd-list-item__text-strong,
[class^="--dark-ui"] .sd-list-item .sd-list-item__text-strong,
[class*="--dark-ui"] .sd-list-item .sd-list-item__text-strong {
  color: #fff; }

.sd-list-item-group--dark-ui .sd-list-item .sd-list-item__text-label,
[class^="--dark-ui"] .sd-list-item .sd-list-item__text-label,
[class*="--dark-ui"] .sd-list-item .sd-list-item__text-label {
  color: currentColor; }

.sd-list-item-group--dark-ui .sd-list-item.sd-list-item--activated,
[class^="--dark-ui"] .sd-list-item.sd-list-item--activated,
[class*="--dark-ui"] .sd-list-item.sd-list-item--activated {
  background-color: #35393b;
  outline: 1px solid rgba(94, 169, 200, 0.2); }

.sd-list-item-group--dark-ui .sd-list-item.sd-list-item--activated:hover,
[class^="--dark-ui"] .sd-list-item.sd-list-item--activated:hover,
[class*="--dark-ui"] .sd-list-item.sd-list-item--activated:hover {
  background-color: #303436; }

.sd-list-item-group--dark-ui .sd-list-item.sd-list-item--selected,
[class^="--dark-ui"] .sd-list-item.sd-list-item--selected,
[class*="--dark-ui"] .sd-list-item.sd-list-item--selected {
  background-color: #283237;
  outline: 1px solid rgba(94, 169, 200, 0.8); }

.sd-list-item-group--dark-ui .sd-list-item.sd-list-item--selected:hover,
[class^="--dark-ui"] .sd-list-item.sd-list-item--selected:hover,
[class*="--dark-ui"] .sd-list-item.sd-list-item--selected:hover {
  background-color: #242d31; }

.sd-list-item-group--dark-ui .sd-list-item.sd-list-item--no-hover:hover,
[class^="--dark-ui"] .sd-list-item.sd-list-item--no-hover:hover,
[class*="--dark-ui"] .sd-list-item.sd-list-item--no-hover:hover {
  background-color: #333; }

.sd-list-item-group--dark-ui .sd-list-item.sd-list-item--no-bg,
[class^="--dark-ui"] .sd-list-item.sd-list-item--no-bg,
[class*="--dark-ui"] .sd-list-item.sd-list-item--no-bg {
  background-color: transparent !important; }

.sd-list-item-group--dark-ui .sd-list-item.actioning::before,
[class^="--dark-ui"] .sd-list-item.actioning::before,
[class*="--dark-ui"] .sd-list-item.actioning::before {
  background-color: rgba(51, 51, 51, 0.7); }

.sd-list-item-group--dark-ui .sd-shadow--z1,
[class^="--dark-ui"] .sd-shadow--z1,
[class*="--dark-ui"] .sd-shadow--z1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.3) !important; }

.sd-list-item-group--dark-ui .sd-shadow--z2,
[class^="--dark-ui"] .sd-shadow--z2,
[class*="--dark-ui"] .sd-shadow--z2 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.06) !important; }

.sd-card {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  color: #333;
  min-height: 12rem;
  display: flex;
  flex-direction: column; }

.sd-card--with-click {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  cursor: pointer;
  text-decoration: none; }

.sd-card--with-click:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 2px 12px rgba(0, 0, 0, 0.36);
  transform: translate(0, -2px); }

.sd-card--with-click:active {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.16); }

.sd-card--rounded {
  border-radius: 8px; }

.sd-card--rounded .sd-card__header {
  border-radius: 8px 8px 0 0; }

.sd-card--rounded .sd-card__header::before {
  border-radius: 8px 8px 0 0; }

.sd-card--flex-grow {
  flex-grow: 1; }

.sd-card--auto-height {
  min-height: 0; }

.sd-card--blank {
  background-color: transparent;
  box-shadow: none; }

.sd-card--blank:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 12px rgba(31, 17, 17, 0.16); }

.sd-card .sd-card__actions {
  margin: 0.4rem 0.4rem 0 0;
  visibility: hidden; }

.sd-card:hover .sd-card__actions {
  visibility: visible; }

.sd-card .sd-card__actions-group {
  display: flex;
  align-items: center;
  margin-right: .3rem; }

.sd-card .sd-card__actions-group a + a {
  margin-left: .6rem; }

.sd-card .sd-card__header {
  position: relative;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #607d8b;
  padding: 0;
  min-height: 4.4rem;
  color: #fff;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0; }

.sd-card .sd-card__header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.4rem;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0; }

.sd-card .sd-card__header--empty {
  height: 8px; }

.sd-card .sd-card__header--light {
  background-color: #bfbfbf; }

.sd-card .sd-card__header--white {
  background-color: #fff;
  color: #333;
  box-shadow: 0 1px 0 rgba(136, 136, 136, 0.25); }

.sd-card .sd-card__header--gradient-1 {
  background: linear-gradient(180deg, #60b8c2 2%, #1eb06c 90%); }

.sd-card .sd-card__header--blank {
  background-color: transparent; }

.sd-card .sd-card__header--blank::before {
  background-color: transparent; }

.sd-card .sd-card__header--with-thumb {
  position: relative;
  flex-direction: column; }

.sd-card .sd-card__header--with-thumb .sd-card__actions {
  position: absolute;
  top: 0.4rem;
  right: 0;
  z-index: 2; }

.sd-card .sd-card__header--padding {
  padding: 1rem 0; }

.sd-card .sd-card__header--secondary-color {
  background-color: var(--subNavBG-blueGrey-600); }

.sd-card--active .sd-card__header {
  background-color: #3d8fb1; }

.sd-card--inactive .sd-card__header {
  background-color: #b1b1b1; }

.sd-card .sd-card__heading {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-top: 0.4rem;
  flex-grow: 1;
  font-size: 1.2rem;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit; }

.sd-card .sd-card__heading--editable {
  padding: 1rem 1.6rem 1rem;
  text-transform: initial; }

.sd-card .sd-card__heading--editable:hover {
  cursor: text; }

.sd-card .sd-card__heading--editable > input {
  margin-top: 6px; }

.sd-card .sd-card__sub-header {
  background-color: #9daeb7;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  min-height: 2.4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem; }

.sd-card .sd-card__sub-header--success {
  background-color: #46a546; }

.sd-card .sd-card__btn-group {
  margin: 14px 6px 0 0; }

.sd-card .sd-card__btn-group--right {
  float: right; }

.sd-card .sd-card__btn-group .btn {
  background: transparent;
  padding: 10px 2px;
  color: #fff;
  opacity: 0.4; }

.sd-card .sd-card__btn-group .btn:focus, .sd-card .sd-card__btn-group .btn:hover {
  box-shadow: none;
  opacity: 1; }

.sd-card .sd-card__btn-group .btn [class^="icon-"],
.sd-card .sd-card__btn-group .btn [class*=" icon-"] {
  color: #fff; }

.sd-card .sd-card__thumbnail {
  padding-top: 0.4rem;
  line-height: 0; }

.sd-card .sd-card__thumbnail + .sd-card__heading {
  background-color: #fff;
  font-weight: 500;
  text-align: center;
  color: #333;
  padding: 1rem 1.6rem;
  width: 100%;
  box-shadow: 0 1px 0 rgba(136, 136, 136, 0.25); }

.sd-card .sd-card__content {
  padding: 1.6rem;
  flex-grow: 1; }

.sd-card .sd-card__content h4 {
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.04em;
  margin-bottom: 4px; }

.sd-card .sd-card__content h4.with-value {
  margin-bottom: 0; }

.sd-card .sd-card__content h4 .label {
  float: right;
  height: 15px;
  margin: auto 0;
  padding: 3px 5px 0;
  border-radius: 8px;
  color: white;
  background: rgba(0, 0, 0, 0.25);
  font-size: 10px;
  line-height: 100%;
  letter-spacing: .06em;
  font-weight: 400; }

.sd-card .sd-card__content h4 .value-label {
  float: right;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0em; }

.sd-card .sd-card__content h4.sd-card__h4--normal-case {
  font-size: 12px;
  text-transform: initial; }

.sd-card .sd-card__content--scrollable {
  min-height: 20vh;
  max-height: 30vh;
  overflow-y: auto; }

.sd-card .sd-card__content--padd-10 {
  padding: 1rem; }

.sd-card .sd-card__content-heading, .sd-card h4.sd-card__content-heading {
  text-transform: none;
  color: inherit;
  font-size: 1.6rem;
  letter-spacing: initial;
  padding-bottom: 0.8rem; }

.sd-card .sd-card__placeholder {
  padding: 16px;
  flex-grow: 1;
  height: calc(100% - 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-weight: 300;
  font-size: 1.2rem; }

.sd-card .sd-card__placeholder--cursorPointer {
  cursor: pointer; }

.sd-card .sd-card__content-list {
  margin: -16px;
  padding: 0;
  list-style: none; }

.sd-card .sd-card__content-list li, .sd-card .sd-card__content-list .sd-card__content-list-item {
  padding: 16px;
  border-bottom: 1px solid #ebebeb; }

.sd-card .sd-card__content-list li--inline, .sd-card .sd-card__content-list .sd-card__content-list-item--inline {
  display: flex; }

.sd-card .sd-card__content-list li--inline h4, .sd-card .sd-card__content-list .sd-card__content-list-item--inline h4 {
  flex: 1 1; }

.sd-card .sd-card__content-list li--inline span, .sd-card .sd-card__content-list .sd-card__content-list-item--inline span {
  flex: 1 1;
  text-align: right; }

.sd-card .sd-card__content-list li .sd-card__content-list-inline-span, .sd-card .sd-card__content-list .sd-card__content-list-item .sd-card__content-list-inline-span {
  display: inline-block; }

.sd-card .sd-card__content-list li:last-child, .sd-card .sd-card__content-list .sd-card__content-list-item:last-child {
  border: none; }

.sd-card .sd-card__content-list li--border-bottom:last-child, .sd-card .sd-card__content-list .sd-card__content-list-item--border-bottom:last-child {
  border-bottom: 1px solid #ebebeb; }

.sd-card .sd-card__content-list li--small, .sd-card .sd-card__content-list .sd-card__content-list-item--small {
  padding: 7px 16px; }

.sd-card .sd-card__content-list li--small h4, .sd-card .sd-card__content-list .sd-card__content-list-item--small h4 {
  margin: 0; }

.sd-card .sd-card__content-list li--no-padding, .sd-card .sd-card__content-list .sd-card__content-list-item--no-padding {
  padding: 0; }

.sd-card .sd-card__content-list .creation-time {
  display: block;
  font-size: 12px;
  color: #999; }

.sd-card .sd-card__content-list .creation-time i {
  display: inline-block;
  opacity: 0.5;
  margin-top: -2px; }

.sd-card .sd-card__content-list .button__view-all {
  border-bottom: 1px dotted #5598B4;
  color: #5598B4;
  cursor: pointer; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link {
  display: block;
  padding: .8rem 1.6rem;
  color: #666;
  text-decoration: none; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link:hover {
  color: #222; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover {
  display: flex;
  justify-content: space-between; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover i {
  display: none; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover:hover {
  background-color: rgba(94, 169, 200, 0.15); }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover:hover i {
  display: inline-flex; }

.sd-card .sd-card__article-header {
  padding: 16px; }

.sd-card .sd-card__time-date {
  font-size: 11px;
  color: #ababab;
  font-weight: 300; }

.sd-card .sd-card__time-date--reverse-color {
  color: rgba(255, 255, 255, 0.6); }

.sd-card .sd-card__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  min-height: 4.8rem;
  background-color: #f8f8f8;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1); }

.sd-card .sd-card__footer--light {
  background-color: #fff; }

.sd-card .sd-card__footer--right-align {
  justify-content: flex-end; }

.sd-card .sd-card__footer--spread {
  justify-content: space-between; }

.sd-card .sd-card__full-click {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2; }

.sd-card .sd-card__thumbnail {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 75%;
  overflow: hidden;
  text-align: center; }

.sd-card .sd-card__thumbnail img {
  width: 100%;
  height: auto; }

.sd-card .sd-card__thumbnail--size-xs {
  padding-bottom: 35%; }

.sd-card .sd-card__thumbnail--size-xs .sd-card__thumbnail-heading {
  font-size: 18px; }

.sd-card .sd-card__thumbnail--size-xxs {
  padding-bottom: 16%; }

.sd-card .sd-card__thumbnail--size-xxs .sd-card__thumbnail-heading {
  font-size: 18px; }

.sd-card .sd-card__thumbnail--size-s {
  padding-bottom: 50%; }

.sd-card .sd-card__thumbnail--size-m {
  padding-bottom: 75%; }

.sd-card .sd-card__thumbnail--size-l {
  padding-bottom: 100%; }

.sd-card .sd-card__thumbnail--size-xl {
  padding-bottom: 125%; }

.sd-card .sd-card__file-type-icn {
  color: #fff;
  font-size: 5.2rem;
  height: 5.2rem;
  width: 5.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.6rem 0 0 -2.6rem;
  line-height: 5.2rem;
  opacity: 0.5; }

.sd-card .sd-card__thumbnail-heading {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-weight: 700;
  font-size: 2.1rem;
  z-index: 2;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 120%; }

.sd-grid-item {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  background-color: var(--color-grid-item-Bg);
  color: inherit;
  display: flex;
  flex-direction: column;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in; }

.sd-grid-item--with-click {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  cursor: pointer; }

.sd-grid-item--with-click:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.26); }

.sd-grid-item--with-click:active {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.16); }

.sd-grid-item--activated, .sd-grid-item--active, .sd-grid-item.active, .sd-grid-item.activated {
  outline: 1px solid rgba(94, 169, 200, 0.4);
  background-color: #e3f1f6; }

.sd-grid-item.actioning {
  pointer-events: none; }

.sd-grid-item.actioning::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
  background-color: rgba(255, 255, 255, 0.85);
  pointer-events: none; }

.sd-grid-item--selected, .sd-grid-item.selected {
  outline: 2px solid #5ea9c8; }

.sd-grid-item .sd-grid-item__actions {
  margin: 0;
  visibility: hidden; }

.sd-grid-item .sd-grid-item__actions--top {
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  z-index: 2; }

.sd-grid-item .sd-grid-item__footer-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  justify-content: flex-end;
  visibility: hidden; }

.sd-grid-item .sd-grid-item__footer-actions--visible {
  visibility: visible;
  opacity: 0.5; }

.sd-grid-item .sd-grid-item__top-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  flex-direction: row;
  visibility: hidden;
  color: #fff;
  padding: 4px 4px 0 0; }

.sd-grid-item .sd-grid-item__top-actions * {
  opacity: 0.75;
  transition: opacity 0.2s ease-in-out; }

.sd-grid-item .sd-grid-item__top-actions *:hover {
  opacity: 1; }

.sd-grid-item .sd-grid-item__remove {
  margin: 0;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  z-index: 2;
  opacity: 0;
  height: 2.8rem;
  width: 2.8rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity ease-in-out 0.2; }

.sd-grid-item .sd-grid-item__checkbox {
  visibility: hidden;
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 0.2rem;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
  z-index: 2;
  height: 1.6rem;
  width: 1.6rem;
  border: 2px solid rgba(255, 255, 255, 0.4);
  outline: 2px solid rgba(0, 0, 0, 0.25); }

.sd-grid-item .sd-grid-item__checkbox .sd-check__wrapper {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  top: -4px;
  left: -2px; }

.sd-grid-item .sd-grid-item__checkbox > .sd-checkbox {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  top: -2px;
  left: -2px; }

.sd-grid-item .sd-grid-item__checkbox .sd-check-new__wrapper {
  visibility: hidden;
  padding: 0;
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  top: -2px;
  left: -2px; }

.sd-grid-item .sd-grid-item__checkbox .sd-check-new__wrapper .sd-check-new {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0; }

.sd-grid-item .sd-grid-item__checkbox-wrapper {
  position: absolute;
  margin: 4px auto 0 4px;
  padding: 0.2rem;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
  z-index: 3;
  height: 1.6rem;
  width: 1.6rem;
  border: 2px solid rgba(255, 255, 255, 0.4);
  outline: 2px solid rgba(0, 0, 0, 0.25); }

.sd-grid-item .sd-grid-item__checkbox-wrapper .sd-check__wrapper {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  top: -4px;
  left: -2px; }

.sd-grid-item .sd-grid-item__checkbox-wrapper > .sd-checkbox {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  top: -2px;
  left: -2px; }

.sd-grid-item .sd-grid-item__checkbox-wrapper .sd-check-new__wrapper {
  padding: 0;
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  top: -2px;
  left: -2px; }

.sd-grid-item .sd-grid-item__checkbox-wrapper .sd-check-new__wrapper .sd-check-new {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0; }

.sd-grid-item:hover .sd-grid-item__actions {
  visibility: visible; }

.sd-grid-item:hover .sd-grid-item__remove {
  opacity: 0.5; }

.sd-grid-item:hover .sd-grid-item__remove:hover {
  opacity: 1; }

.sd-grid-item:hover .sd-grid-item__checkbox {
  visibility: visible; }

.sd-grid-item:hover .sd-grid-item__checkbox .sd-check-new__wrapper {
  visibility: visible; }

.sd-grid-item:hover .sd-grid-item__footer-actions {
  visibility: visible; }

.sd-grid-item:hover .sd-grid-item__footer-actions--visible {
  opacity: 1; }

.sd-grid-item:hover .sd-grid-item__top-actions {
  visibility: visible; }

.sd-grid-item.sd-grid-item--selected .sd-grid-item__checkbox, .sd-grid-item.selected .sd-grid-item__checkbox {
  visibility: visible; }

.sd-grid-item.sd-grid-item--selected .sd-grid-item__checkbox .sd-check-new__wrapper, .sd-grid-item.selected .sd-grid-item__checkbox .sd-check-new__wrapper {
  visibility: visible; }

.sd-grid-item.sd-grid-item--selected:hover .sd-grid-item__checkbox, .sd-grid-item.selected:hover .sd-grid-item__checkbox {
  visibility: visible; }

.sd-grid-item.sd-grid-item--overflow-v {
  overflow: visible; }

.sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__thumb, .sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__media {
  overflow: visible; }

.sd-grid-item .sd-grid-item__thumb, .sd-grid-item .sd-grid-item__media {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #2c2c2c;
  padding: 0;
  min-height: 4rem;
  color: #fff;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  width: 100%;
  height: 14rem;
  overflow: hidden;
  text-align: center; }

.sd-grid-item .sd-grid-item__thumb img, .sd-grid-item .sd-grid-item__media img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto;
  pointer-events: none;
  transition: filter ease-in-out 0.3s; }

.sd-grid-item .sd-grid-item__thumb .sd-grid-item__type-icon, .sd-grid-item .sd-grid-item__media .sd-grid-item__type-icon {
  margin: auto;
  height: 4.8rem;
  width: 4.8rem;
  font-size: 4.8rem;
  line-height: 4.8rem;
  color: currentColor;
  opacity: 0.25; }

.sd-grid-item .sd-grid-item__thumb--white, .sd-grid-item .sd-grid-item__media--white {
  background-color: #fff;
  color: #333;
  box-shadow: 0 1px 0 rgba(136, 136, 136, 0.25); }

.sd-grid-item .sd-grid-item__thumb:hover img, .sd-grid-item .sd-grid-item__media:hover img {
  filter: brightness(40%); }

.sd-grid-item .sd-grid-item__thumb--uploading img, .sd-grid-item .sd-grid-item__media--uploading img {
  filter: brightness(40%); }

.sd-grid-item .sd-grid-item__progress {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.4rem;
  background-color: rgba(0, 0, 0, 0.4); }

.sd-grid-item .sd-grid-item__progress-circle {
  z-index: 2;
  position: absolute;
  height: 5.6rem;
  width: 5.6rem;
  top: 50%;
  margin-top: -2.8rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.2rem; }

.sd-grid-item .sd-grid-item__progress-bar {
  display: block;
  height: 0.4rem;
  width: 0%;
  background-color: #46a546;
  top: 50; }

.sd-grid-item .sd-grid-item--element-grow {
  flex-grow: 1; }

.sd-grid-item .sd-grid-item__content-block {
  flex-grow: 0; }

.sd-grid-item .sd-grid-item__content {
  padding: 1.2rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative; }

.sd-grid-item .sd-grid-item__content--scrollable {
  max-height: 20vh;
  overflow-y: auto; }

.sd-grid-item .sd-grid-item__placeholder {
  padding: 16px;
  flex-grow: 1;
  height: calc(100% - 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-weight: 300;
  font-size: 1.2rem; }

.sd-grid-item .sd-grid-item__placeholder--cursorPointer {
  cursor: pointer; }

.sd-grid-item .sd-grid-item__article-header {
  padding: 1.6rem; }

.sd-grid-item .sd-grid-item__time-date {
  font-size: 11px;
  color: #ababab;
  font-weight: 300; }

.sd-grid-item .sd-grid-item__time-date--reverse-color {
  color: rgba(255, 255, 255, 0.6); }

.sd-grid-item .sd-grid-item__footer {
  padding: 0.4rem 0.2rem;
  border-top: 1px solid rgba(123, 123, 123, 0.24);
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 3.7rem;
  flex-shrink: 0;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }

.sd-grid-item .sd-grid-item__footer--light {
  background-color: #fff; }

.sd-grid-item .sd-grid-item__footer--right-align {
  justify-content: flex-end; }

.sd-grid-item .sd-grid-item__footer--spread {
  justify-content: space-between; }

.sd-grid-item .sd-grid-item__footer--padded {
  padding: 0.4rem 1.2rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block {
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-l {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0.4rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-r {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0.4rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--single-r {
  flex-grow: 0; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--left {
  margin-right: auto;
  justify-content: flex-start;
  padding: 0.4rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--left > * {
  margin: 0 0.4rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--right {
  margin-left: auto;
  justify-content: flex-end; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--right > * {
  margin: 0 0.4rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block-item {
  margin: 0 0.4rem;
  flex-shrink: 0; }

.sd-grid-item .sd-grid-item__footer time {
  display: inline-block; }

.sd-grid-item .sd-grid-item__full-click {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2; }

.sd-grid-item .sd-grid-item__file-type-icn {
  color: #fff;
  font-size: 5.2rem;
  height: 5.2rem;
  width: 5.2rem;
  padding-top: 8.5rem;
  opacity: 0.5; }

.sd-grid-item .sd-grid-item__type-icn {
  opacity: 0.75;
  color: inherit; }

.sd-grid-item .sd-grid-item__slugline {
  color: var(--sd-slugline-color);
  font-weight: 500;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-right: 1rem; }

.sd-grid-item .sd-grid-item__title {
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  word-break: break-word; }

.sd-grid-item .sd-grid-item__text-light {
  font-weight: 300;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  opacity: 0.7; }

.sd-grid-item time {
  display: block;
  color: #747474;
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  flex-shrink: 0; }

.sd-grid-item p {
  margin-bottom: 1rem; }

.sd-grid-item p.error {
  margin: auto;
  padding: 1.2rem;
  opacity: 0.75;
  color: #E51C23; }

.sd-grid-item--small .sd-grid-item__thumb, .sd-grid-item--small .sd-grid-item__media {
  height: 10rem; }

.sd-grid-item .sd-grid-item__state-border {
  height: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  background: none; }

.sd-grid-item.locked .sd-grid-item__state-border, .sd-grid-item--locked .sd-grid-item__state-border {
  background: #E51C23; }

.sd-grid-item.archived .sd-grid-item__content:after, .sd-grid-item--archived .sd-grid-item__content:after, .sd-grid-item.fetched .sd-grid-item__content:after, .sd-grid-item--fetched .sd-grid-item__content:after {
  content: "";
  width: 9.2rem;
  height: 9.2rem;
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 11.6rem;
  background-position: 0 0;
  bottom: 0;
  right: 0rem;
  opacity: 0.14; }

.sd-grid-item .sd-grid-item__media::before {
  font-family: 'sd_icons';
  content: "\E605";
  position: absolute;
  top: 50%;
  margin: auto;
  margin-top: -2.4rem;
  font-size: 4.8rem;
  line-height: 4.8rem;
  color: currentColor;
  opacity: 0.25;
  z-index: 0; }

.sd-grid-item .sd-grid-item__media img {
  position: relative;
  z-index: 1; }

.sd-grid-item.sd-grid-item__type--file .sd-grid-item__media::before {
  content: "\E605"; }

.sd-grid-item.sd-grid-item__type--audio .sd-grid-item__media::before {
  content: "\E608"; }

.sd-grid-item.sd-grid-item__type--composite .sd-grid-item__media::before {
  content: "\E607"; }

.sd-grid-item.sd-grid-item__type--graphic .sd-grid-item__media::before {
  content: "\E66D"; }

.sd-grid-item.sd-grid-item__type--photo .sd-grid-item__media::before {
  content: "\E600"; }

.sd-grid-item.sd-grid-item__type--slideshow .sd-grid-item__media::before {
  content: "\E603"; }

.sd-grid-item.sd-grid-item__type--text .sd-grid-item__media::before {
  content: "\E604"; }

.sd-grid-item.sd-grid-item__type--video .sd-grid-item__media::before {
  content: "\E601"; }

.sd-grid-item__text-label {
  font-weight: 300;
  font-style: italic;
  margin-right: 0.3rem;
  opacity: 0.7; }

.sd-grid-item__text-strong {
  font-weight: 400; }

.sd-grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: 2.4rem;
  margin: 2.4rem; }

.sd-grid-list--x-small {
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); }

.sd-grid-list--small {
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); }

.sd-grid-list--medium {
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); }

.sd-grid-list--large {
  grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); }

.sd-grid-list--small-margin {
  margin: 1rem; }

.sd-grid-list--no-margin {
  margin: 0; }

.sd-grid-list--gap-s, .sd-grid-list--gap-small {
  grid-gap: 1.6rem; }

.sd-grid-list--gap-m, .sd-grid-list--gap-medium {
  grid-gap: 2.4rem; }

.sd-grid-list--gap-l, .sd-grid-list--gap-large {
  grid-gap: 3.2rem; }

.sd-grid-list--gap-xl, .sd-grid-list--gap-x-large {
  grid-gap: 4rem; }

.sd-grid-list--auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); }

.dark-ui.sd-column-box__main-column, [data-theme="dark-ui"].sd-column-box__main-column {
  background-color: #444; }

.dark-ui .sd-column-box__main-column, [data-theme="dark-ui"] .sd-column-box__main-column {
  background-color: #444; }

.dark-ui .sd-grid-item, [data-theme="dark-ui"] .sd-grid-item {
  background-color: #333;
  color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 1px 5px rgba(0, 0, 0, 0.36); }

.dark-ui .sd-grid-item .sd-grid-item__thumb, .dark-ui .sd-grid-item .sd-grid-item__media, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__thumb, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__media {
  background-color: #212121; }

.dark-ui .sd-grid-item .sd-grid-item__footer, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__footer {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.6); }

.dark-ui .sd-grid-item .sd-grid-item__content, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__content {
  color: rgba(255, 255, 255, 0.6); }

.dark-ui .sd-grid-item .sd-grid-item__slugline, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__slugline {
  color: #678b98; }

.dark-ui .sd-grid-item .sd-grid-item__type-icn, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__type-icn {
  color: #fff; }

.dark-ui .sd-grid-item .sd-grid-item__text-label, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__text-label {
  color: #fff;
  opacity: 0.4; }

.dark-ui .sd-grid-item .sd-grid-item__text-strong, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__text-strong {
  color: #fff;
  opacity: 0.5; }

.dark-ui .sd-grid-item--activated, .dark-ui .sd-grid-item.activated, [data-theme="dark-ui"] .sd-grid-item--activated, [data-theme="dark-ui"] .sd-grid-item.activated {
  background-color: #35393b; }

.dark-ui .sd-grid-item--activated:hover, .dark-ui .sd-grid-item.activated:hover, [data-theme="dark-ui"] .sd-grid-item--activated:hover, [data-theme="dark-ui"] .sd-grid-item.activated:hover {
  background-color: #303436; }

.dark-ui .sd-grid-item--with-click:hover, [data-theme="dark-ui"] .sd-grid-item--with-click:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.8), 0 1px 10px rgba(0, 0, 0, 0.46);
  background-color: #383838; }

.dark-ui .sd-grid-item--with-click.sd-grid-item--activated:hover, .dark-ui .sd-grid-item--with-click.activated:hover, [data-theme="dark-ui"] .sd-grid-item--with-click.sd-grid-item--activated:hover, [data-theme="dark-ui"] .sd-grid-item--with-click.activated:hover {
  background-color: #303436; }

.dark-ui .sd-grid-item--with-click.sd-grid-item--selected, .dark-ui .sd-grid-item--with-click.selected, [data-theme="dark-ui"] .sd-grid-item--with-click.sd-grid-item--selected, [data-theme="dark-ui"] .sd-grid-item--with-click.selected {
  background-color: #283237; }

.dark-ui .sd-grid-item--with-click.sd-grid-item--selected:hover, .dark-ui .sd-grid-item--with-click.selected:hover, [data-theme="dark-ui"] .sd-grid-item--with-click.sd-grid-item--selected:hover, [data-theme="dark-ui"] .sd-grid-item--with-click.selected:hover {
  background-color: #242d31; }

.dark-ui .sd-grid-item--with-click:active, [data-theme="dark-ui"] .sd-grid-item--with-click:active {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 1px 3px rgba(0, 0, 0, 0.36); }

.dark-ui .sd-grid-item.actioning::before, [data-theme="dark-ui"] .sd-grid-item.actioning::before {
  background-color: rgba(35, 35, 35, 0.85); }

.sd-grid-item-wrapper {
  display: flex;
  flex-direction: column; }

.sd-grid-item-header {
  padding: 4px 0;
  margin-bottom: 6px;
  border-bottom: 5px solid #4d4d4d;
  display: flex; }

.sd-grid-item-header__heading {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  flex-grow: 1; }

.sd-grid-item-header__heading + div {
  margin-left: 8px; }

.sd-grid-item-header__heading a {
  text-decoration: none;
  color: inherit; }

.sd-grid-item-header__heading a span {
  border-bottom: 1px dotted #3d8fb1; }

.sd-grid-item-header__heading a [class^="icon-"],
.sd-grid-item-header__heading a [class*=" icon-"] {
  color: #3d8fb1;
  margin-left: 8px; }

.sd-grid-item-header__heading a:hover span {
  border-bottom-style: solid; }

.sd-searchbar {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  position: relative;
  background-color: transparent;
  transition: all 0.2s ease-out;
  height: 100%;
  max-height: 4.8rem; }

.sd-searchbar--focused {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(61, 143, 177, 0.5), inset 0 0 0 6px rgba(61, 143, 177, 0.15); }

.sd-searchbar--border-r {
  border-right: 1px solid #dfdfdf; }

.sd-searchbar--border-l {
  border-left: 1px solid #dfdfdf; }

.sd-searchbar--border-l-r {
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf; }

.sd-searchbar--border-bottom {
  border-bottom: 1px solid rgba(123, 123, 123, 0.2); }

.sd-searchbar--small {
  height: 3.6rem; }

.sd-searchbar--boxed {
  height: 4rem;
  border-radius: 4px;
  border: 1px solid rgba(123, 123, 123, 0.4);
  background-color: #fff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.14); }

.sd-searchbar--boxed:hover {
  border-color: rgba(123, 123, 123, 0.6); }

.sd-searchbar--boxed.sd-searchbar--focused {
  border-color: rgba(61, 143, 177, 0.75);
  box-shadow: inset 0 0 0 1px rgba(61, 143, 177, 0.1), inset 0 0 0 4px rgba(61, 143, 177, 0.1); }

.sd-searchbar--boxed.sd-searchbar--invalid {
  border-color: rgba(229, 28, 35, 0.75);
  box-shadow: inset 0 0 0 1px rgba(229, 28, 35, 0.1), inset 0 0 0 4px rgba(229, 28, 35, 0.1); }

.sd-searchbar--boxed.sd-searchbar--disabled {
  opacity: 0.5;
  cursor: not-allowed !important; }

.sd-searchbar--boxed.sd-searchbar--disabled .sd-searchbar__input {
  cursor: not-allowed !important; }

.sd-searchbar--boxed.sd-searchbar--disabled:hover {
  border-color: rgba(123, 123, 123, 0.4); }

.sd-searchbar__input, input[type="text"].sd-searchbar__input, input[type="search"].sd-searchbar__input {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.4rem;
  padding: 0;
  color: inherit;
  align-self: auto;
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  padding-right: 1rem;
  height: auto; }

.sd-searchbar__input::placeholder, input[type="text"].sd-searchbar__input::placeholder, input[type="search"].sd-searchbar__input::placeholder {
  color: #999;
  font-weight: 300;
  letter-spacing: 0.03rem; }

.sd-searchbar__icon {
  flex-grow: 0;
  flex-shrink: 1;
  align-self: auto;
  width: 4.8rem;
  position: relative;
  opacity: 0.4;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-searchbar__icon::after {
  content: "\E618";
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-family: 'sd_icons';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sd-searchbar--boxed .sd-searchbar__icon {
  width: 4rem;
  margin-right: 0; }

.sd-searchbar__search-btn {
  height: 2.8rem;
  width: 2.8rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  margin: 0 0.8rem 0 0;
  padding: 0;
  opacity: 0.6;
  transition: all 0.2s ease-out;
  background-color: rgba(61, 143, 177, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-searchbar__search-btn i {
  transition: color 0.2s ease-out;
  color: #5ea9c8; }

.sd-searchbar__search-btn:hover {
  background-color: rgba(61, 143, 177, 0.75); }

.sd-searchbar__search-btn:hover i {
  color: #fff; }

.sd-searchbar__search-btn:active {
  background-color: #3d8fb1; }

.sd-searchbar__search-btn:active i {
  color: #fff; }

.sd-searchbar__cancel {
  height: 1.6rem;
  width: 1.6rem;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 1rem 0 0;
  padding: 0;
  opacity: 0.35;
  transition: opacity 0.2s ease-out;
  color: currentColor; }

.sd-searchbar__cancel i {
  color: inherit; }

.sd-searchbar__cancel:hover {
  opacity: 0.7; }

.sd-searchbar__cancel:active {
  opacity: 1; }

.sd-searchbar__message-box {
  font-size: 1.3rem;
  line-height: 1.4rem;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: #747474;
  font-weight: 300;
  margin: 0.5rem 0;
  letter-spacing: 0.03em;
  display: block;
  margin-top: 8px; }

.sd-searchbar__message-box .sd-searchbar__message {
  color: #E51C23; }

.subnav--dark-ui .sd-searchbar--focused {
  background-color: rgba(0, 0, 0, 0.25); }

.subnav--dark-ui .sd-searchbar__search-btn [class^="big-icon--"],
.subnav--dark-ui .sd-searchbar__search-btn [class*=" big-icon--"] {
  color: #fff; }

.flat-searchbar {
  flex-grow: 0; }

.flat-searchbar .search-handler {
  min-width: 48px;
  height: 48px;
  padding: 10px 10px 10px 14px;
  background: none;
  display: flex;
  border-right: 1px solid #e0e0e0;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.flat-searchbar .search-handler input {
  height: 28px;
  line-height: 100%;
  font-size: 14px;
  border: 0 !important;
  width: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.flat-searchbar .search-handler input:focus {
  -webkit-box-shadow: 0 0 0 0 #FFF;
  -moz-box-shadow: 0 0 0 0 #FFF;
  box-shadow: 0 0 0 0 #FFF; }

.flat-searchbar .search-handler .trigger-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  width: 28px;
  height: 28px;
  display: inline-block;
  opacity: 0.5;
  filter: "alpha(opacity=50)"; }

.flat-searchbar .search-handler .trigger-icon:hover {
  cursor: pointer;
  opacity: 0.8;
  filter: "alpha(opacity=80)"; }

.flat-searchbar .search-handler .trigger-icon i {
  padding: 7px 3px 4px 6px; }

.flat-searchbar .search-handler--left-border {
  border-right: 0 !important;
  border-left: 1px solid #e0e0e0; }

.flat-searchbar .separator-handler {
  margin: 9px 0 0 5px;
  border-right: 2px dotted #bcbcbc;
  height: 30px;
  float: left; }

.flat-searchbar .search-close {
  border: 0;
  background: none;
  display: none;
  opacity: 0;
  filter: "alpha(opacity=0)"; }

.flat-searchbar .search-close.visible {
  opacity: 0.4;
  filter: "alpha(opacity=40)"; }

.flat-searchbar .search-close.visible:hover {
  opacity: 1;
  filter: "alpha(opacity=100)"; }

.flat-searchbar.extended {
  flex-grow: 1;
  background-color: white; }

.flat-searchbar.extended .search-handler {
  border-right: 1px solid #e0e0e0; }

.flat-searchbar.extended .search-handler input {
  width: auto;
  padding: 0 6px;
  flex-grow: 1; }

.flat-searchbar.extended .separator-handler {
  margin-left: 14px; }

.flat-searchbar.extended .search-close {
  display: inline-block; }

[data-theme="dark-ui"] .sd-searchbar--boxed {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4); }

[data-theme="dark-ui"] .sd-searchbar--boxed.sd-searchbar--focused {
  border-color: rgba(61, 143, 177, 0.75);
  background-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: inset 0 0 0 1px rgba(61, 143, 177, 0.2), inset 0 0 0 4px rgba(61, 143, 177, 0.16); }

.sd-collapse-box {
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  position: relative;
  margin-bottom: 1rem; }

.sd-collapse-box .sd-collapse-box__header {
  display: block;
  flex-grow: 0;
  position: relative;
  min-height: 3.8rem;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box .sd-collapse-box__tools {
  position: absolute;
  right: 1rem;
  top: 0.8rem;
  z-index: 2;
  color: #666; }

.sd-collapse-box .sd-collapse-box__tools--flex {
  position: relative;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  margin: -1.4rem -1rem; }

.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn {
  flex-grow: 1;
  color: #666; }

.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .icn-btn {
  background-color: rgba(155, 155, 155, 0.25);
  color: #fff;
  opacity: 1; }

.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .icn-btn {
  background-color: rgba(155, 155, 155, 0.35);
  color: #5ea9c8;
  opacity: 1; }

.sd-collapse-box .sd-collapse-box__content-wraper {
  flex-grow: 1;
  position: relative;
  transition: all ease-in-out .4s;
  max-height: 0; }

.sd-collapse-box .sd-collapse-box__content {
  padding: 2rem;
  display: none;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box .sd-collapse-box__content--border-locked {
  border-left: 4px solid #E51C23; }

.sd-collapse-box .sd-collapse-box__content--border-success {
  border-left: 4px solid #46a546; }

.sd-collapse-box .sd-collapse-box__content-block {
  padding: 1rem;
  margin: 0 -2rem 3rem -2rem; }

.sd-collapse-box .sd-collapse-box__content-block--top {
  margin-top: 2.2rem;
  background-color: rgba(0, 0, 0, 0.04); }

.sd-collapse-box--open .sd-collapse-box__content-wraper {
  max-height: 80rem; }

.sd-collapse-box--open .sd-collapse-box__content {
  display: block;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box--open .sd-collapse-box__header {
  display: none;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box--margin-small {
  margin-bottom: 0.5rem; }

.sd-collapse-box__content .form__row:last-of-type, .sd-collapse-box__content-block .form__row:last-of-type {
  padding-bottom: 0; }

.sd-collapse-box__sliding-toolbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4.6rem;
  overflow: hidden;
  border-radius: 2px 2px 0 0; }

.sd-collapse-box__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  height: 4.2rem;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0 16px;
  color: #333;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: #d2e5ed;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.sd-collapse-box__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center; }

[class^="--dark-ui"] .sd-collapse-box .sd-collapse-box__content-block--top,
[class*="--dark-ui"] .sd-collapse-box .sd-collapse-box__content-block--top {
  background-color: rgba(0, 0, 0, 0.14); }

[class^="--dark-ui"] .sd-collapse-box__sliding-toolbar,
[class*="--dark-ui"] .sd-collapse-box__sliding-toolbar {
  background-color: #364449; }

[class^="--dark-ui"] .sd-collapse-box--open .sd-collapse-box__content,
[class*="--dark-ui"] .sd-collapse-box--open .sd-collapse-box__content {
  background-color: rgba(94, 169, 200, 0.03);
  box-shadow: 0 0 0 1px rgba(94, 169, 200, 0.3);
  border-radius: 2px; }

[class^="--dark-ui"] .sd-collapse-box--lighter .sd-list-item,
[class*="--dark-ui"] .sd-collapse-box--lighter .sd-list-item {
  background-color: rgba(141, 161, 167, 0.14); }

[class^="--dark-ui"] .sd-collapse-box--lighter.sd-collapse-box--open .sd-collapse-box__content,
[class*="--dark-ui"] .sd-collapse-box--lighter.sd-collapse-box--open .sd-collapse-box__content {
  background-color: rgba(141, 161, 167, 0.14); }

.sd-photo-preview {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-gap: 0;
  height: calc(100vh - 53px);
  position: relative;
  overflow: hidden; }

.sd-photo-preview--grid-only {
  grid-template-rows: 0 1fr; }

.sd-photo-preview--grid-only .sd-photo-preview__image {
  height: 0;
  overflow: hidden; }

.sd-photo-preview--grid-only .sd-photo-preview__thumb-strip {
  overflow-y: auto; }

.sd-photo-preview--grid-only .sd-photo-preview__thumb-strip--with-controls {
  padding-top: 4.8rem; }

.sd-photo-preview__thumb-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 4.8rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(32, 32, 32, 0.9);
  padding: 0 2rem; }

.sd-photo-preview__image, .sd-photo-preview__video {
  position: relative;
  grid-column: 1/2;
  grid-row: 1/2;
  text-align: center;
  background-color: #111;
  max-height: 100%; }

.sd-photo-preview__image.actioning::before, .sd-photo-preview__video.actioning::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
  background-color: rgba(0, 0, 0, 0.85); }

.sd-photo-preview__video {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  max-height: none;
  background-color: #232323; }

.sd-photo-preview__video .sd-photo-preview__video-inner {
  grid-row: 1/2;
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 100%;
  min-width: 48rem; }

.sd-photo-preview__video .sd-photo-preview__video-container {
  grid-row: 1/2;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.sd-photo-preview__video .sd-photo-preview__video-container video {
  max-width: 110vh;
  width: auto;
  height: auto;
  max-height: 100vh;
  margin-top: 2rem; }

.sd-photo-preview__video .sd-photo-preview__video-tools {
  grid-row: 2/3;
  margin: 0.8rem auto 3.2rem;
  padding: 1.2rem;
  border-radius: 0.8rem;
  background-color: rgba(0, 0, 0, 0.3);
  height: 6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%; }

.sd-photo-preview__video .sd-photo-preview__video-tools--blank {
  background-color: rgba(0, 0, 0, 0);
  padding: 0.6rem; }

.sd-photo-preview__label {
  background: rgba(0, 0, 0, 0.25);
  color: inherit;
  padding: 0.8rem 2rem;
  margin: 1rem auto;
  line-height: 100%;
  border-radius: 2rem;
  font-weight: 300;
  min-width: 16rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.sd-photo-preview__image {
  max-height: calc(100vh - 53px);
  max-width: calc(100vw - 40rem);
  transition: max-width 0.2s ease-in-out;
  padding: 1.6rem; }

.sd-photo-preview__image img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto; }

.sd-column-box__main-column.sd-column-box__main-column--expanded .sd-photo-preview__image {
  max-width: 100vw; }

.sd-photo-preview__thumb-strip {
  grid-column: 1/2;
  grid-row: 2/3;
  min-height: 16rem;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow-y: auto; }

.sd-photo-preview__thumb-strip--video {
  min-height: 10rem;
  display: flex;
  flex-direction: row;
  overflow: visible; }

.sd-photo-preview__thumbnail-edit {
  position: relative;
  height: 16rem;
  flex-grow: 0; }

.sd-photo-preview__thumbnail-edit img {
  max-width: 100%;
  height: auto;
  max-height: 16rem;
  display: block; }

.sd-photo-preview__thumbnail-edit .sd-photo-preview__thumbnail-edit-label {
  position: absolute;
  top: -2.2rem;
  left: 0;
  right: 0;
  height: 2rem;
  text-align: center;
  opacity: 0.5; }

.image-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  z-index: 1;
  opacity: 0;
  color: #fff; }

.image-overlay:hover {
  opacity: 1; }

.image-overlay__button-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }

.image-overlay__button {
  flex-grow: 0;
  flex-shrink: 0;
  color: #fff;
  width: 4.8rem;
  height: 4.8rem;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.2); }

.image-overlay__button i {
  color: inherit;
  line-height: 1;
  opacity: 0.6;
  transition: 0.2s linear all; }

.image-overlay__button:hover {
  border-color: white;
  background-color: rgba(0, 0, 0, 0.6);
  text-decoration: none; }

.image-overlay__button:hover i {
  opacity: 1; }

.image-overlay__button:active {
  border-color: #5ea9c8;
  background-color: rgba(0, 0, 0, 0.8); }

.image-overlay__button:active i {
  color: #5ea9c8; }

.image-overlay__button + .image-overlay__button {
  margin-left: 0.8rem; }

.sd-photo-preview__video-frames {
  position: relative;
  flex-grow: 1; }

.sd-photo-preview--view-video .sd-photo-preview__video .sd-photo-preview__video-inner {
  max-height: calc(100vh - 53px); }

.sd-photo-preview--edit-video .sd-photo-preview__video .sd-photo-preview__video-inner {
  max-height: calc(100vh - 53px - 160px);
  max-width: 100vw; }

.sd-photo-preview--edit-video .sd-photo-preview__video .sd-photo-preview__video-inner .sd-photo-preview__video-container video {
  max-width: calc(100vw - 4rem);
  max-height: calc(100vh - 53px - 160px - 100px); }

.sd-photo-preview--view-video .sd-photo-preview__video .sd-photo-preview__video-inner {
  max-height: calc(100vh - 53px);
  max-width: calc(100vw - 44rem); }

.sd-photo-preview--view-video .sd-photo-preview__video .sd-photo-preview__video-inner .sd-photo-preview__video-container video {
  max-width: calc(100vw - 44rem);
  max-height: calc(100vh - 53px - 90px); }

.sd-photo-preview__slide-in-button {
  position: absolute;
  top: 2.4rem;
  right: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.1);
  height: 4.8rem;
  width: 4.8rem;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0 0 1.6rem;
  border-radius: 6px 0 0 6px;
  opacity: 0.5;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.2s ease-out; }

.sd-photo-preview__slide-in-button [class^="icon-"],
.sd-photo-preview__slide-in-button [class*=" icon-"] {
  color: #fff;
  flex-shrink: 0; }

.sd-photo-preview__slide-in-button:hover {
  opacity: 1; }

.sd-photo-preview__slide-in-button:active {
  background-color: #5ea9c8;
  opacity: 1; }

.sd-photo-preview__nav-button {
  border-radius: 50%;
  cursor: pointer;
  height: 5.6rem;
  line-height: 5.6rem;
  position: absolute;
  top: calc(50% - 2.8rem);
  width: 5.6rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
  color: #fff;
  transition: all 0.2s ease-out;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0.3; }

.sd-photo-preview__nav-button:hover {
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.9); }

.sd-photo-preview__nav-button:active {
  opacity: 0.8;
  background-color: #5ea9c8; }

.sd-photo-preview__nav-button::after {
  content: " ";
  font-family: 'sd_icons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 2;
  color: #fff;
  width: 5.6rem;
  font-size: 3.2rem; }

.sd-photo-preview__nav-button--next {
  right: 0.8rem;
  color: inherit; }

.sd-photo-preview__nav-button--next::after {
  content: "\E643"; }

.sd-photo-preview__nav-button--prev {
  left: 0.8rem;
  color: inherit; }

.sd-photo-preview__nav-button--prev::after {
  content: "\E642"; }

.upload__target {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border: 2px dashed #5ea9c8;
  background-color: rgba(94, 169, 200, 0.1); }

.upload__info {
  margin: 0 auto;
  max-width: 40rem;
  position: relative;
  top: 50%;
  margin-top: -10.6rem;
  z-index: 1; }

.upload__info-icon {
  margin: 0 auto;
  height: 7.4rem;
  width: 9rem;
  background-image: url(269567460c8f69d08fb089f576d381eb.svg);
  opacity: 0.25;
  text-align: center; }

.upload__info-heading {
  margin: 0 auto;
  opacity: 0.5;
  text-align: center;
  padding-top: 3rem;
  text-align: center;
  color: #a0a0a0;
  font-size: 2.4rem;
  font-weight: 300; }

.upload__info-label {
  position: relative;
  text-align: center;
  font-style: italic;
  margin: 2.2rem auto;
  color: inherit;
  opacity: 0.5; }

.upload__info-label::after, .upload__info-label::before {
  content: "___________";
  position: absolute;
  top: -0.5rem;
  color: inherit;
  opacity: 0.25; }

.upload__info-label::after {
  margin-left: 1.5rem; }

.upload__info-label::before {
  margin-left: -7.8rem; }

.upload__info-button {
  display: block;
  margin: 0 auto;
  text-align: center;
  opacity: 0.75; }

.sd-photo-preview__thumb-strip:hover .upload-target {
  display: block; }

.sd-media-carousel {
  position: relative;
  align-items: center;
  flex-direction: row;
  display: flex; }

.sd-media-carousel__dialog {
  display: flex;
  max-height: 100%;
  flex: 0 1 auto;
  flex-direction: column;
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
  position: relative; }

.sd-media-carousel__content {
  background-clip: padding-box;
  outline: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  position: relative; }

.sd-media-carousel__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center; }

.sd-media-carousel__page img, .sd-media-carousel__page video {
  max-height: 40em;
  width: auto !important;
  margin: 0 auto !important; }

.sd-media-carousel__page-media {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.12);
  color: #fff;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center; }

.sd-media-carousel__page-media img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto; }

.sd-media-carousel__nav-button {
  border-radius: 50%;
  cursor: pointer;
  height: 3.6rem;
  line-height: 3.6rem;
  position: absolute;
  top: calc(50% - 6.5rem);
  width: 3.6rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.12);
  color: #333;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 3;
  transition: opacity 0.2s ease-out;
  opacity: 0; }

.sd-media-carousel__nav-button:hover {
  background-color: rgba(255, 255, 255, 0.65); }

.sd-media-carousel__nav-button:active {
  background-color: white; }

.sd-media-carousel__nav-button::after {
  content: " ";
  font-family: 'sd_icons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 2;
  color: inherit;
  width: 3.6rem;
  font-size: 2.4rem; }

.sd-media-carousel__nav-button--next {
  right: -18px;
  color: inherit; }

.sd-media-carousel__nav-button--next::after {
  content: "\E643"; }

.sd-media-carousel__nav-button--prev {
  left: -18px;
  color: inherit; }

.sd-media-carousel__nav-button--prev::after {
  content: "\E642"; }

.sd-media-carousel__nav-button--next-inner {
  right: 0;
  color: #333;
  border-radius: 50% 0 0 50%;
  box-shadow: none; }

.sd-media-carousel__nav-button--next-inner::after {
  content: "\E643"; }

.sd-media-carousel__nav-button--prev-inner {
  left: 0;
  color: #333;
  border-radius: 0 50% 50% 0;
  box-shadow: none; }

.sd-media-carousel__nav-button--prev-inner::after {
  content: "\E642"; }

.sd-media-carousel__nav-button--next-inner::after, .sd-media-carousel__nav-button--prev-inner::after {
  opacity: 0.5;
  transition: opacity 0.2s ease-out; }

.sd-media-carousel__nav-button--next-inner:hover::after, .sd-media-carousel__nav-button--prev-inner:hover::after {
  opacity: 1;
  color: #333; }

.sd-media-carousel__nav-button--next-inner:active::after, .sd-media-carousel__nav-button--prev-inner:active::after {
  color: #5ea9c8; }

.sd-media-carousel__nav-button--disabled {
  background-color: rgba(255, 255, 255, 0.4) !important;
  cursor: default;
  opacity: 0.2; }

.sd-media-carousel__nav-button--disabled::after {
  opacity: 0.75;
  color: #333 !important; }

.sd-media-carousel__dialog:hover .sd-media-carousel__nav-button {
  opacity: 1; }

.sd-media-carousel__page-indication-bar {
  bottom: -3.6rem;
  height: 2.6rem;
  position: absolute;
  text-align: center;
  width: 100%; }

.sd-media-carousel__page-indicator {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  margin: 0.6rem;
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.sd-media-carousel__page-indicator--selected {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.6); }

.sd-media-carousel__thumb-strip {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  grid-gap: 1rem;
  margin: 1.4rem 0; }

.sd-media-carousel__thumb-strip i {
  margin: auto;
  color: inherit; }

.sd-media-carousel__thumb-strip-item {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: inherit;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all ease-in 0.2s; }

.sd-media-carousel__thumb-strip-item:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4); }

.sd-media-carousel__thumb-strip-item--active {
  outline: 1px solid #5ea9c8;
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.4);
  cursor: default; }

.sd-media-carousel__thumb-strip-item--active .sd-media-carousel__thumb img {
  filter: brightness(1) grayscale(100%); }

.sd-media-carousel__thumb {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  height: 6rem;
  padding: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #2c2c2c; }

.sd-media-carousel__thumb--add {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all ease-in 0.2s; }

.sd-media-carousel__thumb--add:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.4);
  border: 1px solid white; }

.sd-media-carousel__thumb img {
  max-width: 100%;
  max-height: 6rem;
  object-fit: cover;
  object-position: 50% 50%; }

.sd-media-carousel__thumb i {
  font-size: 3.2rem;
  line-height: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  color: #fff;
  opacity: .35; }

.sd-media-carousel__media-caption, .sd-media-carousel__media-title {
  color: inherit;
  position: relative;
  padding: 1.2rem;
  width: 100%;
  font-size: 1.4rem;
  text-align: left;
  font-weight: 300;
  line-height: 140%;
  border: 1px solid transparent;
  transition: all ease-in-out 0.2s; }

.sd-media-carousel__media-caption[contenteditable="true"]:hover, .sd-media-carousel__media-title[contenteditable="true"]:hover {
  border-color: rgba(94, 169, 200, 0.4); }

.sd-media-carousel__media-caption[contenteditable="true"]:focus, .sd-media-carousel__media-title[contenteditable="true"]:focus {
  border-color: #5ea9c8;
  box-shadow: inset 0 -1px 0 0 #5ea9c8; }

.sd-media-carousel__media-caption[contenteditable="true"]:empty:before, .sd-media-carousel__media-title[contenteditable="true"]:empty:before {
  position: absolute;
  content: attr(sd-placeholder) " ";
  opacity: 0.55;
  color: inherit;
  font-weight: 300;
  cursor: text; }

.sd-media-carousel__media-caption {
  min-height: 4rem; }

.sd-media-carousel__media-title {
  font-size: 1.5rem;
  font-weight: 500; }

.sd-editor--theme-blue .sd-media-carousel__content, .sd-editor--theme-dark .sd-media-carousel__content {
  outline: 1px solid rgba(255, 255, 255, 0.2); }

.editor-popup {
  display: none;
  position: fixed; }

.editor-popup--open {
  display: inline-block;
  z-index: 1040; }

.editor-popup--annotation {
  border-top: 3px solid #a2df56; }

.editor-popup--comment {
  border-top: 3px solid #fff16f; }

.editor-popup__main {
  display: flex;
  color: #333;
  width: 32rem;
  max-height: 100%; }

.editor-popup__main.editor-popup__main--floating {
  background-color: #fff;
  z-index: 2;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.editor-popup__header {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 1.6rem;
  padding-bottom: 1rem; }

.editor-popup__author-name {
  display: block;
  margin: 0 0 0.2rem;
  font-weight: 500;
  line-height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.editor-popup__time {
  font-size: 1.1rem;
  font-weight: 400; }

.editor-popup__header-text {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden; }

.editor-popup__header-tools {
  margin: -2rem -1rem 0 0.4rem; }

.editor-popup__header-tools .icn-btn {
  opacity: 0.2; }

.editor-popup__header-tools:hover .icn-btn {
  opacity: 1; }

.editor-popup__content-block {
  padding: 1.6rem;
  position: relative; }

.editor-popup__content-block--scrollable {
  max-height: 20rem; }

.editor-popup__content-block p + p {
  margin-top: 1rem; }

.editor-popup__info-bar {
  margin-bottom: 0.4rem; }

.editor-popup__header + .editor-popup__content-block {
  padding-top: 0; }

.editor-popup__secondary-content {
  background-color: rgba(123, 123, 123, 0.1);
  border-top: 1px solid rgba(123, 123, 123, 0.2); }

.comment-box__reply-item {
  border-bottom: 1px solid rgba(123, 123, 123, 0.2); }

.comment-box__input {
  padding: 0.4rem;
  border-radius: 2px;
  border: 1px solid rgba(123, 123, 123, 0.4);
  height: 2.8rem;
  resize: none; }

.comment-box__reply-toolbar {
  display: none;
  padding-top: 1rem; }

.comment-box__reply-toolbar--active {
  display: block; }

.comment-box__button-toolbar {
  margin-top: 1.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }

.comment-box__button-toolbar--right {
  justify-content: flex-end; }

.comment-box__button-toolbar--small {
  margin-top: 0.6rem; }

.sd-slider__range, input[type="range"] {
  width: 100%;
  position: relative;
  height: 0.2rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: rgba(123, 123, 123, 0.5);
  cursor: pointer;
  user-select: none;
  touch-action: none;
  border: 0;
  padding: 0;
  min-height: 0;
  -webkit-appearance: none; }

.sd-slider__range::-webkit-slider-thumb, input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1.6rem;
  height: 1.6rem;
  transform: scale(1);
  border-radius: 50%;
  background-color: #5ea9c8;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  touch-action: manipulation;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab; }

.sd-slider__range::-webkit-slider-thumb:hover, input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #489dc1; }

.sd-slider__range::-webkit-slider-thumb:active, input[type="range"]::-webkit-slider-thumb:active {
  transform: scale(1.4);
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.sd-slider__range:focus, input[type="range"]:focus {
  box-shadow: 0 0 0 1px rgba(123, 123, 123, 0.3); }

.sd-slider__range:focus::-webkit-slider-thumb, input[type="range"]:focus::-webkit-slider-thumb {
  background-color: #489dc1; }

.sd-slider {
  position: relative;
  height: 0.2rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: rgba(123, 123, 123, 0.5);
  cursor: pointer;
  user-select: none;
  touch-action: none;
  -webkit-appearance: none; }

.sd-slider__handle {
  position: absolute;
  top: -0.7rem;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  transform: scale(1);
  border-radius: 50%;
  background-color: #5ea9c8;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  touch-action: manipulation;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab; }

.sd-slider__handle:hover {
  background-color: #489dc1; }

.sd-slider__handle:active, .sd-slider__handle--active {
  transform: scale(1.4);
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.sd-slider__focus-ring {
  position: absolute;
  top: -1.4rem;
  left: 0;
  z-index: 0;
  margin-left: -0.7rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  transform: scale(0);
  border-radius: 50%;
  background-color: rgba(94, 169, 200, 0.3);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

.sd-slider__focus-ring:focus {
  transform: scale(1);
  opacity: 1;
  background-color: #489dc1; }

.sd-slider__fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.2rem;
  background-color: #5ea9c8;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

.sd-loader {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
  background-color: rgba(255, 255, 255, 0.85); }

.sd-loader.sd-loader--dark-ui {
  background-color: rgba(51, 51, 51, 0.85) !important; }

.dark-ui .sd-loader,
[class^="--dark-ui"] .sd-loader,
[class*="--dark-ui"] .sd-loader {
  background-color: rgba(51, 51, 51, 0.85); }

:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }

.hollow-red--100:hover {
  color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }

.hollow-red--900:hover {
  color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }

.hollow-red--200:hover {
  color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }

.hollow-red--800:hover {
  color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }

.hollow-red--300:hover {
  color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }

.hollow-red--700:hover {
  color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }

.hollow-red--400:hover {
  color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }

.hollow-red--600:hover {
  color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }

.hollow-red--50:hover {
  color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }

.hollow-red--500:hover {
  color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }

.hollow-pink--100:hover {
  color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }

.hollow-pink--900:hover {
  color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }

.hollow-pink--200:hover {
  color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }

.hollow-pink--800:hover {
  color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }

.hollow-pink--300:hover {
  color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }

.hollow-pink--700:hover {
  color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }

.hollow-pink--400:hover {
  color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }

.hollow-pink--600:hover {
  color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }

.hollow-pink--50:hover {
  color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }

.hollow-pink--500:hover {
  color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }

.hollow-purple--100:hover {
  color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }

.hollow-purple--900:hover {
  color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }

.hollow-purple--200:hover {
  color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }

.hollow-purple--800:hover {
  color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }

.hollow-purple--300:hover {
  color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }

.hollow-purple--700:hover {
  color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }

.hollow-purple--400:hover {
  color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }

.hollow-purple--600:hover {
  color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }

.hollow-purple--50:hover {
  color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }

.hollow-purple--500:hover {
  color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }

.hollow-deep-purple--100:hover {
  color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }

.hollow-deep-purple--900:hover {
  color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }

.hollow-deep-purple--200:hover {
  color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }

.hollow-deep-purple--800:hover {
  color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }

.hollow-deep-purple--700:hover {
  color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }

.hollow-deep-purple--600:hover {
  color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }

.hollow-deep-purple--50:hover {
  color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }

.hollow-deep-purple--500:hover {
  color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }

.hollow-indigo--100:hover {
  color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }

.hollow-indigo--200:hover {
  color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }

.hollow-indigo--800:hover {
  color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }

.hollow-indigo--700:hover {
  color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }

.hollow-indigo--400:hover {
  color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }

.hollow-indigo--600:hover {
  color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }

.hollow-indigo--50:hover {
  color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }

.hollow-indigo--500:hover {
  color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }

.hollow-blue--900:hover {
  color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }

.hollow-blue--200:hover {
  color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }

.hollow-blue--800:hover {
  color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }

.hollow-blue--300:hover {
  color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }

.hollow-blue--700:hover {
  color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }

.hollow-blue--400:hover {
  color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }

.hollow-blue--600:hover {
  color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }

.hollow-blue--50:hover {
  color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }

.hollow-blue--500:hover {
  color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }

.hollow-light-blue--100:hover {
  color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }

.hollow-light-blue--900:hover {
  color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }

.hollow-light-blue--200:hover {
  color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }

.hollow-light-blue--800:hover {
  color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }

.hollow-light-blue--300:hover {
  color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }

.hollow-light-blue--700:hover {
  color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }

.hollow-light-blue--400:hover {
  color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }

.hollow-light-blue--600:hover {
  color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }

.hollow-light-blue--50:hover {
  color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }

.hollow-light-blue--500:hover {
  color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }

.hollow-cyan--100:hover {
  color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }

.hollow-cyan--900:hover {
  color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }

.hollow-cyan--200:hover {
  color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }

.hollow-cyan--800:hover {
  color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }

.hollow-cyan--300:hover {
  color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }

.hollow-cyan--700:hover {
  color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }

.hollow-cyan--400:hover {
  color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }

.hollow-cyan--600:hover {
  color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }

.hollow-cyan--50:hover {
  color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }

.hollow-cyan--500:hover {
  color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }

.hollow-teal--100:hover {
  color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }

.hollow-teal--200:hover {
  color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }

.hollow-teal--800:hover {
  color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }

.hollow-teal--300:hover {
  color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }

.hollow-teal--700:hover {
  color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }

.hollow-teal--400:hover {
  color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }

.hollow-teal--600:hover {
  color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }

.hollow-teal--50:hover {
  color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }

.hollow-teal--500:hover {
  color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }

.hollow-green--100:hover {
  color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }

.hollow-green--900:hover {
  color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }

.hollow-green--800:hover {
  color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }

.hollow-green--300:hover {
  color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }

.hollow-green--700:hover {
  color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }

.hollow-green--400:hover {
  color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }

.hollow-green--600:hover {
  color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }

.hollow-green--50:hover {
  color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }

.hollow-green--500:hover {
  color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }

.hollow-light-green--100:hover {
  color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }

.hollow-light-green--900:hover {
  color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }

.hollow-light-green--200:hover {
  color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }

.hollow-light-green--800:hover {
  color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }

.hollow-light-green--300:hover {
  color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }

.hollow-light-green--700:hover {
  color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }

.hollow-light-green--400:hover {
  color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }

.hollow-light-green--50:hover {
  color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }

.hollow-light-green--500:hover {
  color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }

.hollow-lime--100:hover {
  color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }

.hollow-lime--900:hover {
  color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }

.hollow-lime--200:hover {
  color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }

.hollow-lime--800:hover {
  color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }

.hollow-lime--300:hover {
  color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }

.hollow-lime--700:hover {
  color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }

.hollow-lime--400:hover {
  color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }

.hollow-lime--600:hover {
  color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }

.hollow-lime--50:hover {
  color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }

.hollow-lime--500:hover {
  color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }

.hollow-yellow--100:hover {
  color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }

.hollow-yellow--900:hover {
  color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }

.hollow-yellow--200:hover {
  color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }

.hollow-yellow--800:hover {
  color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }

.hollow-yellow--300:hover {
  color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }

.hollow-yellow--700:hover {
  color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }

.hollow-yellow--400:hover {
  color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }

.hollow-yellow--600:hover {
  color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }

.hollow-yellow--500:hover {
  color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }

.hollow-amber--100:hover {
  color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }

.hollow-amber--900:hover {
  color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }

.hollow-amber--200:hover {
  color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }

.hollow-amber--800:hover {
  color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }

.hollow-amber--300:hover {
  color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }

.hollow-amber--700:hover {
  color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }

.hollow-amber--400:hover {
  color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }

.hollow-amber--600:hover {
  color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }

.hollow-amber--50:hover {
  color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }

.hollow-amber--500:hover {
  color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }

.hollow-orange--300:hover {
  color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }

.hollow-orange--700:hover {
  color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }

.hollow-orange--500:hover {
  color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }

.hollow-deep-orange--100:hover {
  color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }

.hollow-deep-orange--900:hover {
  color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }

.hollow-deep-orange--800:hover {
  color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }

.hollow-deep-orange--700:hover {
  color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }

.hollow-deep-orange--600:hover {
  color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }

.hollow-deep-orange--50:hover {
  color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }

.hollow-deep-orange--500:hover {
  color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }

.hollow-brown--100:hover {
  color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }

.hollow-brown--900:hover {
  color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }

.hollow-brown--800:hover {
  color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }

.hollow-brown--300:hover {
  color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }

.hollow-brown--700:hover {
  color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }

.hollow-brown--400:hover {
  color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }

.hollow-brown--50:hover {
  color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }

.hollow-brown--500:hover {
  color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }

.hollow-grey--100:hover {
  color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }

.hollow-grey--200:hover {
  color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }

.hollow-grey--300:hover {
  color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }

.hollow-grey--700:hover {
  color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }

.hollow-grey--400:hover {
  color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }

.hollow-grey--600:hover {
  color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }

.hollow-grey--50:hover {
  color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }

.hollow-grey--500:hover {
  color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }

.hollow-blue-grey--800:hover {
  color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }

.hollow-blue-grey--700:hover {
  color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }

.hollow-blue-grey--600:hover {
  color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }

.hollow-blue-grey--500:hover {
  color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }

[data-theme="dark-ui"] [class^="big-icon--"],
[data-theme="dark-ui"] [class*=" big-icon--"] {
  color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }

[data-theme="accessible-light-ui"] [class^="icon-"],
[data-theme="accessible-light-ui"] [class*=" icon-"],
[data-theme="accessible-light-ui"] [class^="big-icon--"],
[data-theme="accessible-light-ui"] [class*=" big-icon--"] {
  color: #000; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style {
  color: #111; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
  background-color: var(--color-accessible-primary);
  border-color: var(--color-accessible-primary);
  border-top-color: #020158;
  color: #fff; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
  background-color: #020166;
  border-color: #020166;
  border-top-color: #010036; }

[data-theme="accessible-light-ui"] .sd-create-btn .circle {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .navbtn.navbtn--active {
  background-color: #444;
  color: #fff; }

[data-theme="accessible-light-ui"] .btn {
  color: var(--color-accessible-text);
  font-weight: 600;
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .btn.btn--primary {
  background-color: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .btn.btn--hollow {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .sd-list-item {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
  font-size: 1.3rem; }

[data-theme="accessible-light-ui"] .sd-list-item time {
  color: #484848;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .badge {
  font-size: 1.2rem;
  line-height: 1.1em;
  font-weight: 600; }

[data-theme="accessible-light-ui"] .side-panel {
  background-color: #fff;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .side-panel__header {
  background-color: #fff; }

[data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
  font-weight: 500;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
  font-weight: 400;
  color: #595959; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
  background-color: var(--color-bg-800);
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
  background-color: var(--color-bg-800);
  color: #fff !important; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
  color: #fff !important; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__label {
  font-weight: 600;
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__input,
[data-theme="accessible-light-ui"] .sd-input .sd-input__select {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
[data-theme="accessible-light-ui"] .sd-input .sd-input__message {
  font-size: 1.4rem;
  margin: 0.8rem 0; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
  color: #444; }

[data-theme="accessible-light-ui"] .form-label {
  font-size: 1.2rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .form-label.form-label--light {
  color: #525252; }

[data-theme="accessible-light-ui"] .navbtn {
  color: #111; }

[data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
  color: currentColor; }

[data-theme="accessible-light-ui"] .dropdown__menu-label {
  font-size: 1.2rem;
  color: #585858; }

[data-theme="accessible-light-ui"] .dropdown__toggle:active,
[data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
  color: currentColor;
  font-size: 1.5rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
  background: var(--color-accessible-primary);
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
  color: #fff; }

[data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .sd-text__slugline,
[data-theme="accessible-light-ui"] p.sd-text__slugline {
  color: var(--color-accessible-primary) !important; }

[data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
  background-color: rgba(123, 123, 123, 0.5);
  height: 2rem;
  width: 2rem;
  text-align: center;
  border-radius: 50%; }

[data-theme="accessible-light-ui"] .toggle-box__label {
  font-size: 1.4rem;
  color: var(--color-label-text);
  font-weight: 500; }

[data-theme="accessible-light-ui"] .sd-grid-item time {
  color: #484848;
  font-size: 1.3rem;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
  font-size: 1.6rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
  font-size: 2rem; }

[data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
[data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: var(--color-accessible-primary);
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
  border-bottom-color: transparent;
  color: #fff;
  opacity: 0.6; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
  border-bottom-color: rgba(255, 255, 255, 0.25);
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: #4d4dff;
  color: #fff;
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
  color: #fff; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
  color: #fff;
  opacity: 0.7; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
  color: #fff;
  opacity: 0.75; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
  opacity: 1; }

[data-theme="accessible-light-ui"] .badge.badge--primary {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .badge.badge--success {
  background-color: #006115; }

[data-theme="accessible-light-ui"] .badge.badge--warning {
  background-color: #854900; }

[data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
  background-color: var(--color-accessible-primary); }

.progress-bar-container {
  display: inline-block;
  position: relative; }

.progress-bar-container .progress-text {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.8rem;
  font-family: arial;
  color: #666;
  z-index: 1;
  line-height: 1; }

.progress-bar-container .progress-text em {
  font-size: 1rem;
  font-style: normal; }

.progress-svg {
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  display: block; }

.progress-svg circle {
  stroke: rgba(123, 123, 123, 0.4);
  stroke-width: 2;
  fill: transparent; }

.progress-svg .progressbar {
  stroke: #46a546;
  fill: transparent; }

.error .progress-svg .progressbar {
  stroke: transparent !important; }

.progress-done {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #46a546;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0 currentColor;
  transition: box-shadow 0.3s ease-in-out;
  z-index: 2; }

.progress-done i {
  color: #fff;
  text-align: center;
  margin: auto;
  align-content: center;
  transform: scale(0);
  opacity: 0;
  transition: all .14s ease-in;
  transition-delay: .2s; }

.progress-done.progress-done--completed {
  box-shadow: inset 0 0 0 50px currentColor; }

.progress-done.progress-done--completed i {
  transform: scale(1);
  opacity: 1; }

.progress-done.progress-done--error {
  color: #E51C23;
  box-shadow: inset 0 0 0 50px currentColor; }

.progress-done.progress-done--error i {
  transform: scale(1);
  opacity: 1; }

.sd-circular-progress--xs .progress-svg {
  width: 20px;
  height: 20px; }

.sd-circular-progress--xs .progress-svg circle {
  stroke-width: 2; }

.sd-circular-progress--xs .progress-text {
  display: none; }

.sd-circular-progress--xs .progress-done {
  margin: 1px; }

.sd-circular-progress--xs .progress-done i {
  transition-duration: .12s; }

.sd-circular-progress--xs .progress-done.progress-done--completed, .sd-circular-progress--xs .progress-done.progress-done--error {
  box-shadow: inset 0 0 0 10px currentColor; }

.sd-circular-progress--xs .progress-done.progress-done--completed i, .sd-circular-progress--xs .progress-done.progress-done--error i {
  transform: scale(0.8); }

.sd-circular-progress--s .progress-svg {
  width: 28px;
  height: 28px; }

.sd-circular-progress--s .progress-svg circle {
  stroke-width: 2; }

.sd-circular-progress--s .progress-text {
  display: none; }

.sd-circular-progress--s .progress-done {
  margin: 1px; }

.sd-circular-progress--s .progress-done i {
  transition-duration: .12s; }

.sd-circular-progress--s .progress-done.progress-done--completed, .sd-circular-progress--s .progress-done.progress-done--error {
  box-shadow: inset 0 0 0 16px currentColor; }

.sd-circular-progress--m .progress-svg {
  width: 52px;
  height: 52px; }

.sd-circular-progress--m .progress-svg circle {
  stroke-width: 4; }

.sd-circular-progress--m .progress-done {
  margin: 3px; }

.sd-circular-progress--m .progress-done.progress-done--completed, .sd-circular-progress--m .progress-done.progress-done--error {
  box-shadow: inset 0 0 0 26px currentColor; }

.sd-circular-progress--m .progress-done.progress-done--completed i, .sd-circular-progress--m .progress-done.progress-done--error i {
  transform: scale(1.4); }

.sd-circular-progress--l .progress-svg {
  width: 68px;
  height: 68px; }

.sd-circular-progress--l .progress-svg circle {
  stroke-width: 4; }

.sd-circular-progress--l .progress-done {
  margin: 3px; }

.sd-circular-progress--l .progress-done.progress-done--completed i, .sd-circular-progress--l .progress-done.progress-done--error i {
  transform: scale(2); }

.sd-circular-progress--xl .progress-svg {
  width: 102px;
  height: 102px; }

.sd-circular-progress--xl .progress-svg circle {
  stroke-width: 6; }

.sd-circular-progress--xl .progress-done {
  margin: 5px; }

.sd-circular-progress--xl .progress-done.progress-done--completed i, .sd-circular-progress--xl .progress-done.progress-done--error i {
  transform: scale(2.4); }

.sd-toast__container {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 40;
  overflow: hidden;
  padding: 0 20px 20px;
  pointer-events: none; }

.sd-toast__container.sd-toast__container--top {
  top: 0;
  bottom: auto; }

.sd-toast__container.sd-toast__container--top-left {
  top: 0;
  bottom: auto;
  align-items: flex-start; }

.sd-toast__container.sd-toast__container--top-right {
  top: 0;
  bottom: auto;
  align-items: flex-end; }

.sd-toast__container.sd-toast__container--bottom {
  flex-direction: column-reverse;
  top: auto;
  bottom: 0; }

.sd-toast__container.sd-toast__container--bottom-left {
  flex-direction: column-reverse;
  top: auto;
  bottom: 0;
  align-items: flex-start; }

.sd-toast__container.sd-toast__container--bottom-right {
  flex-direction: column-reverse;
  top: auto;
  bottom: 0;
  align-items: flex-end; }

.sd-toast {
  display: flex;
  align-items: flex-start;
  position: relative !important;
  margin: 2rem 0 0;
  padding: 1.2rem;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.12), 0 8px 12px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  min-width: 32rem;
  max-width: 56rem;
  pointer-events: all; }

.sd-toast--appear, .sd-toast--enter {
  transform: translateY(-40px);
  height: 0px; }

.sd-toast--appear-active, .sd-toast--enter-active {
  transform: translateY(0);
  transition-property: transform, height;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
  transition-delay: 0;
  -webkit-transition-delay: 0; }

.sd-toast.sd-toast--appear ~ .sd-toast,
.sd-toast.sd-toast--enter ~ .sd-toast {
  transform: translateY(-40px); }

.sd-toast .sd-toast__icon [class^="icon-"] {
  color: inherit;
  display: block;
  margin: 0.6rem 0.4rem 0.6rem 0.6rem; }

.sd-toast--exit {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0); }

.sd-toast--exit-active {
  opacity: 0;
  filter: blur(10px);
  transition-property: opacity, filter;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-delay: 0; }

.sd-toast.sd-toast--exit ~ .sd-toast {
  transform: translateY(0); }

.sd-toast.sd-toast--exit-active ~ .sd-toast {
  transform: translateY(-40px);
  transition-property: transform;
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-delay: 50ms; }

.sd-toast.sd-toast--default::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #333; }

.sd-toast.sd-toast--default .sd-toast__icon {
  color: #333; }

.sd-toast.sd-toast--primary::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #5ea9c8; }

.sd-toast.sd-toast--primary .sd-toast__icon {
  color: #5ea9c8; }

.sd-toast.sd-toast--success::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #46a546; }

.sd-toast.sd-toast--success .sd-toast__icon {
  color: #46a546; }

.sd-toast.sd-toast--warning::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #dd8200; }

.sd-toast.sd-toast--warning .sd-toast__icon {
  color: #dd8200; }

.sd-toast.sd-toast--alert::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #E51C23; }

.sd-toast.sd-toast--alert .sd-toast__icon {
  color: #E51C23; }

.sd-toast.sd-toast--highlight::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #9c27b0; }

.sd-toast.sd-toast--highlight .sd-toast__icon {
  color: #9c27b0; }

.sd-toast.sd-toast--sd-green::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #1eb06c; }

.sd-toast.sd-toast--sd-green .sd-toast__icon {
  color: #1eb06c; }

.sd-toast.sd-toast--fixed-s {
  width: 32rem; }

.sd-toast.sd-toast--fixed-m {
  width: 40rem; }

.sd-toast.sd-toast--fixed-l {
  width: 48rem; }

.sd-toast.sd-toast--fixed-xl {
  width: 56rem; }

.sd-toast__message {
  flex: 1 1 auto;
  padding: 0.4rem 1.2rem 0.4rem 1.2rem;
  font-size: 1.4rem;
  line-height: 150%;
  color: #747474; }

.sd-toast__message p + p {
  margin-top: 0.8rem; }

.sd-toast__message-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.2rem; }

.sd-toast__message-header time {
  font-size: 1.2rem;
  color: #999;
  margin-right: 0.2rem; }

.sd-toast__message-header .sd-toast__heading {
  flex-grow: 1; }

.sd-toast__heading, h4 {
  font-size: inherit;
  font-weight: 600; }

.sd-toast__actions {
  flex: 0 0 auto;
  opacity: 0.4;
  margin: -0.2rem -0.4rem 0 0; }

.sd-toast__icon {
  flex: 0 0 auto; }

.sd-toast__avatar {
  flex: 0 0 auto;
  margin: 0.6rem 0.4rem 0.6rem 0.6rem; }

.sd-toast__container--bottom .sd-toast.sd-toast--enter:not(.sd-toast--enter-active),
.sd-toast__container--bottom .sd-toast.sd-toast--enter:not(.sd-toast--enter-active) ~ .sd-toast,
.sd-toast__container--bottom .sd-toast.sd-toast--leave-active ~ .sd-toast, .sd-toast__container--bottom-left .sd-toast.sd-toast--enter:not(.sd-toast--enter-active),
.sd-toast__container--bottom-left .sd-toast.sd-toast--enter:not(.sd-toast--enter-active) ~ .sd-toast,
.sd-toast__container--bottom-left .sd-toast.sd-toast--leave-active ~ .sd-toast, .sd-toast__container--bottom-right .sd-toast.sd-toast--enter:not(.sd-toast--enter-active),
.sd-toast__container--bottom-right .sd-toast.sd-toast--enter:not(.sd-toast--enter-active) ~ .sd-toast,
.sd-toast__container--bottom-right .sd-toast.sd-toast--leave-active ~ .sd-toast {
  transform: translateY(6rem); }

.subnav {
  position: relative;
  display: flex;
  height: 4.8rem;
  background: var(--subNavBG-50);
  border-bottom: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 3;
  align-items: center;
  color: #333;
  flex-shrink: 0; }

.subnav--padded {
  padding: 10px 20px; }

.subnav--darker {
  background: var(--subNavBG-100) !important; }

.subnav--dark-blue-grey, .subnav--blueGreyDarker {
  background: var(--subNavBG-blueGrey-600) !important;
  color: #fff; }

.subnav--dark-blue-grey .navbtn:hover, .subnav--blueGreyDarker .navbtn:hover {
  background: rgba(255, 255, 255, 0.2); }

.subnav--mid-blue-grey, .subnav--blueGrey {
  background: var(--subNavBG-blueGrey-500) !important;
  color: #fff; }

.subnav--dark-ui, .subnav--darkUi {
  background: var(--subNavBG-darkUi) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 0 0 rgba(0, 0, 0, 0.1);
  color: #fff; }

.subnav--absolute {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0; }

.subnav + .subnav, .subnav--lower-z-index {
  z-index: 2 !important; }

.subnav .sd-check__group {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center; }

.subnav__element-grow {
  flex-grow: 1; }

.subnav__page-title {
  padding: 1rem 2rem;
  color: inherit;
  font-size: 1.8rem;
  line-height: 2.8rem;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400; }

.subnav__page-title--no-grow {
  flex-grow: 0; }

.subnav__desk-stage {
  flex-grow: 1; }

.subnav.subnav--level2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  box-shadow: none; }

.subnav__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0 16px;
  color: #333;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: #d2e5ed;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.subnav__sliding-toolbar--right {
  text-align: right;
  justify-content: flex-end; }

.subnav__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center; }

.subnav__sliding-toolbar .sliding-toolbar__inner--right {
  text-align: right; }

.subnav__sliding-toolbar .sliding-toolbar__info-text {
  font-weight: 300;
  opacity: 0.75; }

.subnav__sliding-toolbar .btn + .sliding-toolbar__info-text {
  margin-left: 1rem; }

:root {
  --color-navbutton-border:            rgba(0,0,0,.1);
  --color-navbutton-bg-hover:          rgba(0,0,0, 0.05);
  --color-navbutton-bg-active:         rgba(255,255,255,1);
  --color-navbutton-dropdown-open-bg:  rgba(255, 255, 255, 1);
  --color-navbutton-bg-100:            rgba(0,0,0,.06);
  --color-navbutton-bg-100-hover:      rgba(0,0,0,.12); }

.sd-top-menu {
  --color-navbutton-border:            rgba(255,255,255,0.06); }

.subnav--dark-ui,
[data-theme="dark-ui"] {
  --color-navbutton-border:            rgba(0,0,0,.15);
  --color-navbutton-bg-hover:          rgba(0,0,0,.1);
  --color-navbutton-bg-active:         rgba(255,255,255,.08);
  --color-navbutton-bg-100:            rgba(0,0,0,.1);
  --color-navbutton-bg-100-hover:      rgba(0,0,0,.2); }

.sd-navbtn {
  position: relative;
  height: 4.8rem;
  width: 4.8rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border: 0;
  border: 1px solid var(--color-navbutton-border);
  border-width: 0 0 0 1px;
  cursor: pointer;
  transition: all 0.2s ease-out, color 0.1s ease-out; }

.sd-navbtn i {
  opacity: 0.75;
  vertical-align: baseline !important;
  transition: opacity 0.2s ease-out; }

.sd-navbtn [class^="big-icon--"], .sd-navbtn [class*=" big-icon--"],
.sd-navbtn [class^="icon-"], .sd-navbtn [class*=" icon-"] {
  color: currentColor; }

.sd-navbtn:hover {
  background: var(--color-navbutton-bg-hover); }

.sd-navbtn:hover > i {
  opacity: 1; }

.sd-navbtn:active {
  background: var(--color-navbutton-bg-active); }

.sd-navbtn:active > i {
  opacity: 1; }

.sd-navbtn.sd-navbtn--highlight {
  background: #9c27b0;
  border-color: #89229b;
  color: #fff; }

.sd-navbtn.sd-navbtn--highlight:hover {
  background-color: #89229b;
  border-color: #771e86; }

.sd-navbtn.sd-navbtn--highlight:active {
  background-color: #af2cc5;
  border-color: #89229b; }

.sd-navbtn.sd-navbtn--darker {
  background: var(--color-navbutton-bg-100); }

.sd-navbtn.sd-navbtn--darker:hover {
  background-color: var(--color-navbutton-bg-100-hover); }

.sd-navbtn.sd-navbtn--darker:active {
  background-color: var(--color-navbutton-bg-active); }

.sd-navbtn.sd-navbtn--primary, .sd-navbtn.sd-navbtn--active {
  background: #5ea9c8;
  border-color: #4b9fc2;
  color: #fff; }

.sd-navbtn.sd-navbtn--primary:hover, .sd-navbtn.sd-navbtn--active:hover {
  background-color: #4b9fc2;
  border-color: #3e92b5; }

.sd-navbtn.sd-navbtn--primary:active, .sd-navbtn.sd-navbtn--active:active {
  background-color: #71b3ce;
  border-color: #4b9fc2; }

.sd-navbtn--left {
  border-width: 0 1px 0 0; }

.sd-navbtn--textual {
  width: auto;
  padding-left: 0.8rem;
  padding-right: 0.8rem; }

.sd-navbtn--textual .sd-navbtn__text {
  display: inline-flex;
  font-size: 1.4rem;
  position: relative;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  margin-right: 0.4rem;
  margin-left: 0.8rem; }

.sd-navbtn--textual i {
  margin-left: 0.4rem; }

.sd-navbtn .badge {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  z-index: 1; }

.dropdown .sd-navbtn.sd-navbtn--textual .sd-navbtn__text {
  color: currentColor;
  padding-right: 16px; }

.dropdown .sd-navbtn.sd-navbtn--textual .sd-navbtn__text::after {
  content: '';
  display: inline-flex;
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  vertical-align: middle;
  margin-left: 8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  opacity: .75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in; }

.dropdown.open .sd-navbtn {
  background-color: var(--color-navbutton-dropdown-open-bg);
  position: relative;
  box-shadow: 0 8px 0 0px var(--color-navbutton-dropdown-open-bg), -2px -1px 8px -2px rgba(0, 0, 0, 0.24), 3px -1px 8px -2px rgba(0, 0, 0, 0.24);
  border-color: transparent !important;
  z-index: 1001; }

.dropdown.open .sd-navbtn i {
  opacity: 1;
  color: #5ea9c8; }

.dropdown.open .sd-navbtn.sd-navbtn--textual .sd-navbtn__text::after {
  opacity: 1; }

.navbtn {
  position: relative;
  display: inline-block;
  height: 4.8rem;
  width: 4.8rem;
  padding: 0 10px;
  background: transparent;
  color: inherit;
  text-align: center;
  line-height: 5.6rem;
  text-decoration: none;
  border: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.navbtn i {
  opacity: 0.75;
  vertical-align: baseline !important;
  transition: opacity 0.2s ease-out; }

.navbtn [class^="big-icon--"],
.navbtn [class*=" big-icon--"] {
  line-height: 1;
  color: currentColor;
  display: block; }

.navbtn .big-icon--send-to {
  margin-left: 0.3rem; }

.navbtn [class^="icon-"],
.navbtn [class*=" icon-"] {
  color: currentColor; }

.navbtn:hover {
  background: rgba(255, 255, 255, 0.5); }

.navbtn:hover > i {
  opacity: 1; }

.navbtn.navbtn--left {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.1); }

.navbtn.navbtn--blue {
  background: #5ea9c8;
  border-left: 1px solid #84bdd5;
  color: #fff; }

.navbtn.navbtn--blue.disabled {
  background: #898989; }

.navbtn.navbtn--text-only {
  width: auto;
  line-height: 4.8rem;
  padding: 0 20px;
  border-left: none;
  font-size: 1.5rem; }

.navbtn.navbtn--border-r {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }

.navbtn.navbtn--highlighted {
  background-color: #9c27b0 !important;
  transition: all 0.3s;
  padding: 0 0 0 9px;
  color: #fff; }

.navbtn.navbtn--highlighted:hover {
  background-color: #771e86; }

.navbtn.navbtn--darker {
  background-color: rgba(0, 0, 0, 0.05); }

.navbtn.navbtn--active {
  background-color: #5ea9c8; }

.navbtn.navbtn--active > i {
  opacity: 1;
  color: #fff; }

.navbtn.navbtn--publish {
  background-color: rgba(0, 0, 0, 0.05); }

.subnav--dark-ui .navbtn:hover {
  background-color: rgba(255, 255, 255, 0.06); }

.dropdown.open .navbtn {
  background: white;
  box-shadow: -2px -1px 5px -2px rgba(0, 0, 0, 0.2), 3px -1px 5px -2px rgba(0, 0, 0, 0.2);
  z-index: 1001; }

.dropdown.open .navbtn > i {
  opacity: 1;
  color: #5ea9c8; }

.dropdown.open .sd-create-btn i {
  color: #fff; }

.subnav__stretch-bar {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
  align-items: center; }

.subnav__stretch-bar.subnav__stretch-bar--right {
  text-align: right;
  justify-content: flex-end; }

.subnav__content-bar {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 1;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
  align-items: center; }

.subnav__content-bar.subnav__content-bar--right {
  text-align: right;
  justify-content: flex-end; }

.subnav__spacer {
  width: 1px;
  height: 4.8rem;
  flex-grow: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin: auto 2rem; }

.subnav__spacer--dotted {
  border-left: 1px dotted rgba(0, 0, 0, 0.3);
  height: 2.4rem; }

.subnav__spacer--no-r-margin {
  margin-right: -0.1rem; }

.subnav__spacer--no-l-margin {
  margin-left: 0; }

.subnav__spacer--no-margin {
  margin-left: 0;
  margin-right: 0; }

.subnav__button-stack {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center; }

.subnav__button-stack--square-buttons {
  height: 48px;
  margin: 0 0 0 16px;
  display: flex;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  max-width: 100%; }

.subnav__button-stack--custom-buttons {
  margin: 0 auto;
  padding: 10px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px;
  box-sizing: border-box;
  display: flex;
  max-width: 100%; }

.subnav__button-stack--custom-buttons .btn {
  flex-grow: 0;
  margin: 0 4px; }

.subnav__button-stack--custom-buttons .btn__text--short {
  display: none; }

.subnav__button-stack--custom-buttons .btn__text {
  display: inline; }

.subnav__button-stack--right {
  text-align: right;
  padding-right: 2rem; }

.subnav__button-stack--padded {
  padding: 0 1rem;
  flex-shrink: 0; }

.subnav__button-stack--custom-buttons .btn__text--short {
  display: none; }

.subnav__button-stack--custom-buttons .btn__text {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text--short {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text {
  display: none; }

.subnav__button-stack--default {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 10px 0; }

.subnav__button-stack--default .btn {
  flex-grow: 0;
  margin: 0 4px; }

.subnav__button-stack--default .btn--close .btn__text--alt-icon {
  display: none; }

.subnav__button-stack--default .btn--close .btn__text {
  display: inline; }

.subnav__button-stack--default.compact .btn--close {
  padding: 0 3px 0 6px; }

.subnav__button-stack--default.compact .btn--close .btn__text--alt-icon {
  display: inline;
  opacity: 0.7; }

.subnav__button-stack--default.compact .btn--close .btn__text {
  display: none; }

.subnav--responsive .navbtn.navbtn--text-only {
  font-size: 1.4rem; }

.subnav--responsive .subnav__stretch-bar {
  margin-right: 0; }

.subnav--responsive .subnav__spacer {
  margin-left: 1.2rem; }

.subnav--responsive #planning-dropdown {
  display: none;
  margin-left: -1.2rem; }

.subnav--responsive .dropdown__toggle {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2.6rem !important; }

.subnav--responsive .dropdown__toggle .dropdown__caret {
  position: absolute;
  top: 50%;
  right: 1rem; }

.subnav--responsive .navbtn {
  flex-shrink: 0; }

.subnav--responsive .navbtn.navbtn--text-only {
  flex-shrink: 1;
  padding: 0 1.2rem; }

.sd-page-content--slide-in--open .subnav--responsive .sd-check__wrapper + .sd-check__wrapper {
  margin-left: 0.4rem; }

.sd-page-content--slide-in--open .subnav--responsive .subnav__stretch-bar {
  margin: 0 1.2rem;
  margin-right: 0; }

.sd-page-content--slide-in--open .subnav--responsive .subnav__button-stack--padded {
  padding: 0 0.6rem; }

.sd-page-content--slide-in--open .subnav--responsive .navbtn.navbtn--text-only {
  font-size: 1.3rem; }

@media only screen and (max-width: 1366px) {
  .sd-page-content--slide-in--open .sd-page-content__content-block--30-slide {
    width: 50rem; }
  .sd-page-content--slide-in--open .sd-page-content__content-block--main {
    width: calc(100vw - 54.8rem); } }

@media only screen and (max-width: 800px) {
  .subnav--responsive #planning-dropdown {
    display: block; }
  .subnav--responsive #planning-buttons {
    display: none; }
  .subnav--responsive .dropdown__toggle {
    max-width: 160px; }
  .subnav--responsive.compact--level-1 .dropdown__toggle {
    max-width: 160px; } }

@media only screen and (max-width: 1024px) {
  .subnav--responsive.compact--level-1 #planning-dropdown {
    display: block; }
  .subnav--responsive.compact--level-1 #planning-buttons {
    display: none; } }

@media only screen and (max-width: 1480px) {
  .sd-page-content--slide-in--open .subnav--responsive.compact--level-1 #planning-dropdown {
    display: block; }
  .sd-page-content--slide-in--open .subnav--responsive.compact--level-1 #planning-buttons {
    display: none; } }

@media only screen and (max-width: 1250px) {
  .sd-page-content--slide-in--open .subnav--responsive #planning-dropdown {
    display: block; }
  .sd-page-content--slide-in--open .subnav--responsive #planning-buttons {
    display: none; }
  .sd-page-content--slide-in--open .subnav--responsive .dropdown__toggle {
    max-width: 160px; } }

.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.dropdown a {
  color: #333; }

.dropdown a:hover {
  text-decoration: none; }

.dropdown button {
  -webkit-appearance: none; }

.dropdown__toggle {
  cursor: pointer; }

.dropdown__toggle i {
  vertical-align: sub; }

.dropdown.dropdown--hover:hover .dropdown__menu {
  display: block; }

.dropdown__toggle:active,
.dropdown.open .dropdown__toggle {
  outline: 0;
  color: #5ea9c8; }

.dropdown.open .dropdown .dropdown__toggle {
  color: #333; }

.dropdown__more-actions .dropdown__toggle > i {
  opacity: 0.3; }

.dropdown__more-actions .dropdown__toggle:hover > i,
.dropdown__more-actions.open .dropdown__toggle > i {
  opacity: 1; }

.dropdown__caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  opacity: .3;
  content: "";
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in; }

.dropdown__caret.dropdown__caret--white, .dropdown__caret.white {
  border-top-color: #fff; }

.dropdown:hover .dropdown__caret,
.dropdown.open .dropdown__caret {
  opacity: 1; }

.dropdown.open .dropdown__caret {
  border-top-color: #5ea9c8; }

.dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  text-align: left; }

.dropdown__menu li a:not(.btn), .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button), .dropdown__menu .dropdown__menu-item a:not(.btn), .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
  display: block;
  font-weight: normal;
  line-height: 1.8rem;
  white-space: nowrap;
  width: 100%;
  min-width: 200px;
  position: relative;
  color: #333;
  background: none;
  padding: .6rem 1.6rem;
  margin-bottom: .2rem;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: left; }

.dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li a:not(.btn) i[class*=" icon-"], .dropdown__menu li a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"] {
  margin-right: 1rem;
  margin-top: -0.3rem;
  min-width: 1.9rem;
  vertical-align: middle; }

.dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"] {
  margin-right: 1rem;
  margin-top: -0.3rem;
  min-width: 1.9rem;
  vertical-align: middle; }

.dropdown__menu li a:not(.btn).disabled, .dropdown__menu li a:not(.btn)[disabled], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled], .dropdown__menu .dropdown__menu-item a:not(.btn).disabled, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled] {
  opacity: .5; }

.dropdown__menu li a:not(.btn):hover, .dropdown__menu li a:not(.btn):focus, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus, .dropdown__menu .dropdown__menu-item a:not(.btn):hover, .dropdown__menu .dropdown__menu-item a:not(.btn):focus, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
  background: #eff7fa;
  text-decoration: none;
  cursor: pointer; }

.dropdown__menu li a:not(.btn):active, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active, .dropdown__menu .dropdown__menu-item a:not(.btn):active, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active {
  background: #c8e4ee; }

.dropdown__menu li a:not(.btn).disabled:hover, .dropdown__menu li a:not(.btn)[disabled]:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover, .dropdown__menu .dropdown__menu-item a:not(.btn).disabled:hover, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled]:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover {
  background: none;
  cursor: default; }

.dropdown__menu li .preferred-desk, .dropdown__menu .dropdown__menu-item .preferred-desk {
  background-color: #d0e6ef !important; }

.dropdown__menu.dropdown__menu--plain li, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item {
  padding: .5rem .7rem; }

.dropdown__menu.dropdown__menu--plain li:hover, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item:hover {
  background: #eff7fa;
  cursor: pointer; }

.dropdown__menu--has-head-foot {
  padding: 0; }

.dropdown__menu--has-head-foot .dropdown__menu-label {
  margin: 0.4rem 0; }

.dropdown__menu--has-head-foot .dropdown__menu-header {
  flex: 0 0;
  padding: 0.6rem 0;
  margin: 0; }

.dropdown__menu--has-head-foot .dropdown__menu-header .dropdown__menu-label {
  margin: 0.6rem 0 0.4rem; }

.dropdown__menu--has-head-foot .dropdown__menu-body {
  overflow-y: auto;
  flex: 0 1;
  padding: 0.6rem 0; }

.dropdown__menu--has-head-foot .dropdown__menu-body:first-child .dropdown__menu-label {
  margin: 0.6rem 0 0.4rem; }

.dropdown__menu--has-head-foot .dropdown__menu-footer {
  flex: 0 0;
  padding: 0.6rem 0;
  margin: 0; }

.dropdown__menu--has-head-foot.open {
  display: flex; }

.dropdown__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown__menu .dropdown__menu-item--active button, .dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: #84bdd5 !important;
  color: white !important; }

.dropdown__menu .dropdown__menu-item--active button [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" icon-"],
.dropdown__menu .dropdown__menu-item--active button [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" icon-"],
.dropdown__menu .dropdown__menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" filetype-icon-"] {
  color: white !important; }

.dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: #5ea9c8 !important; }

.dropdown__menu .dropdown__menu-item--highlighted {
  background-color: #c245ff; }

.dropdown__menu .dropdown__menu-item--no-link {
  font-weight: 400;
  line-height: 1.8rem;
  position: relative;
  color: #747474;
  padding: .6rem 1.6rem;
  margin-bottom: .2rem;
  font-size: 1.3rem;
  text-align: left; }

.dropdown__menu label {
  display: inline-block;
  margin: 0; }

.dropdown__menu label + .dropdown__menu-info {
  margin-left: 4px; }

.dropdown__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #999;
  font-weight: 500;
  padding-left: 1.6rem;
  margin-bottom: .6rem; }

.dropdown__menu-label .dropdown__menu-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
  opacity: .3;
  background-color: transparent;
  cursor: pointer; }

.dropdown__menu-label .dropdown__menu-close i {
  margin-right: 0 !important; }

.dropdown__menu-label .dropdown__menu-close:hover, .dropdown__menu-label .dropdown__menu-close:focus {
  background-color: transparent;
  opacity: 1; }

.dropdown__menu-header {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.6rem; }

.dropdown__menu-footer {
  padding: 1rem;
  margin-top: 0.6rem;
  border-top: 1px solid #e5e5e5; }

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

.dropdown__menu-footer--has-list {
  padding: 0.6rem 0 0 0;
  margin-bottom: -0.4rem; }

.dropdown__menu-info {
  color: #999;
  font-style: italic;
  vertical-align: middle; }

.dropdown__menu-item {
  padding: 0; }

.dropdown__menu-item--left-10 {
  padding-left: 1rem; }

.dropdown__menu--padded-l10 > li {
  padding-left: 1rem; }

.dropdown__menu--padded-l10 .dropdown__menu-item {
  padding: 0; }

.dropdown__menu--right {
  right: 0;
  left: auto; }

.dropdown__menu .menu-item--active button, .dropdown__menu .menu-item--active button:hover {
  background-color: #84bdd5;
  color: white; }

.dropdown__menu .menu-item--active button [class^="icon-"], .dropdown__menu .menu-item--active button [class*=" icon-"],
.dropdown__menu .menu-item--active button [class^="filetype-icon-"], .dropdown__menu .menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class^="icon-"], .dropdown__menu .menu-item--active button:hover [class*=" icon-"],
.dropdown__menu .menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class*=" filetype-icon-"] {
  color: white; }

.dropdown__menu .menu-item--active button:hover {
  background-color: #5ea9c8; }

.dropdown.open > .dropdown__menu {
  display: block; }

.dropdown.open > .dropdown__menu.dropdown__menu--scrollable {
  max-height: 36rem;
  overflow: auto;
  overflow-x: hidden; }

.dropdown.open > .dropdown__menu.dropdown__menu--has-head-foot {
  display: flex;
  flex-direction: column;
  max-height: 36rem; }

.dropdown--align-right .dropdown__menu, .dropdown--align-right.dropdown__menu {
  left: auto;
  right: 0; }

.dropdown--align-right .dropdown__menu:before, .dropdown--align-right.dropdown__menu:before {
  left: auto;
  right: 10px; }

.dropdown--dropup .dropdown__caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "\2191";
  -webkit-transition: all 0.2s eas-in;
  -moz-transition: all 0.2s eas-in;
  -ms-transition: all 0.2s eas-in;
  -o-transition: all 0.2s eas-in;
  transition: all 0.2s eas-in; }

.dropdown--dropup .dropdown__menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 4px; }

.dropdown--dropup.open .dropdown__caret {
  border-bottom-color: #5ea9c8 !important; }

.dropdown--dropleft {
  display: inline-block;
  vertical-align: middle; }

.dropdown--dropleft .dropdown__menu {
  top: -2.3rem;
  left: auto;
  right: calc(100% + 0.3rem); }

.dropdown--dropright {
  display: inline-block;
  vertical-align: middle; }

.dropdown--dropright .dropdown__menu {
  top: -2.3rem;
  left: 100%; }

.dropdown--dropright.open .dropdown__caret {
  transform: rotate(-90deg); }

.dropdown--dropleft.open .dropdown__caret {
  transform: rotate(90deg); }

.dropdown--dropright.dropdown--dropup .dropdown__menu, .dropdown--dropleft.dropdown--dropup .dropdown__menu {
  bottom: -2.3rem;
  top: auto; }

.dropdown--noarrow {
  display: inline-block; }

.dropdown--noarrow .dropdown__menu {
  margin: 0;
  max-height: 250px;
  overflow: auto; }

.dropdown--noarrow .dropdown__menu:before {
  display: none; }

.dropdown--noarrow .dropdown .dropdown__toggle {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap; }

.dropdown--noarrow.open li > .dropdown .dropdown__toggle {
  display: block;
  padding: 5px 7px;
  margin: 0;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap; }

.dropdown--noarrow.dropdown--no-scroll .dropdown__menu {
  max-height: none;
  overflow: visible; }

.dropdown--bigger .dropdown__menu {
  min-width: 238px; }

.dropdown--bigger-500 .dropdown__menu {
  min-width: 300px; }

.dropdown--more-activity .dropdown__menu {
  min-width: 0;
  padding: 5px;
  border-radius: 0px;
  border: 0;
  z-index: 1;
  margin-top: -1px; }

.dropdown--more-activity .dropdown__menu:before {
  display: none; }

.dropdown--more-activity .dropdown__menu li {
  display: inline-block;
  vertical-align: middle; }

.dropdown--more-activity .dropdown__menu li a {
  padding: 0; }

.dropdown--more-activity .dropdown__menu li a i {
  margin-right: 0; }

.dropdown--more-activity .dropdown__menu li a span {
  display: none; }

.dropdown__button-label {
  display: inline-block;
  color: inherit;
  font-weight: 300;
  opacity: 0.65;
  padding-right: 0.5rem;
  letter-spacing: 0.02rem; }

.dropdown.dropdown--dark .dropdown__toggle {
  text-align: left;
  background: rgba(127, 127, 127, 0.5);
  padding: 0.7rem 1.5rem;
  border-radius: 2px;
  color: #fff; }

.dropdown.dropdown--dark .dropdown__toggle .dropdown__caret {
  border-top-color: #fff;
  margin-left: 1rem; }

.dropdown.dropdown--dark .dropdown__toggle--small {
  padding: 0.5rem 1.5rem; }

.dropdown.dropdown--dark .dropdown__toggle--hollow {
  border: 1px solid rgba(127, 127, 127, 0.75);
  background: none; }

.dropdown.dropdown--dark .dropdown__toggle--line {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.dropdown.dropdown--dark .dropdown__toggle--line:hover {
  border-bottom-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.1); }

.dropdown.dropdown--dark .dropdown__toggle--line:focus {
  border-color: #5ea9c8;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0 0 #5ea9c8; }

.dropdown.dropdown--dark.open .dropdown__toggle--hollow {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.1); }

.dropdown.dropdown--dark.open .dropdown__toggle--line {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0 0 #5ea9c8, inset 0 0px 0 1px rgba(89, 169, 201, 0.4); }

.dropdown.dropdown--full-width {
  width: 100%; }

.dropdown.dropdown--full-width .dropdown__toggle .dropdown__caret {
  float: right;
  margin-top: 6px; }

.dropdown__menu--multiedit {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }

.dropdown__menu--multiedit li {
  margin-bottom: 4px; }

.dropdown__menu--multiedit li button {
  width: 300px !important;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  border-radius: 0; }

.dropdown__menu--multiedit li button i {
  position: absolute;
  right: -5px;
  top: 9px; }

.dropdown__menu--multiedit li button.disabled, .dropdown__menu--multiedit li button.disabled:hover {
  background: #f0f0f0; }

.dropdown__menu--multiedit li button.disabled i, .dropdown__menu--multiedit li button.disabled:hover i {
  opacity: .2; }

.dropdown__menu--multiedit li .msg {
  padding: 0 20px; }

.dark-ui .dropdown__caret {
  border-top-color: #fff; }

.dark-ui .dropdown.open .dropdown__caret {
  border-top-color: #5ea9c8; }

.dropdown.open li .dropdown {
  display: block;
  float: none; }

.dropdown.open li .dropdown .dropdown__toggle {
  padding-right: 2.4rem; }

.dropdown.open li .dropdown .dropdown__toggle::after {
  position: absolute;
  right: 0.8rem;
  top: 22%;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-family: 'sd_icons';
  content: "\E643";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  opacity: .4; }

.dropdown.open li .dropdown:not(.open) .dropdown__menu {
  display: none; }

.dropdown.open li .dropdown > .dropdown__menu {
  left: 100%;
  right: auto;
  top: 0;
  min-width: 160px;
  z-index: 10; }

.dropdown.open li .dropdown > .dropdown__menu.dropdown__menu--submenu-left {
  left: auto;
  right: 100%; }

.dropdown.open li .dropdown > .dropdown__menu.upward {
  top: auto;
  bottom: -16px; }

.dropdown.open li .dropdown > .dropdown__menu.dropdown--align-right {
  left: auto;
  right: 100%; }

.dropdown.open li .dropdown.dropdown--dropup > .dropdown__menu {
  top: auto;
  bottom: 0; }

.dropdown.open li .dropdown:hover > .dropdown__menu {
  display: block; }

.dropdown.dropdown--dropup.open li .dropdown > .dropdown__menu {
  top: auto;
  bottom: -16px; }

.dropdown.dropdown--input-addon {
  position: absolute;
  right: 12px;
  margin-top: -1px; }

.dropdown.dropdown--input-addon > .dropdown__toggle {
  height: 22px;
  line-height: 0;
  padding: 2px 6px;
  box-shadow: none;
  margin-bottom: 2px;
  background-color: transparent;
  box-shadow: none; }

.dropdown.dropdown--input-addon > .dropdown__toggle .dropdown__caret {
  padding: 0px;
  margin-left: 0; }

.dropdown.dropdown--input-addon.open > .dropdown__toggle {
  background-color: transparent; }

.dropdown.dropdown--big > .dropdown__toggle,
.navbtn.dropdown > .dropdown__toggle {
  padding: 0 15px;
  display: block;
  color: #333;
  height: 4.8rem;
  text-align: center;
  line-height: 4.8rem;
  font-size: 15px;
  position: relative;
  z-index: 2;
  background: transparent; }

.dropdown.dropdown--big > .dropdown__toggle:hover,
.navbtn.dropdown > .dropdown__toggle:hover {
  background: rgba(255, 255, 255, 0); }

.dropdown.dropdown--big > .dropdown__toggle.condensed,
.navbtn.dropdown > .dropdown__toggle.condensed {
  padding: 0 14px; }

.dropdown.dropdown--big.open > .dropdown__toggle,
.navbtn.dropdown.open > .dropdown__toggle {
  background: #fff;
  color: #333;
  box-shadow: -3px 0px 1px -2px #999,3px 0px 1px -2px #999;
  z-index: 3; }

.dropdown.dropdown--big.open > .dropdown__toggle.sd-create-btn .circle,
.navbtn.dropdown.open > .dropdown__toggle.sd-create-btn .circle {
  width: 32px;
  height: 32px;
  margin-top: 8px;
  margin-left: 0; }

.dropdown.dropdown--big .caret,
.navbtn.dropdown .caret {
  margin-left: 15px; }

.dropdown.dropdown--big .dropdown__menu,
.navbtn.dropdown .dropdown__menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: 0;
  z-index: 2;
  margin-top: -1px;
  min-width: 200px;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.35);
  padding: 10px 0; }

.dropdown.dropdown--big .dropdown__menu:before,
.navbtn.dropdown .dropdown__menu:before {
  display: none; }

.dropdown.dropdown--big .dropdown__menu li > a, .dropdown.dropdown--big .dropdown__menu li > button, .dropdown.dropdown--big .dropdown__menu li > span,
.navbtn.dropdown .dropdown__menu li > a,
.navbtn.dropdown .dropdown__menu li > button,
.navbtn.dropdown .dropdown__menu li > span {
  margin: 0;
  min-width: 225px;
  padding: 6px 16px;
  line-height: 19px; }

.dropdown.dropdown--big .dropdown__menu li > span,
.navbtn.dropdown .dropdown__menu li > span {
  display: block; }

.dropdown.dropdown--big .dropdown__menu li > span:hover,
.navbtn.dropdown .dropdown__menu li > span:hover {
  background: none; }

.dropdown.dropdown--big .dropdown__menu li > .dropdown__menu-label,
.navbtn.dropdown .dropdown__menu li > .dropdown__menu-label {
  min-width: 205px; }

.dropdown.dropdown--big .dropdown__menu li button.full,
.navbtn.dropdown .dropdown__menu li button.full {
  width: 100%;
  margin: 0;
  height: 41px;
  padding: 10px 10px;
  border-top: 1px solid #e0e0e0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px; }

.dropdown.dropdown--big .dropdown__menu li button.full i,
.navbtn.dropdown .dropdown__menu li button.full i {
  margin-right: 10px; }

.dropdown.dropdown--big .dropdown__menu li button.full:hover,
.navbtn.dropdown .dropdown__menu li button.full:hover {
  background: #5ea9c8;
  color: #fff; }

.dropdown.dropdown--big .dropdown__menu li:active > button,
.navbtn.dropdown .dropdown__menu li:active > button {
  background: #5ea9c8;
  color: #fff; }

.dropdown.dropdown--big .dropdown__menu .fieldset button,
.navbtn.dropdown .dropdown__menu .fieldset button {
  display: inline-block;
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-right: 10px;
  float: right; }

.navbtn.dropdown {
  padding: 0; }

.dropdown2 {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.form__row {
  width: 100%;
  padding-bottom: 2rem; }

.form__row--flex {
  display: flex;
  align-items: baseline; }

.form__row--no-padding {
  padding-bottom: 0; }

.form__row--small-padding, .form__row--s-padding {
  padding-bottom: 0.8rem; }

.form__row--l-padding {
  padding-bottom: 3rem; }

.form__row--xl-padding {
  padding-bottom: 4rem; }

.form__row--inner {
  padding-bottom: 0;
  padding-top: 1rem; }

.form__row--bordered {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(123, 123, 123, 0.3); }

.form__row--bordered:first-child, .form__row--bordered:only-child {
  border-top: 1px solid rgba(123, 123, 123, 0.3); }

.form__row--flex-NEW {
  display: flex;
  align-items: baseline; }

.form__row--flex .sd-line-input {
  flex-grow: 1; }

.form__row--flex .sd-line-input + .btn {
  flex-grow: 0;
  vertical-align: bottom;
  margin: 0 0 0 1.2rem; }

.form__row--flex .sd-line-input + .sd-line-input {
  margin-left: 1.2rem; }

.form__row--flex .form__row-item {
  flex-basis: 0;
  flex-grow: 1;
  margin: 0 0.6rem; }

.form__row--flex .form__row-item:first-child {
  margin-left: 0; }

.form__row--flex .form__row-item:last-child {
  margin-right: 0; }

.form__row--flex .form__row-item:only-child {
  margin: 0; }

.form__row--flex .form__row-item--no-grow {
  flex-basis: auto;
  flex-grow: 0; }

.form__row label,
.form__row-item label {
  vertical-align: middle;
  line-height: 100%;
  margin-right: 0.6rem;
  -webkit-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  -ms-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in; }

.form__row label.form__row-label.form-label,
.form__row-item label.form__row-label.form-label {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0; }

.form__row label + div,
.form__row-item label + div {
  margin-top: .4rem; }

.form__row label + div .label,
.form__row-item label + div .label {
  margin-bottom: .3rem; }

.label--active {
  color: #479dc0; }

.form__block {
  display: block;
  margin-bottom: 1rem;
  padding: 2rem;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.form__block--light {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.form__heading {
  font-size: 1.6rem;
  padding-bottom: 1.2rem;
  line-height: 120%; }

.form__group {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start; }

.form__group--rows {
  flex-direction: column; }

.form__header {
  margin-bottom: 1rem;
  font-size: 1.6rem; }

.form__label {
  margin-bottom: 0.8rem; }

.form__item {
  flex: 1 1 0;
  min-width: 12rem;
  margin: 0 0.6rem 3rem; }

.form__item--auto-width {
  flex-grow: 0;
  min-width: 0;
  flex-basis: auto; }

.form__item:first-child {
  margin-left: 0; }

.form__item:last-child {
  margin-right: 0; }

.form__text-block {
  min-height: 2.8rem;
  margin-top: 1.6rem;
  padding-top: 0.6rem;
  color: inherit;
  font-size: 1.3rem; }

.form__item.form__item--auto-width .btn {
  margin-top: 1.6rem; }

.form__group.form__group--inline-label .sd-input {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto; }

.form__group.form__group--inline-label .sd-input .sd-input__label {
  grid-row: 2/3;
  grid-column: 1/2;
  padding: 1rem 1rem 0 0; }

.form__group.form__group--inline-label .form__text-block {
  margin-top: 0; }

.form__group.form__group--inline-label .form__item.form__item--auto-width .btn {
  margin-top: 0; }

.sd-form-element {
  background-color: var(--color-form-bg);
  color: var(--color-text); }

.form-label {
  display: inline-block;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 2.6rem;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em;
  min-width: 75px; }

.form-label--light {
  color: #999;
  font-weight: 400; }

.form-label--marg-b10 {
  margin-bottom: 10px; }

.form-label--block {
  display: block; }

.form-label--required {
  position: relative; }

.form-label--required::after {
  color: #E51C23;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-left: 0.3rem; }

.form-label__container {
  display: flex;
  flex-direction: row;
  align-items: center; }

.form-label__container .form-label {
  flex-grow: 1; }

.form-label__info-block {
  color: inherit;
  font-size: 1.2rem;
  text-align: right;
  font-weight: 300; }

.sd-line-input {
  margin: 0 0 1.8em 0;
  padding-top: 1.4rem;
  position: relative; }

.sd-line-input--flex-row {
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%; }

.sd-line-input__value {
  margin-right: 6px;
  text-transform: uppercase; }

.sd-line-input input.sd-line-input__input, .sd-line-input textarea.sd-line-input__input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  height: 2.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline; }

.sd-line-input input.sd-line-input__input:hover, .sd-line-input textarea.sd-line-input__input:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-line-input input.sd-line-input__input:focus, .sd-line-input textarea.sd-line-input__input:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8;
  background-color: transparent; }

.sd-line-input input.sd-line-input__input--center, .sd-line-input textarea.sd-line-input__input--center {
  text-align: center; }

.sd-line-input input.sd-line-input__color, .sd-line-input textarea.sd-line-input__color {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  height: 2.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline;
  width: 26px;
  height: 26px;
  border: none;
  outline: none; }

.sd-line-input input.sd-line-input__color:hover, .sd-line-input textarea.sd-line-input__color:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-line-input input.sd-line-input__color:focus, .sd-line-input textarea.sd-line-input__color:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8;
  background-color: transparent; }

.sd-line-input input.sd-line-input__color ::-webkit-color-swatch, .sd-line-input textarea.sd-line-input__color ::-webkit-color-swatch {
  border: none;
  outline: none;
  -webkit-appearance: none; }

.sd-line-input input.sd-line-input__color ::-webkit-color-swatch-wrapper, .sd-line-input textarea.sd-line-input__color ::-webkit-color-swatch-wrapper {
  padding: 0; }

.sd-line-input input[type="file"].sd-line-input__input {
  height: 3rem;
  padding-top: 0.6rem;
  font-size: 1.3rem; }

.sd-line-input input[type="file"].sd-line-input__input:focus {
  outline: none; }

.sd-line-input select {
  cursor: pointer; }

.sd-line-input select.sd-line-input__select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  height: 2.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline;
  display: block;
  position: relative;
  z-index: 2; }

.sd-line-input select.sd-line-input__select:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-line-input select.sd-line-input__select:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8;
  background-color: transparent; }

.sd-line-input select.sd-line-input__select option {
  color: #333;
  font-size: 1.4rem;
  line-height: 2rem; }

.sd-line-input textarea.sd-line-input__input {
  padding-top: 3px;
  display: block; }

.sd-line-input .sd-line-input__info-left, .sd-line-input .sd-line-input__info-right {
  position: absolute;
  top: 2.5rem;
  opacity: 0.3;
  font-size: 1.5rem;
  font-weight: 300; }

.sd-line-input .sd-line-input__info-right {
  right: 0.8rem; }

.sd-line-input .sd-line-input__info-left {
  left: 0.8rem; }

.sd-line-input .sd-line-input__icon-left, .sd-line-input .sd-line-input__icon-right {
  position: absolute;
  top: 0.8rem;
  cursor: pointer; }

.sd-line-input .sd-line-input__icon-right {
  right: 0; }

.sd-line-input .sd-line-input__icon-left {
  left: 0; }

.sd-line-input--boxed {
  padding-top: 1.8rem; }

.sd-line-input--boxed input.sd-line-input__input, .sd-line-input--boxed textarea.sd-line-input__input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  height: 2.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }

.sd-line-input--boxed input.sd-line-input__input:hover, .sd-line-input--boxed textarea.sd-line-input__input:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-line-input--boxed input.sd-line-input__input:focus, .sd-line-input--boxed textarea.sd-line-input__input:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8;
  background-color: transparent; }

.sd-line-input--boxed input.sd-line-input__input:hover, .sd-line-input--boxed textarea.sd-line-input__input:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.sd-line-input--boxed input.sd-line-input__input:focus, .sd-line-input--boxed textarea.sd-line-input__input:focus {
  background-color: rgba(0, 0, 0, 0.05); }

.sd-line-input--boxed textarea.sd-line-input__input {
  padding-top: 0.6rem; }

.sd-line-input--boxed select.sd-line-input__select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  height: 2.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }

.sd-line-input--boxed select.sd-line-input__select:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-line-input--boxed select.sd-line-input__select:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8;
  background-color: transparent; }

.sd-line-input--boxed select.sd-line-input__select:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.sd-line-input--boxed select.sd-line-input__select:focus {
  background-color: rgba(0, 0, 0, 0.05); }

.sd-line-input--boxed.sd-line-input--disabled input.sd-line-input__input, .sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px dotted #999 !important; }

.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select, .sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select:hover {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px dotted #999 !important; }

.sd-line-input--boxed .sd-line-input__icon-right, .sd-line-input--boxed .sd-line-input__icon-left {
  top: 1.6rem; }

.sd-line-input--boxed .sd-line-input__icon-left {
  left: 0.2rem; }

.sd-line-input--boxed .sd-line-input__icon-right {
  right: 0.2rem; }

.sd-line-input.sd-line-input--indent-l30 input.sd-line-input__input, .sd-line-input.sd-line-input--indent-l30 textarea.sd-line-input__input {
  padding-left: 3rem; }

.sd-line-input.sd-line-input--indent-r30 input.sd-line-input__input, .sd-line-input.sd-line-input--indent-r30 textarea.sd-line-input__input {
  padding-right: 3rem; }

.sd-line-input .sd-line-input__label {
  display: inline-block;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 2.6rem;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em;
  position: absolute;
  line-height: 100%;
  margin: 0;
  top: 0; }

.sd-line-input .sd-line-input__label--required::after {
  color: #E51C23;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-left: 0.3rem; }

.sd-line-input .sd-line-input__hint,
.sd-line-input .sd-line-input__message,
.sd-line-input .sd-line-input__char-count {
  font-size: 1.2rem;
  line-height: 1.4rem;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: grey;
  font-weight: 300;
  letter-spacing: 0.03em; }

.sd-line-input .sd-line-input__hint {
  position: absolute;
  left: 1px;
  right: auto;
  padding-right: 5.5rem;
  margin-top: 0.4rem; }

.sd-line-input .sd-line-input__char-count {
  position: absolute;
  right: 1px;
  left: auto;
  margin-top: 0.5rem;
  font-size: 1.1rem;
  font-weight: 400;
  font-style: italic; }

.sd-line-input .sd-line-input__message {
  padding-top: 0.4rem; }

.sd-line-input.sd-line-input--invalid .sd-line-input__label,
.sd-line-input.sd-line-input--invalid .sd-line-input__message {
  color: #E51C23; }

.sd-line-input.sd-line-input--invalid input.sd-line-input__input, .sd-line-input.sd-line-input--invalid textarea.sd-line-input__input {
  border-color: #E51C23; }

.sd-line-input.sd-line-input--invalid input.sd-line-input__input:focus, .sd-line-input.sd-line-input--invalid textarea.sd-line-input__input:focus {
  box-shadow: 0 1px 0 0 #E51C23; }

.sd-line-input.sd-line-input--invalid select.sd-line-input__select {
  border-color: #E51C23; }

.sd-line-input.sd-line-input--invalid select.sd-line-input__select:focus {
  box-shadow: 0 1px 0 0 #E51C23; }

.sd-line-input.sd-line-input--disabled input.sd-line-input__input, .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
  cursor: not-allowed; }

.sd-line-input.sd-line-input--disabled select.sd-line-input__select {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
  cursor: not-allowed; }

.sd-line-input.sd-line-input--is-select::after {
  position: absolute;
  top: 2.6rem;
  right: 0.4rem;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.4rem solid #000;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  content: "";
  z-index: 0; }

.sd-line-input.sd-line-input--is-select:hover::after {
  opacity: 0.6;
  filter: "alpha(opacity=60)"; }

.sd-line-input.sd-line-input--is-select.sd-line-input--disabled:hover::after {
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.sd-line-input.sd-line-input--is-select.sd-line-input--boxed::after {
  top: 3.2rem;
  right: 0.8rem; }

.sd-line-input.sd-line-input--is-select.sd-line-input--no-label::after {
  top: 1.2rem; }

.sd-line-input.sd-line-input--is-select.sd-line-input--no-label.sd-line-input--boxed::after {
  top: 1.4rem; }

.sd-line-input.sd-line-input--is-select.sd-line-input--label-left::after {
  top: 1.2rem; }

.sd-line-input.sd-line-input--is-color .sd-line-input__label {
  line-height: 140%; }

.sd-line-input--dark-ui input.sd-line-input__input, .sd-line-input--dark-ui textarea.sd-line-input__input, .sd-line-input--dark-ui textarea.sd-line-input__input {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8); }

.sd-line-input--dark-ui input.sd-line-input__input:hover, .sd-line-input--dark-ui textarea.sd-line-input__input:hover, .sd-line-input--dark-ui textarea.sd-line-input__input:hover {
  border-bottom-color: rgba(255, 255, 255, 0.4); }

.sd-line-input--dark-ui input.sd-line-input__input:focus, .sd-line-input--dark-ui textarea.sd-line-input__input:focus, .sd-line-input--dark-ui textarea.sd-line-input__input:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8; }

.sd-line-input--dark-ui select.sd-line-input__select {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8); }

.sd-line-input--dark-ui select.sd-line-input__select:hover {
  border-bottom-color: rgba(255, 255, 255, 0.4); }

.sd-line-input--dark-ui select.sd-line-input__select:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8; }

.sd-line-input--dark-ui .sd-line-input__label {
  color: rgba(255, 255, 255, 0.4); }

.sd-line-input--dark-ui.sd-line-input--disabled input.sd-line-input__input, .sd-line-input--dark-ui.sd-line-input--disabled textarea.sd-line-input__input {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }

.sd-line-input--dark-ui.sd-line-input--disabled input.sd-line-input__input:focus, .sd-line-input--dark-ui.sd-line-input--disabled input.sd-line-input__input:hover, .sd-line-input--dark-ui.sd-line-input--disabled textarea.sd-line-input__input:focus, .sd-line-input--dark-ui.sd-line-input--disabled textarea.sd-line-input__input:hover {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  box-shadow: none; }

.sd-line-input--dark-ui.sd-line-input--disabled select.sd-line-input__select {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }

.sd-line-input--dark-ui.sd-line-input--disabled select.sd-line-input__select:focus, .sd-line-input--dark-ui.sd-line-input--disabled select.sd-line-input__select:hover {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  box-shadow: none; }

.sd-line-input--dark-ui.sd-line-input--boxed input.sd-line-input__input, .sd-line-input--dark-ui.sd-line-input--boxed textarea.sd-line-input__input, .sd-line-input--dark-ui.sd-line-input--boxed textarea.sd-line-input__input {
  background-color: rgba(255, 255, 255, 0.05); }

.sd-line-input--dark-ui.sd-line-input--boxed input:hover, .sd-line-input--dark-ui.sd-line-input--boxed textarea:hover, .sd-line-input--dark-ui.sd-line-input--boxed textarea:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.sd-line-input--dark-ui.sd-line-input--boxed input:focus, .sd-line-input--dark-ui.sd-line-input--boxed textarea:focus, .sd-line-input--dark-ui.sd-line-input--boxed textarea:focus {
  background-color: rgba(255, 255, 255, 0.05); }

.sd-line-input--dark-ui.sd-line-input--boxed select.sd-line-input__select {
  background-color: rgba(255, 255, 255, 0.05); }

.sd-line-input--dark-ui.sd-line-input--boxed select:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.sd-line-input--dark-ui.sd-line-input--boxed select:focus {
  background-color: rgba(255, 255, 255, 0.05); }

.sd-line-input--dark-ui.sd-line-input--boxed.sd-line-input--disabled input.sd-line-input__input, .sd-line-input--dark-ui.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input, .sd-line-input--dark-ui.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input {
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom-color: rgba(255, 255, 255, 0.2) !important; }

.sd-line-input--dark-ui.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select, .sd-line-input--dark-ui.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select:hover {
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom-color: rgba(255, 255, 255, 0.2) !important; }

.sd-line-input--dark-ui.sd-line-input--invalid input.sd-line-input__input, .sd-line-input--dark-ui.sd-line-input--invalid textarea.sd-line-input__input {
  border-color: #E51C23; }

.sd-line-input--dark-ui.sd-line-input--invalid select.sd-line-input__select {
  border-color: #E51C23; }

.sd-line-input--dark-ui.sd-line-input--is-select::after {
  border-top-color: #fff; }

.sd-line-input.sd-line-input--required .sd-line-input__label::after {
  color: #E51C23;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-left: 0.3rem; }

.sd-line-input.sd-line-input--no-label {
  padding-top: 0; }

.sd-line-input.sd-line-input--no-margin {
  margin-bottom: 0; }

.sd-line-input--label-left, .sd-line-input--label-left-auto {
  padding-top: 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1rem 1fr auto;
  grid-template-rows: auto auto;
  grid-gap: 0; }

.sd-line-input--label-left .sd-line-input__label, .sd-line-input--label-left-auto .sd-line-input__label {
  margin-top: 0.1rem;
  grid-column: 1/2;
  grid-row: 1/2;
  position: static;
  min-width: 7.6rem;
  max-width: 12rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-line-input--label-left .sd-line-input__input, .sd-line-input--label-left .sd-line-input__select, .sd-line-input--label-left-auto .sd-line-input__input, .sd-line-input--label-left-auto .sd-line-input__select {
  grid-row: 1/2;
  grid-column: 3/5; }

.sd-line-input--label-left .sd-line-input__hint, .sd-line-input--label-left .sd-line-input__message, .sd-line-input--label-left-auto .sd-line-input__hint, .sd-line-input--label-left-auto .sd-line-input__message {
  position: static;
  grid-row: 2/3;
  grid-column: 3/4;
  padding-right: 0; }

.sd-line-input--label-left .sd-line-input__char-count, .sd-line-input--label-left-auto .sd-line-input__char-count {
  position: static;
  grid-row: 2/3;
  grid-column: 5/4;
  text-align: right;
  padding-left: 1.6rem; }

.sd-line-input--label-left-auto .sd-line-input__label {
  min-width: auto;
  max-width: none; }

.sd-line-input--with-button input.sd-line-input__input, .sd-line-input--with-button textarea.sd-line-input__input {
  height: 3rem;
  text-indent: 2.8rem; }

.sd-line-input--with-icon-l input.sd-line-input__input, .sd-line-input--with-icon-l textarea.sd-line-input__input {
  padding-right: 3rem; }

.sd-line-input .sd-line-input__plus-btn {
  position: absolute;
  top: 1.8rem;
  left: 0;
  height: 2.2rem;
  width: 2.2rem;
  background-color: rgba(94, 169, 200, 0.75);
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  border-radius: 2px;
  cursor: pointer;
  text-align: center; }

.sd-line-input .sd-line-input__plus-btn::before {
  margin-top: 0.2rem;
  content: "\E629";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sd-line-input .sd-line-input__plus-btn:hover {
  background-color: #5ea9c8; }

[class^="--dark-ui"] .form-label,
[class*="--dark-ui"] .form-label,
[class^="dark-ui"] .form-label,
[class*="dark-ui"] .form-label {
  color: inherit;
  opacity: 0.4; }

[class^="--dark-ui"] .sd-line-input input.sd-line-input__input, [class^="--dark-ui"] .sd-line-input textarea.sd-line-input__input, [class^="--dark-ui"] .sd-line-input textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input input.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input input.sd-line-input__input,
[class^="dark-ui"] .sd-line-input textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input input.sd-line-input__input,
[class*="dark-ui"] .sd-line-input textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input textarea.sd-line-input__input {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8); }

[class^="--dark-ui"] .sd-line-input input.sd-line-input__input:hover, [class^="--dark-ui"] .sd-line-input textarea.sd-line-input__input:hover, [class^="--dark-ui"] .sd-line-input textarea.sd-line-input__input:hover,
[class*="--dark-ui"] .sd-line-input input.sd-line-input__input:hover,
[class*="--dark-ui"] .sd-line-input textarea.sd-line-input__input:hover,
[class*="--dark-ui"] .sd-line-input textarea.sd-line-input__input:hover,
[class^="dark-ui"] .sd-line-input input.sd-line-input__input:hover,
[class^="dark-ui"] .sd-line-input textarea.sd-line-input__input:hover,
[class^="dark-ui"] .sd-line-input textarea.sd-line-input__input:hover,
[class*="dark-ui"] .sd-line-input input.sd-line-input__input:hover,
[class*="dark-ui"] .sd-line-input textarea.sd-line-input__input:hover,
[class*="dark-ui"] .sd-line-input textarea.sd-line-input__input:hover {
  border-bottom-color: rgba(255, 255, 255, 0.4); }

[class^="--dark-ui"] .sd-line-input input.sd-line-input__input:focus, [class^="--dark-ui"] .sd-line-input textarea.sd-line-input__input:focus, [class^="--dark-ui"] .sd-line-input textarea.sd-line-input__input:focus,
[class*="--dark-ui"] .sd-line-input input.sd-line-input__input:focus,
[class*="--dark-ui"] .sd-line-input textarea.sd-line-input__input:focus,
[class*="--dark-ui"] .sd-line-input textarea.sd-line-input__input:focus,
[class^="dark-ui"] .sd-line-input input.sd-line-input__input:focus,
[class^="dark-ui"] .sd-line-input textarea.sd-line-input__input:focus,
[class^="dark-ui"] .sd-line-input textarea.sd-line-input__input:focus,
[class*="dark-ui"] .sd-line-input input.sd-line-input__input:focus,
[class*="dark-ui"] .sd-line-input textarea.sd-line-input__input:focus,
[class*="dark-ui"] .sd-line-input textarea.sd-line-input__input:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8; }

[class^="--dark-ui"] .sd-line-input select.sd-line-input__select,
[class*="--dark-ui"] .sd-line-input select.sd-line-input__select,
[class^="dark-ui"] .sd-line-input select.sd-line-input__select,
[class*="dark-ui"] .sd-line-input select.sd-line-input__select {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8); }

[class^="--dark-ui"] .sd-line-input select.sd-line-input__select:hover,
[class*="--dark-ui"] .sd-line-input select.sd-line-input__select:hover,
[class^="dark-ui"] .sd-line-input select.sd-line-input__select:hover,
[class*="dark-ui"] .sd-line-input select.sd-line-input__select:hover {
  border-bottom-color: rgba(255, 255, 255, 0.4); }

[class^="--dark-ui"] .sd-line-input select.sd-line-input__select:focus,
[class*="--dark-ui"] .sd-line-input select.sd-line-input__select:focus,
[class^="dark-ui"] .sd-line-input select.sd-line-input__select:focus,
[class*="dark-ui"] .sd-line-input select.sd-line-input__select:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8; }

[class^="--dark-ui"] .sd-line-input .sd-line-input__label,
[class*="--dark-ui"] .sd-line-input .sd-line-input__label,
[class^="dark-ui"] .sd-line-input .sd-line-input__label,
[class*="dark-ui"] .sd-line-input .sd-line-input__label {
  color: rgba(255, 255, 255, 0.4); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input, [class^="--dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:focus, [class^="--dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:hover, [class^="--dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:focus, [class^="--dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:focus,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:focus,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:focus,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:focus,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:focus,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled input.sd-line-input__input:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:focus,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled textarea.sd-line-input__input:hover {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  box-shadow: none; }

[class^="--dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:focus, [class^="--dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:focus,
[class*="--dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:focus,
[class^="dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:focus,
[class*="dark-ui"] .sd-line-input.sd-line-input--disabled select.sd-line-input__select:hover {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  box-shadow: none; }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed input.sd-line-input__input, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed input.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed input.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed input.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed textarea.sd-line-input__input {
  background-color: rgba(255, 255, 255, 0.05); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed input:hover, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed input:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed input:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed input:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:hover {
  background-color: rgba(255, 255, 255, 0.1); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed input:focus, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed input:focus,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed input:focus,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed input:focus,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed textarea:focus {
  background-color: rgba(255, 255, 255, 0.05); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed select.sd-line-input__select,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed select.sd-line-input__select,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed select.sd-line-input__select,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed select.sd-line-input__select {
  background-color: rgba(255, 255, 255, 0.05); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed select:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed select:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed select:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed select:hover {
  background-color: rgba(255, 255, 255, 0.1); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed select:focus,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed select:focus,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed select:focus,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed select:focus {
  background-color: rgba(255, 255, 255, 0.05); }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled input.sd-line-input__input, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled input.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled input.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled input.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled textarea.sd-line-input__input {
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom-color: rgba(255, 255, 255, 0.2) !important; }

[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select, [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select:hover,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select,
[class*="--dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select:hover,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select,
[class^="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select:hover,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select,
[class*="dark-ui"] .sd-line-input.sd-line-input--boxed.sd-line-input--disabled select.sd-line-input__select:hover {
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom-color: rgba(255, 255, 255, 0.2) !important; }

[class^="--dark-ui"] .sd-line-input.sd-line-input--invalid input.sd-line-input__input, [class^="--dark-ui"] .sd-line-input.sd-line-input--invalid textarea.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--invalid input.sd-line-input__input,
[class*="--dark-ui"] .sd-line-input.sd-line-input--invalid textarea.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--invalid input.sd-line-input__input,
[class^="dark-ui"] .sd-line-input.sd-line-input--invalid textarea.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--invalid input.sd-line-input__input,
[class*="dark-ui"] .sd-line-input.sd-line-input--invalid textarea.sd-line-input__input {
  border-color: #E51C23; }

[class^="--dark-ui"] .sd-line-input.sd-line-input--invalid select.sd-line-input__select,
[class*="--dark-ui"] .sd-line-input.sd-line-input--invalid select.sd-line-input__select,
[class^="dark-ui"] .sd-line-input.sd-line-input--invalid select.sd-line-input__select,
[class*="dark-ui"] .sd-line-input.sd-line-input--invalid select.sd-line-input__select {
  border-color: #E51C23; }

[class^="--dark-ui"] .sd-line-input.sd-line-input--is-select::after,
[class*="--dark-ui"] .sd-line-input.sd-line-input--is-select::after,
[class^="dark-ui"] .sd-line-input.sd-line-input--is-select::after,
[class*="dark-ui"] .sd-line-input.sd-line-input--is-select::after {
  border-top-color: #fff; }

.sd-input {
  padding-top: 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 1.6rem auto auto;
  grid-gap: 0;
  position: relative; }

.sd-input input.sd-input__input, .sd-input textarea.sd-input__input, .sd-input select.sd-input__input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  height: 2.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: 2px 2px 0 0;
  grid-row: 2/3;
  grid-column: 2/4; }

.sd-input input.sd-input__input:hover, .sd-input textarea.sd-input__input:hover, .sd-input select.sd-input__input:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-input input.sd-input__input:focus, .sd-input textarea.sd-input__input:focus, .sd-input select.sd-input__input:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8;
  background-color: transparent; }

.sd-input input.sd-input__input:hover, .sd-input textarea.sd-input__input:hover, .sd-input select.sd-input__input:hover {
  background-color: var(--color-input-bg--hover); }

.sd-input input.sd-input__input:focus, .sd-input textarea.sd-input__input:focus, .sd-input select.sd-input__input:focus {
  background-color: var(--color-input-bg--focus); }

.sd-input textarea.sd-input__input {
  height: auto;
  min-height: 3.2rem; }

.sd-input input[type="file"].sd-input__input {
  height: 3rem;
  padding-top: 0.6rem;
  font-size: 1.3rem; }

.sd-input input[type="file"].sd-input__input:focus {
  outline: none; }

.sd-input select {
  cursor: pointer; }

.sd-input select.sd-input__select {
  display: block;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-input-border);
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  height: 2.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: 2px 2px 0 0;
  grid-row: 2/3;
  grid-column: 2/4; }

.sd-input select.sd-input__select:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-input select.sd-input__select:focus {
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8;
  background-color: transparent; }

.sd-input select.sd-input__select:hover {
  background-color: var(--color-input-bg--hover); }

.sd-input select.sd-input__select:focus {
  background-color: var(--color-input-bg--focus); }

.sd-input select.sd-input__select option {
  color: inherit;
  font-size: 1.4rem;
  line-height: 2rem; }

.sd-input.sd-input--is-select::after {
  position: relative;
  z-index: 1;
  grid-row: 2/3;
  grid-column: 2/4;
  align-self: center;
  justify-self: right;
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1rem;
  vertical-align: middle;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.4rem solid var(--color-text);
  pointer-events: none;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  content: "";
  z-index: 0; }

.sd-input.sd-input--is-select:hover::after {
  opacity: 0.6;
  filter: "alpha(opacity=60)"; }

.sd-input .sd-input__message-box {
  grid-row: 3/4;
  grid-column: 2/3; }

.sd-input .sd-input__icon-right {
  grid-row: 2/3;
  grid-column: 3/4;
  z-index: 1; }

.sd-input .sd-input__hint,
.sd-input .sd-input__message,
.sd-input .sd-input__char-count {
  font-size: 1.2rem;
  line-height: 1.4rem;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: grey;
  font-weight: 300;
  margin: 0.5rem 0;
  letter-spacing: 0.03em;
  display: block; }

.sd-input .sd-input__char-count {
  font-size: 1.1rem;
  font-weight: 400;
  font-style: italic;
  grid-row: 3/4;
  grid-column: 3/4; }

.sd-input .sd-input__char-count--error {
  color: #E51C23; }

.sd-input .sd-input__label {
  display: inline-block;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 2.6rem;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em;
  position: relative;
  min-height: 1.6rem;
  line-height: 100%;
  margin: 0;
  grid-row: 1/2;
  grid-column: 2/4; }

.sd-input .sd-input__label--required::after {
  color: #E51C23;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-left: 0.3rem; }

.sd-input--inline-label {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto; }

.sd-input--inline-label .sd-input__label {
  grid-row: 2/3;
  grid-column: 1/2;
  padding: 1rem 1rem 0 0; }

.sd-input--invalid input.sd-input__input, .sd-input--invalid textarea.sd-input__input {
  background-color: rgba(229, 28, 38, 0.075);
  border-color: #E51C23; }

.sd-input--invalid input.sd-input__input:hover, .sd-input--invalid textarea.sd-input__input:hover {
  background-color: rgba(229, 28, 38, 0.12);
  border-color: #E51C23; }

.sd-input--invalid input.sd-input__input:focus, .sd-input--invalid textarea.sd-input__input:focus {
  background-color: rgba(229, 28, 38, 0.16);
  border-color: #E51C23;
  box-shadow: 0 1px 0 0 #E51C23; }

.sd-input--invalid select.sd-input__select {
  background-color: rgba(229, 28, 38, 0.075);
  border-color: #E51C23; }

.sd-input--invalid select.sd-input__select:hover {
  background-color: rgba(229, 28, 38, 0.12);
  border-color: #E51C23; }

.sd-input--invalid select.sd-input__select:focus {
  background-color: rgba(229, 28, 38, 0.16);
  border-color: #E51C23;
  box-shadow: 0 1px 0 0 #E51C23; }

.sd-input--invalid .sd-input__label, .sd-input--invalid .sd-input__message {
  color: #E51C23; }

.sd-input--required .sd-input__label::after {
  color: #E51C23;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-left: 0.3rem; }

.sd-input--disabled input.sd-input__input, .sd-input--disabled input.sd-input__input:hover, .sd-input--disabled input.sd-input__input:focus, .sd-input--disabled textarea.sd-input__input, .sd-input--disabled textarea.sd-input__input:hover, .sd-input--disabled textarea.sd-input__input:focus {
  opacity: 0.5;
  background-color: var(--color-input-bg);
  border-bottom: 1px dotted var(--color-input-border);
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-input--disabled select.sd-input__select, .sd-input--disabled select.sd-input__select:hover, .sd-input--disabled select.sd-input__select:focus {
  opacity: 0.5;
  background-color: var(--color-input-bg);
  border-bottom: 1px dotted var(--color-input-border);
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-input--disabled select.sd-input__select:hover::after {
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.sd-input--disabled .sd-input__label, .sd-input--disabled .sd-input__message-box, .sd-input--disabled .sd-input__char-count {
  opacity: 0.5; }

.sd-input--disabled .sd-input__hint,
.sd-input--disabled .sd-input__message,
.sd-input--disabled .sd-input__char-count {
  pointer-events: none; }

.sd-toggle {
  display: inline-block;
  width: 4.0rem;
  height: 1.8rem;
  background: rgba(185, 185, 185, 0.5);
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 0.9rem;
  -moz-border-radius: 0.9rem;
  -ms-border-radius: 0.9rem;
  border-radius: 0.9rem;
  overflow: hidden;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.15); }

.sd-toggle .inner {
  position: absolute;
  left: 0.2rem;
  width: 1.4rem;
  top: 0.2rem;
  height: 1.4rem;
  background: #fff;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.sd-toggle.checked {
  background: #5ea9c8; }

.sd-toggle.checked .inner {
  left: 2.4rem; }

.sd-toggle.disabled {
  opacity: .5;
  cursor: not-allowed; }

.sd-toggle input[type="checkbox"] {
  display: none; }

label + .sd-toggle {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem 0 0.2rem; }

.sd-toggle + label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem; }

:root {
  --color-checkbox-border: rgba(0,0,0,0.2);
  --color-checkbox-border-hover: rgba(0,0,0,0.4); }

.sd-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.sd-checkbox::after {
  font-family: 'sd_icons';
  content: '\E61D';
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  transform: scale(0.25, 0.25); }

.sd-checkbox:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-checkbox.checked, .sd-checkbox[checked="checked"] {
  border-color: #5ea9c8;
  background: #5ea9c8; }

.sd-checkbox.checked::after, .sd-checkbox[checked="checked"]::after {
  opacity: 1;
  filter: "alpha(opacity=100)";
  transform: scale(1, 1); }

.sd-checkbox.checked:hover, .sd-checkbox[checked="checked"]:hover {
  border-color: #3e92b5;
  background-color: #3e92b5; }

.sd-checkbox--radio {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.sd-checkbox--radio::after {
  height: 0.8rem;
  width: 0.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  content: ' ';
  position: absolute;
  background-color: #5ea9c8;
  top: 0.2rem;
  left: 0.2rem;
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  transform: scale(0.25, 0.25); }

.sd-checkbox--radio.checked, .sd-checkbox--radio[checked="checked"] {
  border-color: #5ea9c8;
  background: transparent; }

.sd-checkbox--radio.checked::after, .sd-checkbox--radio[checked="checked"]::after {
  opacity: 1;
  filter: "alpha(opacity=100)";
  transform: scale(1, 1); }

.sd-checkbox--radio.checked:hover, .sd-checkbox--radio[checked="checked"]:hover {
  background: transparent; }

.sd-checkbox--button-style {
  width: auto;
  padding: 0 1.2rem;
  line-height: 1;
  color: #5a5a5a;
  border: 1px solid rgba(140, 140, 140, 0.5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-flex;
  align-items: center;
  text-align: center;
  height: 3.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.sd-checkbox--button-style label {
  margin: 0;
  display: inline;
  cursor: pointer;
  transition: none;
  text-align: center;
  line-height: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.sd-checkbox--button-style label [class^="icon-"], .sd-checkbox--button-style label [class*=" icon-"] {
  vertical-align: middle; }

.sd-checkbox--button-style [class^="icon-"], .sd-checkbox--button-style [class*=" icon-"] {
  color: currentColor; }

.sd-checkbox--button-style i + label {
  margin-left: 8px; }

.sd-checkbox--button-style::after {
  content: '';
  display: none; }

.sd-checkbox--button-style:hover {
  color: #0e0e0e;
  border-color: rgba(140, 140, 140, 0.95);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.sd-checkbox--button-style.checked, .sd-checkbox--button-style[checked="checked"] {
  background-color: #3d8fb1;
  border-color: #3d8fb1;
  border-top-color: #245569;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff; }

.sd-checkbox--button-style.checked:hover, .sd-checkbox--button-style[checked="checked"]:hover {
  color: #fff;
  border-color: #2a647c;
  background-color: #3986a6;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-checkbox--button-style.checked label, .sd-checkbox--button-style[checked="checked"] label {
  color: #fff; }

.sd-checkbox--button-style .sd-label--disabled {
  opacity: 1 !important;
  cursor: not-allowed !important; }

.sd-checkbox--disabled, .sd-checkbox[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-checkbox--disabled:hover, .sd-checkbox[disabled="disabled"]:hover {
  color: #5a5a5a;
  border-color: rgba(140, 140, 140, 0.5);
  box-shadow: none; }

.sd-checkbox + label {
  display: inline-block;
  vertical-align: middle; }

.sd-check__wrapper + .sd-check__wrapper {
  margin-left: 0.4rem; }

.sd-check__wrapper:first-child, .sd-check__wrapper:only-of-type {
  margin-left: 0; }

.sd-check__wrapper {
  margin-left: 0.8rem;
  display: inline-block; }

.sd-check__wrapper .sd-checkbox + label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0.6rem; }

.sd-check__wrapper .sd-checkbox + label i {
  margin: 0 0.4rem 0 0.8rem; }

.sd-check__wrapper .sd-label--disabled {
  opacity: 0.40; }

.sd-check__group {
  padding: 0.6rem 0 1.2rem; }

.sd-check__group--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 0.6rem; }

.sd-check__group--grid .sd-check__wrapper {
  display: block; }

.sd-check__group--grid .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style {
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-check-new {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.sd-check-new::after {
  font-family: 'sd_icons';
  content: '\E61D';
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  transform: scale(0.25, 0.25); }

.sd-check-new:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-check-new.checked, .sd-check-new[checked="checked"] {
  border-color: #5ea9c8;
  background: #5ea9c8; }

.sd-check-new.checked::after, .sd-check-new[checked="checked"]::after {
  opacity: 1;
  filter: "alpha(opacity=100)";
  transform: scale(1, 1); }

.sd-check-new.checked:hover, .sd-check-new[checked="checked"]:hover {
  border-color: #3e92b5;
  background-color: #3e92b5; }

.sd-check-new--disabled, .sd-check-new[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-check-new--disabled:hover, .sd-check-new[disabled="disabled"]:hover {
  color: #5a5a5a;
  border-color: rgba(140, 140, 140, 0.5);
  box-shadow: none; }

.sd-radio-new {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.sd-radio-new:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-radio-new::after {
  height: 0.8rem;
  width: 0.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  content: ' ';
  position: absolute;
  background-color: #5ea9c8;
  top: 0.2rem;
  left: 0.2rem;
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  transform: scale(0.25, 0.25); }

.sd-radio-new.checked, .sd-radio-new[checked="checked"] {
  border-color: #5ea9c8;
  background: transparent; }

.sd-radio-new.checked::after, .sd-radio-new[checked="checked"]::after {
  opacity: 1;
  filter: "alpha(opacity=100)";
  transform: scale(1, 1); }

.sd-radio-new.checked:hover, .sd-radio-new[checked="checked"]:hover {
  background: transparent;
  cursor: default; }

.sd-radio-new--disabled, .sd-radio-new[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-radio-new--disabled:hover, .sd-radio-new[disabled="disabled"]:hover {
  color: #5a5a5a;
  border-color: rgba(140, 140, 140, 0.5);
  box-shadow: none; }

.sd-check-button {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  line-height: 1;
  border: 1px solid rgba(140, 140, 140, 0.5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  color: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

.sd-check-button .sd-check-button__text-label {
  margin: 0;
  text-align: center;
  cursor: pointer;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.8;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }

.sd-check-button [class^="icon-"], .sd-check-button [class*=" icon-"] {
  color: currentColor; }

.sd-check-button i + .sd-check-button__text-label {
  margin-left: 0.8rem; }

.sd-check-button:hover {
  border-color: rgba(140, 140, 140, 0.95);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.sd-check-button:hover .sd-check-button__text-label {
  opacity: 1; }

.sd-check-button.checked, .sd-check-button[checked="checked"] {
  background-color: #3d8fb1;
  border-color: #3d8fb1;
  border-top-color: #245569;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff; }

.sd-check-button.checked .sd-check-button__text-label, .sd-check-button[checked="checked"] .sd-check-button__text-label {
  opacity: 1; }

.sd-check-button.checked:hover, .sd-check-button[checked="checked"]:hover {
  color: #fff;
  border-color: #2a647c;
  background-color: #3986a6;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-check-button .sd-label--disabled {
  opacity: 1 !important;
  cursor: not-allowed !important; }

.sd-check-button__group {
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-check-button__group {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0; }

.sd-check-button__group .sd-check-button {
  margin: 0; }

.sd-check-button__group--left {
  margin-right: auto; }

.sd-check-button__group--left .sd-check-button {
  margin-right: 0.8rem; }

.sd-check-button__group--left .sd-check-button:last-child {
  margin-right: 0; }

.sd-check-button__group--left.sd-check-button__group--compact .sd-check-button {
  margin-right: 0.4rem; }

.sd-check-button__group--left.sd-check-button__group--compact .sd-check-button:last-child {
  margin-right: 0; }

.sd-check-button__group--left.sd-check-button__group--padded {
  margin-left: 1.2rem; }

.sd-check-button__group--right {
  margin-left: auto; }

.sd-check-button__group--right .sd-check-button {
  margin-left: 0.8rem; }

.sd-check-button__group--right .sd-check-button:first-child {
  margin-left: 0; }

.sd-check-button__group--right.sd-check-button__group--compact .sd-check-button {
  margin-left: 0.4rem; }

.sd-check-button__group--right.sd-check-button__group--compact .sd-check-button:first-child {
  margin-right: 0; }

.sd-check-button__group--right.sd-check-button__group--padded {
  margin-right: 1.2rem; }

.sd-check-button__group--center {
  margin-left: auto;
  margin-right: auto; }

.sd-check-button__group--center .sd-check-button {
  margin-left: 0.4rem;
  margin-right: 0.4rem; }

.sd-check-button__group--center .sd-check-button:first-child {
  margin-left: 0; }

.sd-check-button__group--center .sd-check-button:last-child {
  margin-right: 0; }

.sd-check-button__group--center.sd-check-button__group--compact .sd-check-button {
  margin: 0 0.2rem; }

.sd-check-button__group--center.sd-check-button__group--compact .sd-check-button:first-child {
  margin-left: 0; }

.sd-check-button__group--center.sd-check-button__group--compact .sd-check-button:last-child {
  margin-right: 0; }

.sd-check-button__group--inline {
  margin-left: 0;
  margin-right: 0; }

.sd-check-button__group--inline .sd-check-button {
  margin-left: 0.4rem;
  margin-right: 0.4rem; }

.sd-check-button__group--inline .sd-check-button:first-child {
  margin-left: 0; }

.sd-check-button__group--inline .sd-check-button:last-child {
  margin-right: 0; }

.sd-check-button__group--inline.sd-check-button__group--compact .sd-check-button {
  margin: 0 0.2rem; }

.sd-check-button__group--inline.sd-check-button__group--compact .sd-check-button:first-child {
  margin-left: 0; }

.sd-check-button__group--inline.sd-check-button__group--compact .sd-check-button:last-child {
  margin-right: 0; }

.sd-check-button__group--inline.sd-check-button__group--padded {
  margin-left: 1.2rem;
  margin-right: 1.2rem; }

.sd-check-button__group--grid {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 0.8rem; }

.sd-check-button__group--grid .sd-check-button {
  margin: 0; }

.sd-check-button__group--grid.sd-check-button__group--compact {
  grid-gap: 0.4rem; }

.sd-check-button__group.sd-check-button__group--padded {
  margin-left: 1.2rem;
  margin-right: 1.2rem; }

.sd-check-new__wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center; }

.sd-check-new__wrapper label {
  line-height: 100%;
  margin: 0; }

.sd-check-new__wrapper .sd-check-new + label, .sd-check-new__wrapper .sd-radio-new + label {
  margin-left: 0.8rem; }

.sd-check-new__wrapper .sd-label--disabled {
  opacity: 0.40; }

.sd-check-new__wrapper[label-position="left"] label {
  margin-right: 0.8rem; }

.sd-check__group-new {
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-check__group-new .sd-check-new__wrapper {
  margin-right: 2.4rem; }

.sd-check__group-new--vertical {
  flex-direction: column;
  align-items: flex-start; }

.sd-check__group-new--vertical .sd-check-new__wrapper {
  margin-bottom: 1.6rem; }

.sd-check__group-new--vertical .sd-check-new__wrapper:last-child {
  margin-bottom: 0; }

[class^="--dark-ui"],
[class*="--dark-ui"],
.dark-ui {
  --color-checkbox-border: rgba(255, 255, 255, 0.2);
  --color-checkbox-border-hover: rgba(255, 255, 255, 0.4); }

[class^="--dark-ui"] .sd-checkbox,
[class*="--dark-ui"] .sd-checkbox,
.dark-ui .sd-checkbox {
  border-color: rgba(255, 255, 255, 0.4); }

[class^="--dark-ui"] .sd-checkbox:hover,
[class*="--dark-ui"] .sd-checkbox:hover,
.dark-ui .sd-checkbox:hover {
  border-color: rgba(255, 255, 255, 0.6); }

[class^="--dark-ui"] .sd-checkbox.checked, [class^="--dark-ui"] .sd-checkbox[checked="checked"],
[class*="--dark-ui"] .sd-checkbox.checked,
[class*="--dark-ui"] .sd-checkbox[checked="checked"],
.dark-ui .sd-checkbox.checked,
.dark-ui .sd-checkbox[checked="checked"] {
  border-color: #5ea9c8; }

[class^="--dark-ui"] .sd-checkbox.checked:hover, [class^="--dark-ui"] .sd-checkbox[checked="checked"]:hover,
[class*="--dark-ui"] .sd-checkbox.checked:hover,
[class*="--dark-ui"] .sd-checkbox[checked="checked"]:hover,
.dark-ui .sd-checkbox.checked:hover,
.dark-ui .sd-checkbox[checked="checked"]:hover {
  border-color: #3e92b5;
  background-color: #3e92b5; }

[class^="--dark-ui"] .sd-checkbox--button-style,
[class*="--dark-ui"] .sd-checkbox--button-style,
.dark-ui .sd-checkbox--button-style {
  color: rgba(255, 255, 255, 0.65); }

[class^="--dark-ui"] .sd-checkbox--button-style:hover,
[class*="--dark-ui"] .sd-checkbox--button-style:hover,
.dark-ui .sd-checkbox--button-style:hover {
  color: white; }

[class^="--dark-ui"] .sd-checkbox--button-style.checked, [class^="--dark-ui"] .sd-checkbox--button-style[checked="checked"],
[class*="--dark-ui"] .sd-checkbox--button-style.checked,
[class*="--dark-ui"] .sd-checkbox--button-style[checked="checked"],
.dark-ui .sd-checkbox--button-style.checked,
.dark-ui .sd-checkbox--button-style[checked="checked"] {
  border-color: #3e92b5;
  border-top-color: #31748f;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

[class^="--dark-ui"] .sd-checkbox--button-style.checked:hover, [class^="--dark-ui"] .sd-checkbox--button-style[checked="checked"]:hover,
[class*="--dark-ui"] .sd-checkbox--button-style.checked:hover,
[class*="--dark-ui"] .sd-checkbox--button-style[checked="checked"]:hover,
.dark-ui .sd-checkbox--button-style.checked:hover,
.dark-ui .sd-checkbox--button-style[checked="checked"]:hover {
  border-color: #2a647c; }

.sd-radio {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.8rem;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.sd-radio::after {
  height: 0.8rem;
  width: 0.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  content: ' ';
  position: absolute;
  background-color: #5ea9c8;
  top: 0.2rem;
  left: 0.2rem;
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  transform: scale(0.25, 0.25); }

.sd-radio:hover {
  border-color: rgba(0, 0, 0, 0.4);
  cursor: pointer; }

.sd-radio.checked, .sd-radio[checked="checked"] {
  border-color: #5ea9c8; }

.sd-radio.checked::after, .sd-radio[checked="checked"]::after {
  opacity: 1;
  filter: "alpha(opacity=100)";
  transform: scale(1, 1); }

.sd-radio.checked:hover, .sd-radio[checked="checked"]:hover {
  border-color: #3e92b5; }

.sd-radio.checked:hover::after, .sd-radio[checked="checked"]:hover::after {
  background-color: #3e92b5; }

label + .sd-radio {
  display: inline-block; }

.sd-radio + label {
  display: inline-block;
  vertical-align: middle; }

.p-autocomplete {
  display: contents; }

.p-autocomplete-panel {
  margin-top: 15px;
  padding: 1rem 0;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.p-autocomplete-panel .p-autocomplete-items {
  padding: 0; }

.p-autocomplete-panel .p-autocomplete-list-item {
  display: block;
  font-weight: normal;
  line-height: 1.8rem;
  white-space: nowrap;
  color: #333;
  background: none;
  padding: 0.6rem 1.6rem;
  margin-bottom: 0.2rem;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: left; }

.p-autocomplete-panel .p-autocomplete-list-item:hover, .p-autocomplete-panel .p-autocomplete-list-item:active, .p-autocomplete-panel .p-autocomplete-list-item:focus, .p-autocomplete-panel .p-autocomplete-list-item.p-highlight {
  background: #eff7fa;
  text-decoration: none;
  cursor: pointer; }

.sd-searchbar .p-autocomplete-panel, .sd-input--inline-label .p-autocomplete-panel {
  margin-top: 0; }

.p-autocomplete-loader.pi {
  color: inherit !important;
  z-index: 1;
  border-radius: 50%; }

.sd-searchbar .p-autocomplete-loader.pi {
  font-size: 2.4rem !important;
  background-color: #fff; }

.sd-input .p-autocomplete-loader {
  margin-top: -1.4rem; }

.sd-input .p-autocomplete-loader.pi {
  font-size: 2rem !important;
  background-color: transparent; }

.sd-input.sd-input--inline-label .p-autocomplete-loader {
  margin-top: -2.2rem; }

.sd-sidebar-menu {
  position: absolute;
  bottom: 0;
  width: 4.8rem;
  top: 48px;
  background-color: var(--color-bg-150);
  z-index: 1029;
  transition: all .3s ease; }

.sd-sidebar-menu--left {
  left: 0;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.25); }

.sd-sidebar-menu--left.main-menu__open {
  left: 30rem; }

.sd-sidebar-menu--second-level {
  background-color: #b7bec1;
  z-index: 1028; }

.sd-sidebar-menu__spacer {
  width: 2.4rem;
  margin: 1.8rem auto;
  border-top: 1px dotted #9b9b9b;
  border-bottom: 0; }

.sd-sidebar-menu__btn {
  display: block;
  margin: 0.6rem auto;
  border-radius: 50%;
  height: 3.6rem;
  width: 3.6rem;
  opacity: .7;
  overflow: hidden;
  transition: opacity 0.2s, background-color 0.2s;
  position: relative;
  cursor: pointer; }

.sd-sidebar-menu__btn:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.6); }

.sd-sidebar-menu__btn:active {
  background-color: #5ea9c8;
  opacity: 1; }

.sd-sidebar-menu__btn--active, .sd-sidebar-menu__btn--active:hover {
  background-color: #3d8fb1;
  opacity: 1; }

.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon, .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
  color: #fff; }

.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class^="big-icon--"],
.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class*=" big-icon--"],
.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class^="icon-"],
.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class*=" icon-"], .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class^="big-icon--"],
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class*=" big-icon--"],
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class^="icon-"],
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class*=" icon-"] {
  color: inherit; }

.sd-sidebar-menu__main-icon {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  transition: left 0.2s ease-out; }

.sd-sidebar-menu__helper-icon {
  position: absolute;
  top: 0.5rem;
  left: 3rem;
  transition: left 0.2s ease-out, transform 0.2s; }

.authoring-active .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon, .authoring-active .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
  color: #fff; }

.authoring-active .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
  left: -3rem; }

.authoring-active .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
  left: 0.5rem; }

.authoring-active.list-hidden .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
  transform: rotate(180deg);
  left: -3rem; }

.authoring-active.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
  left: 4rem; }

.authoring-active.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
  left: 0.5rem; }

.sd-sidetab-menu {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 4.8rem;
  background-color: var(--color-bg-200);
  z-index: 16;
  transition: all .3s ease; }

.sd-sidetab-menu--right {
  right: 0;
  box-shadow: inset 4px 0 5px -3px rgba(0, 0, 0, 0.25); }

.sd-sidetab-menu--static {
  position: static; }

.sd-sidetab-menu__btn {
  display: block;
  position: relative;
  width: 100%;
  height: 4.8rem;
  text-align: center;
  padding: 0;
  margin: 0;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  border-width: 0 0 1px 0;
  background: none; }

.sd-sidetab-menu__btn:hover {
  background: rgba(255, 255, 255, 0.15);
  cursor: pointer; }

.sd-sidetab-menu__helper-icon,
.sd-sidetab-menu__main-icon {
  position: absolute;
  top: 10px;
  left: 10px; }

.sd-sidetab-menu__helper-icon {
  opacity: 0;
  margin: 0;
  left: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  line-height: 2.4rem;
  z-index: 2;
  transition: all 0.4s 0s, transform 0.3s 0s; }

.sd-sidetab-menu__main-icon {
  opacity: 1;
  transition: all 0.2s, transform 0.2s; }

.sd-sidetab-menu__info-label {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  text-shadow: none;
  z-index: 3;
  margin: 0; }

.active .sd-sidetab-menu__btn {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.18); }

.active .sd-sidetab-menu__btn:hover .sd-sidetab-menu__helper-icon {
  opacity: 1;
  transform: rotate(180deg);
  transition: all 0.3s 0.2s, transform 0.2s 0.2s; }

.active .sd-sidetab-menu__btn:hover .sd-sidetab-menu__main-icon {
  opacity: 0;
  height: 0.8rem;
  width: 0.8rem;
  left: 2.0rem;
  font-size: 8px; }

.sd-sidetab-menu__btn--active {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.18); }

.sd-sidetab-menu__btn--active .sd-sidetab-menu__main-icon {
  color: #36809e !important; }

.sd-sidetab-menu__btn--active:hover .sd-sidetab-menu__helper-icon {
  opacity: 1;
  transform: rotate(180deg);
  transition: all 0.3s 0.2s, transform 0.2s 0.2s; }

.sd-sidetab-menu__btn--active:hover .sd-sidetab-menu__main-icon {
  opacity: 0;
  height: 0.8rem;
  width: 0.8rem;
  left: 2.0rem;
  font-size: 8px; }

.sd-side-menu__btn {
  display: block;
  margin: 0.6rem auto;
  border-radius: 50%;
  height: 3.6rem;
  width: 3.6rem;
  opacity: .7;
  overflow: hidden;
  transition: opacity 0.2s, background-color 0.2s;
  position: relative; }

.sd-side-menu__btn:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.6); }

.sd-side-menu__btn:active {
  background-color: #5ea9c8;
  opacity: 1; }

.sd-side-menu__btn--active, .sd-side-menu__btn--active:hover {
  background-color: #3d8fb1;
  opacity: 1; }

.sd-side-menu__helper-icon,
.sd-side-menu__main-icon {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem; }

.sd-side-menu__helper-icon {
  opacity: 0;
  margin: 0;
  left: 0.6rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  line-height: 2.4rem;
  z-index: 2;
  transition: all 0.4s 0s, transform 0.3s 0s; }

.sd-side-menu__main-icon {
  opacity: 1;
  transition: all 0.2s, transform 0.2s; }

.sd-side-menu__info-label {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  text-shadow: none;
  z-index: 3;
  margin: 0; }

.sd-side-menu__btn--active .sd-side-menu__helper-icon, .sd-side-menu__btn--active .sd-side-menu__main-icon {
  color: #fff; }

.sd-side-menu__btn--active:hover .sd-side-menu__helper-icon {
  opacity: 1;
  transform: rotate(180deg);
  transition: all 0.3s 0.2s, transform 0.2s 0.2s; }

.sd-side-menu__btn--active:hover .sd-side-menu__main-icon {
  opacity: 0;
  height: 0.8rem;
  width: 0.8rem;
  left: 2.0rem;
  font-size: 8px; }

.sd-top-menu {
  background: var(--color-bg-800);
  height: 48px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
  margin-bottom: 0;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff; }

.sd-top-menu__collapse-nav {
  display: inline-block;
  height: 48px;
  line-height: 51px;
  width: 4.8rem;
  text-align: center;
  padding: 0;
  background-color: #101010;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.35);
  position: relative; }

.sd-top-menu__collapse-nav:hover {
  background: #000;
  cursor: pointer; }

.sd-top-menu__header {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  font-size: 1.5rem;
  text-align: center;
  padding: 0 2rem;
  color: #aaa;
  margin: 0; }

.sd-top-menu__current-user {
  width: 48px;
  position: relative;
  padding: 0 10px;
  width: 48px; }

.sd-top-menu__current-user .avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.sd-top-menu__current-user .label {
  position: absolute;
  top: 3px;
  left: 3px;
  text-shadow: none; }

.current-user-details--compact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.8rem;
  color: #333;
  min-width: 26rem; }

.current-user-details__full-name {
  font-weight: 400;
  font-size: 1.8rem;
  margin: 16px 0 2px; }

.current-user-details__username {
  opacity: 0.75;
  font-size: 1.4rem; }

.sd-left-nav {
  background: #fff;
  border-right: 1px solid #dedede;
  display: block;
  width: 20rem;
  overflow: auto;
  height: 100%; }

.sd-left-nav--absolute {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.sd-left-nav__btn {
  width: 100%;
  text-align: left;
  display: block;
  font-size: 1.3rem;
  line-height: 100%;
  text-decoration: none;
  color: #333;
  background-color: rgba(94, 169, 200, 0);
  padding: 1.6rem 0 1.6rem 3rem;
  border-right: 4px solid rgba(94, 169, 200, 0);
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.sd-left-nav__btn:hover {
  background-color: rgba(94, 169, 200, 0.2);
  color: #333;
  text-decoration: none; }

.sd-left-nav__btn:active, .sd-left-nav__btn--active {
  background-color: rgba(94, 169, 200, 0.1);
  color: #5ea9c8; }

.sd-left-nav__btn--active {
  border-right: 4px solid #5ea9c8; }

.sd-left-nav__group-header {
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #747474;
  padding: 2.6rem 0 0.9rem 1.6rem;
  border-top: 1px solid #dedede;
  margin-top: 1rem; }

.sd-left-nav__group-header--first, .sd-left-nav__group-header:first-child {
  border: none;
  margin-top: 0; }

.sd-content-nav {
  background: transparent;
  display: block;
  overflow: auto;
  padding: 1rem 0;
  opacity: 1;
  transition: all .2s ease-out .3s; }

.sd-content-nav__btn {
  display: block;
  font-size: 1.4rem;
  line-height: 100%;
  text-decoration: none;
  color: #222;
  padding: 1.6rem 2rem;
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.sd-content-nav__btn:hover {
  background-color: rgba(94, 169, 200, 0.2);
  color: #333;
  text-decoration: none; }

.sd-content-nav__btn:active, .sd-content-nav__btn--active {
  background-color: white;
  color: #5ea9c8; }

.sd-content-nav-title {
  font-size: 1.5rem;
  font-weight: 300; }

.sd-content-nav-title--uppercase {
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase; }

.color-swatch__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6.8rem, 6.8rem));
  grid-gap: 0.9rem;
  margin: 0.4rem 0 2.4rem 0; }

.color-swatch {
  height: 6.8rem;
  width: 6.8rem;
  padding: 0.2rem;
  border-radius: 50%;
  border: 2px solid rgba(94, 169, 200, 0); }

.color-swatch--selected {
  border-color: #5ea9c8; }

.color-swatch--selected .color-swatch__inner {
  box-shadow: none !important; }

.color-swatch.sd-editor--theme-default .color-swatch__inner {
  background-color: #fff;
  color: #333; }

.color-swatch.sd-editor--theme-dark .color-swatch__inner {
  background-color: #222;
  color: #AACCD1; }

.color-swatch.sd-editor--theme-blue .color-swatch__inner {
  background-color: #06356A;
  color: #fff; }

.color-swatch.sd-editor--theme-turquoise .color-swatch__inner {
  background-color: #5AC7C3;
  color: #122235; }

.color-swatch.sd-editor--theme-military .color-swatch__inner {
  background-color: #949E5F;
  color: #252818; }

.color-swatch.sd-editor--theme-natural .color-swatch__inner {
  background-color: #EFE9C5;
  color: #1D1414; }

.color-swatch__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  background-color: #fff;
  color: #333;
  text-align: center;
  font-size: 2rem;
  line-height: 6rem;
  text-transform: uppercase;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer; }

.color-swatch__inner:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.2); }

.text-field__headline {
  font-weight: 500;
  min-height: 6rem; }

.text-field__abstract {
  font-weight: 400;
  font-style: italic;
  min-height: 9.2rem; }

.text-field__body {
  font-weight: 300;
  min-height: 9.2rem; }

.theme-preview {
  margin: 0 -2rem -2rem -2rem;
  padding: 2rem;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

.theme-preview .theme-preview__label {
  opacity: 0.7;
  transition: opacity 0.3s ease-out; }

.theme-preview:hover .theme-preview__label {
  opacity: 1; }

.theme-preview.sd-editor--font-sans {
  font-family: "Roboto", sans-serif; }

.theme-preview.sd-editor--font-serif {
  font-family: "Merriweather", serif; }

.theme-preview.sd-editor--font-mono {
  font-family: "Roboto Mono", monospace; }

.theme-preview.sd-editor--theme-default {
  background-color: #fff;
  color: #333; }

.theme-preview.sd-editor--theme-dark {
  background-color: #222;
  color: #AACCD1; }

.theme-preview.sd-editor--theme-blue {
  background-color: #06356A;
  color: #fff; }

.theme-preview.sd-editor--theme-turquoise {
  background-color: #5AC7C3;
  color: #122235; }

.theme-preview.sd-editor--theme-military {
  background-color: #949E5F;
  color: #252818; }

.theme-preview.sd-editor--theme-natural {
  background-color: #EFE9C5;
  color: #1D1414; }

.theme-preview.sd-editor--headline-small .text-field__headline {
  font-size: 2.3rem; }

.theme-preview.sd-editor--headline-medium .text-field__headline {
  font-size: 2.8rem; }

.theme-preview.sd-editor--headline-large .text-field__headline {
  font-size: 3.2rem; }

.theme-preview.sd-editor--abstract-small .text-field__abstract {
  font-size: 1.4rem; }

.theme-preview.sd-editor--abstract-medium .text-field__abstract {
  font-size: 1.6rem; }

.theme-preview.sd-editor--abstract-large .text-field__abstract {
  font-size: 1.8rem; }

.theme-preview.sd-editor--body-small .text-field__body {
  font-size: 1.4rem; }

.theme-preview.sd-editor--body-medium .text-field__body {
  font-size: 1.6rem; }

.theme-preview.sd-editor--body-large .text-field__body {
  font-size: 1.8rem; }

.theme-preview__block {
  margin-bottom: 1.2rem; }

.theme-preview__block:last-child {
  margin-bottom: 0; }

.theme-preview__label {
  display: inline-block;
  padding: 0.4rem 0.7rem 0.3rem 0.7rem;
  vertical-align: middle;
  border-radius: 2px;
  text-transform: uppercase;
  line-height: 1rem;
  letter-spacing: 0.05em;
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: "Roboto"; }

.theme-preview__text-field {
  display: flex;
  line-height: 140%;
  color: inherit;
  font-family: inherit;
  border-bottom: 1px dotted rgba(123, 123, 123, 0.5);
  margin-bottom: 0.8rem;
  padding: 1rem 0 0.5rem;
  flex-direction: column;
  justify-content: flex-end; }

.theme-preview__media-field {
  display: flex;
  color: inherit;
  font-family: inherit;
  margin-bottom: 0.8rem;
  padding: 1rem 0 0.5rem;
  flex-direction: column; }

.theme-preview__button-bar {
  text-align: right; }

.theme-preview__button-bar .sd-check__wrapper + .sd-check__wrapper {
  margin-left: 0.2rem; }

.main-article.sd-editor--theme-default {
  background-color: #fff;
  color: #333; }

.main-article.sd-editor--theme-default .Editor3-root .DraftEditor-editorContainer blockquote {
  border-left-color: #333; }

.main-article.sd-editor--theme-dark {
  background-color: #222;
  color: #AACCD1; }

.main-article.sd-editor--theme-dark .Editor3-root .DraftEditor-editorContainer blockquote {
  border-left-color: #AACCD1; }

.main-article.sd-editor--theme-blue {
  background-color: #06356A;
  color: #fff; }

.main-article.sd-editor--theme-blue .Editor3-root .DraftEditor-editorContainer blockquote {
  border-left-color: #fff; }

.main-article.sd-editor--theme-turquoise {
  background-color: #5AC7C3;
  color: #122235; }

.main-article.sd-editor--theme-turquoise .Editor3-root .DraftEditor-editorContainer blockquote {
  border-left-color: #122235; }

.main-article.sd-editor--theme-military {
  background-color: #949E5F;
  color: #252818; }

.main-article.sd-editor--theme-military .Editor3-root .DraftEditor-editorContainer blockquote {
  border-left-color: #252818; }

.main-article.sd-editor--theme-natural {
  background-color: #EFE9C5;
  color: #1D1414; }

.main-article.sd-editor--theme-natural .Editor3-root .DraftEditor-editorContainer blockquote {
  border-left-color: #1D1414; }

.main-article.sd-editor--font-sans {
  font-family: "Roboto", sans-serif; }

.main-article.sd-editor--font-serif {
  font-family: "Merriweather", serif; }

.main-article.sd-editor--font-mono {
  font-family: "Roboto Mono", monospace; }

.main-article.sd-editor--headline-small .headline .Editor3-root .DraftEditor-editorContainer {
  font-size: 2.3rem; }

.main-article.sd-editor--headline-small .headline .text-editor, .main-article.sd-editor--headline-small .headline p .text-editor, .main-article.sd-editor--headline-small .headline div .text-editor {
  font-size: 2.3rem; }

.main-article.sd-editor--headline-medium .headline .Editor3-root .DraftEditor-editorContainer {
  font-size: 2.8rem; }

.main-article.sd-editor--headline-medium .headline .text-editor, .main-article.sd-editor--headline-medium .headline p .text-editor, .main-article.sd-editor--headline-medium .headline div .text-editor {
  font-size: 2.8rem; }

.main-article.sd-editor--headline-large .headline .Editor3-root .DraftEditor-editorContainer {
  font-size: 3.2rem; }

.main-article.sd-editor--headline-large .headline .text-editor, .main-article.sd-editor--headline-large .headline p .text-editor, .main-article.sd-editor--headline-large .headline div .text-editor {
  font-size: 3.2rem; }

.main-article.sd-editor--abstract-small .abstract .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.4rem; }

.main-article.sd-editor--abstract-small .abstract, .main-article.sd-editor--abstract-small .abstract p, .main-article.sd-editor--abstract-small .abstract div {
  font-size: 1.4rem; }

.main-article.sd-editor--abstract-medium .abstract .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.6rem; }

.main-article.sd-editor--abstract-medium .abstract, .main-article.sd-editor--abstract-medium .abstract p, .main-article.sd-editor--abstract-medium .abstract div {
  font-size: 1.6rem; }

.main-article.sd-editor--abstract-large .abstract .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.8rem; }

.main-article.sd-editor--abstract-large .abstract, .main-article.sd-editor--abstract-large .abstract p, .main-article.sd-editor--abstract-large .abstract div {
  font-size: 1.8rem; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.4rem; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h1 {
  font-size: 2em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h2 {
  font-size: 1.5em;
  line-height: 140%; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h3 {
  font-size: 1.125em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h4 {
  font-size: 0.875em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h5 {
  font-size: 0.75em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h6 {
  font-size: 0.6875em;
  color: inherit;
  opacity: 0.7;
  letter-spacing: 0.03em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h1, .main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h2, .main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h3, .main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h4, .main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h5, .main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h6 {
  line-height: 140%; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer blockquote {
  margin-left: 0;
  padding-left: 1em;
  border-left: 4px solid;
  font-style: italic; }

.main-article.sd-editor--body-small .body-text .text-editor {
  font-size: 1.4rem; }

.main-article.sd-editor--body-small .body-text .text-editor p {
  font-size: 1.4rem; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.6rem; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h1 {
  font-size: 2em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h2 {
  font-size: 1.5em;
  line-height: 140%; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h3 {
  font-size: 1.125em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h4 {
  font-size: 0.875em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h5 {
  font-size: 0.75em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h6 {
  font-size: 0.6875em;
  color: inherit;
  opacity: 0.7;
  letter-spacing: 0.03em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h1, .main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h2, .main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h3, .main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h4, .main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h5, .main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h6 {
  line-height: 140%; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer blockquote {
  margin-left: 0;
  padding-left: 1em;
  border-left: 4px solid;
  font-style: italic; }

.main-article.sd-editor--body-medium .body-text .text-editor {
  font-size: 1.6rem; }

.main-article.sd-editor--body-medium .body-text .text-editor p {
  font-size: 1.6rem; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.8rem; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h1 {
  font-size: 2em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h2 {
  font-size: 1.5em;
  line-height: 140%; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h3 {
  font-size: 1.125em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h4 {
  font-size: 0.875em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h5 {
  font-size: 0.75em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h6 {
  font-size: 0.6875em;
  color: inherit;
  opacity: 0.7;
  letter-spacing: 0.03em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h1, .main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h2, .main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h3, .main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h4, .main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h5, .main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h6 {
  line-height: 140%; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer blockquote {
  margin-left: 0;
  padding-left: 1em;
  border-left: 4px solid;
  font-style: italic; }

.main-article.sd-editor--body-large .body-text .text-editor {
  font-size: 1.8rem; }

.main-article.sd-editor--body-large .body-text .text-editor p {
  font-size: 1.8rem; }

.p-dropdown {
  align-items: center;
  border-bottom: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  font-size: 1.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 6px 8px;
  border-radius: 2px 2px 0 0; }

.p-dropdown-clear-icon {
  position: static;
  margin: 0; }

.p-dropdown-clear-icon,
.p-dropdown-trigger-icon {
  margin-left: 8px; }

.p-dropdown:hover,
.p-dropdown-item:hover {
  background-color: var(--color-input-bg--hover); }

.p-dropdown.p-focus {
  background-color: var(--color-input-bg--focus);
  box-shadow: 0 1px 0 0 #5ea9c8;
  border-color: #5ea9c8; }

.p-dropdown-panel {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.p-dropdown-filter-container {
  background: #f8f9fa;
  padding: 6px 8px; }

.p-dropdown-item {
  padding: 6px 8px;
  color: #333; }

.p-dropdown-item.p-highlight {
  background-color: #eff7fa; }

.p-dropdown-filter {
  border: 1px solid #5ea9c8;
  box-shadow: #84bdd5 0px 0px 0px 0.2rem;
  border-radius: 2px;
  padding-right: 20px; }

.p-dropdown-loader-icon {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 12px; }

.p-dropdown-empty-message {
  padding: 6px 8px; }

.p-datepicker {
  color: #333;
  background: #fff;
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
  border-radius: 4px; }

.p-datepicker .p-datepicker-title {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  margin: 0 2.3em;
  text-align: center; }

.p-datepicker .p-datepicker-header {
  position: relative;
  flex-wrap: wrap;
  padding: .5em 0; }

.p-datepicker table {
  border: none; }

.p-datepicker-month,
p-datepicker-year {
  display: block; }

.p-datepicker td, .p-datepicker th {
  border: 0;
  padding: 0; }

.p-datepicker.p-component {
  display: block !important; }

.p-datepicker table td > span:not(.p-highlight):not(.p-disabled):hover {
  background-color: #eff7fa; }

.p-datepicker table td > span {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  font-weight: normal;
  margin-left: 3px;
  margin-right: 3px; }

.p-datepicker .p-highlight {
  background-color: #5ea9c8;
  color: #fff; }

.p-datepicker-trigger {
  font-size: 1.4em;
  cursor: pointer; }

.p-datepicker-trigger .p-button-icon-left {
  color: #7F7F7F; }

.p-datepicker-trigger:not(.p-disabled) .p-button-icon-left:hover {
  color: #5ea9c8; }

.p-calendar .p-inputtext, .p-calendar .p-datepicker-trigger {
  color: #333;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--color-input-border);
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 2px; }

.p-calendar-w-btn {
  width: 110px; }

.p-calendar-w-btn .p-inputtext, .p-calendar-w-btn .p-datepicker-trigger {
  width: calc(100% - 24px); }

.p-calendar-w-btn .p-datepicker-trigger {
  width: 24px;
  margin: 0; }

.p-disabled {
  opacity: 0.5; }

.sd-avatar {
  display: block;
  position: relative; }

.sd-avatar--indicator-status--offline, .sd-avatar--indicator-status--online {
  display: block;
  background-color: #fff;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: absolute;
  bottom: -1px;
  right: -4px;
  box-shadow: 0px 0 0 2px #fff;
  border: 1px solid #a2c59e;
  box-sizing: border-box; }

.sd-avatar--indicator-status--online {
  background-color: #67b461;
  border: 1px solid #67b461; }

.sd-avatar--indicator-admin {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 1;
  color: #FF5722 !important; }

.sd-avatar--indicator-admin:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #fff;
  width: 8px;
  height: 8px;
  z-index: -1;
  border-radius: 50%; }

.sd-avatar--small {
  height: 24px;
  width: 24px;
  font-size: 1rem; }

.sd-avatar--small .sd-avatar--indicator-admin {
  top: -4px;
  left: -6px; }

.sd-avatar--medium {
  height: 30px;
  width: 30px;
  font-size: 1rem; }

.sd-avatar--large {
  height: 48px;
  width: 48px;
  font-size: 1.8rem; }

.sd-avatar--large .sd-avatar--indicator-status--offline, .sd-avatar--large .sd-avatar--indicator-status--online,
.sd-avatar--large .sd-avatar--indicator-status--online {
  height: 12px;
  width: 12px;
  bottom: -1px;
  right: -4px; }

.sd-avatar--large .sd-avatar--indicator-admin {
  top: -2px;
  left: -4px; }

.sd-avatar--x-large {
  height: 96px;
  width: 96px;
  font-size: 3.2rem; }

.sd-avatar--x-large .sd-avatar--indicator-status--offline, .sd-avatar--x-large .sd-avatar--indicator-status--online,
.sd-avatar--x-large .sd-avatar--indicator-status--online {
  height: 16px;
  width: 16px;
  bottom: -2px;
  right: 4px; }

.sd-avatar--x-large .sd-avatar--indicator-admin {
  top: 2px;
  left: 0;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.sd-avatar--x-large .sd-avatar--indicator-admin:after {
  height: 14px;
  width: 14px;
  top: 1px;
  left: 5px; }

.sd-avatar--xx-large {
  height: 120px;
  width: 120px;
  font-size: 4rem; }

.sd-avatar--xx-large .sd-avatar--indicator-status--offline, .sd-avatar--xx-large .sd-avatar--indicator-status--online,
.sd-avatar--xx-large .sd-avatar--indicator-status--online {
  height: 18px;
  width: 18px;
  bottom: -2px;
  right: 8px; }

.sd-avatar--xx-large .sd-avatar--indicator-admin {
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.sd-avatar--xx-large .sd-avatar--indicator-admin:after {
  height: 14px;
  width: 14px;
  top: 1px;
  left: 5px; }

.sd-avatar .sd-avatar-content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  overflow: hidden;
  border-radius: 50%; }

.sd-avatar .sd-avatar-content > img {
  width: 100%; }

.sd-avatar .sd-avatar-content--text {
  background-color: #005b7f; }

.sd-avatar .sd-avatar-content--empty {
  background-color: #005b7f;
  background-image: url(e728acd059d8bbb656ca8b18531886f8.png);
  background-repeat: no-repeat;
  background-size: cover; }
/*!
 * TOAST UI ImageEditor
 * @version 3.15.3
 * @license MIT
 */
body > textarea {
  position: fixed !important; }

.tui-image-editor-container {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  min-height: 300px;
  height: 100%;
  position: relative;
  background-color: #282828;
  overflow: hidden;
  letter-spacing: .3px; }

.tui-image-editor-container div, .tui-image-editor-container ul, .tui-image-editor-container label, .tui-image-editor-container input, .tui-image-editor-container li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.tui-image-editor-container .tui-image-editor-header {
  min-width: 533px;
  position: absolute;
  background-color: #151515;
  top: 0;
  width: 100%; }

.tui-image-editor-container .tui-image-editor-header-buttons, .tui-image-editor-container .tui-image-editor-controls-buttons {
  float: right;
  margin: 8px; }

.tui-image-editor-container .tui-image-editor-header-logo, .tui-image-editor-container .tui-image-editor-controls-logo {
  float: left;
  width: 30%;
  padding: 17px; }

.tui-image-editor-container .tui-image-editor-controls-logo, .tui-image-editor-container .tui-image-editor-controls-buttons {
  width: 270px;
  height: 100%;
  display: none; }

.tui-image-editor-container .tui-image-editor-header-buttons button, .tui-image-editor-container .tui-image-editor-header-buttons div, .tui-image-editor-container .tui-image-editor-controls-buttons button, .tui-image-editor-container .tui-image-editor-controls-buttons div {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  outline: none;
  border-radius: 20px;
  border: 1px solid #ddd;
  font-family: 'Noto Sans',sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  letter-spacing: .3px;
  text-align: center; }

.tui-image-editor-container .tui-image-editor-download-btn {
  background-color: #fdba3b;
  border-color: #fdba3b;
  color: #fff; }

.tui-image-editor-container .tui-image-editor-load-btn {
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  top: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0; }

.tui-image-editor-container .tui-image-editor-main-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 64px; }

.tui-image-editor-container .tui-image-editor-main {
  position: absolute;
  text-align: center;
  top: 64px;
  bottom: 0;
  right: 0;
  left: 0; }

.tui-image-editor-container .tui-image-editor-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: auto; }

.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap {
  display: table;
  width: 100%;
  height: 100%; }

.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap .tui-image-editor-align-wrap {
  display: table-cell;
  vertical-align: middle; }

.tui-image-editor-container .tui-image-editor {
  position: relative;
  display: inline-block; }

.tui-image-editor-container .tui-image-editor-menu, .tui-image-editor-container .tui-image-editor-help-menu {
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }

.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item, .tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  padding: 7px 8px 3px 8px;
  cursor: pointer;
  margin: 0 4px; }

.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:hover:before, .tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item[tooltip-content]:hover:before {
  content: '';
  position: absolute;
  display: inline-block;
  margin: 0 auto 0;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-top: 7px solid #2f2f2f;
  border-left: 7px solid transparent;
  left: 13px;
  top: -2px; }

.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:hover:after, .tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item[tooltip-content]:hover:after {
  content: attr(tooltip-content);
  position: absolute;
  display: inline-block;
  background-color: #2f2f2f;
  color: #fff;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: lighter;
  border-radius: 3px;
  max-height: 23px;
  top: -25px;
  left: 0;
  min-width: 24px; }

.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item.active, .tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item.active {
  background-color: #fff;
  transition: all .3s ease; }

.tui-image-editor-container .tui-image-editor-wrap {
  position: absolute; }

.tui-image-editor-container .tui-image-editor-grid-visual {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.7); }

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor {
  transition: none; }

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-grid-visual, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-grid-visual, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-grid-visual {
  display: block; }

.tui-image-editor-container .tui-image-editor-grid-visual table {
  width: 100%;
  height: 100%;
  border-collapse: collapse; }

.tui-image-editor-container .tui-image-editor-grid-visual table td {
  border: 1px solid rgba(255, 255, 255, 0.3); }

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 0;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  background-color: #fff; }

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-top:before {
  top: -5px;
  left: -5px; }

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-top:before {
  top: -5px;
  right: -5px; }

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-bottom:before {
  bottom: -5px;
  left: -5px; }

.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-bottom:before {
  bottom: -5px;
  right: -5px; }

.tui-image-editor-container .tui-image-editor-submenu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  white-space: nowrap;
  z-index: 2; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button:hover svg > use.active {
  display: block; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item li {
  display: inline-block;
  vertical-align: top; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-newline {
  display: block;
  margin-top: 0; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-size: 11px;
  margin: 0 9px 0 9px; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.preset {
  margin: 0 9px 20px 5px; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label > span {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  font-family: "Noto Sans",sans-serif;
  font-size: 11px; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.apply label, .tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.cancel label {
  vertical-align: 7px; }

.tui-image-editor-container .tui-image-editor-submenu > div {
  display: none;
  vertical-align: bottom; }

.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-style {
  opacity: .95;
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block; }

.tui-image-editor-container .tui-image-editor-partition > div {
  width: 1px;
  height: 52px;
  border-left: 1px solid #3c3c3c;
  margin: 0 8px 0 8px; }

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-partition > div {
  height: 108px;
  margin: 0 29px 0 0; }

.tui-image-editor-container .tui-image-editor-submenu-align {
  text-align: left;
  margin-right: 30px; }

.tui-image-editor-container .tui-image-editor-submenu-align label > span {
  width: 55px;
  white-space: nowrap; }

.tui-image-editor-container .tui-image-editor-submenu-align:first-child {
  margin-right: 0; }

.tui-image-editor-container .tui-image-editor-submenu-align:first-child label > span {
  width: 70px; }

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu > div.tui-image-editor-menu-crop, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu > div.tui-image-editor-menu-resize, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu > div.tui-image-editor-menu-flip, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu > div.tui-image-editor-menu-rotate, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu > div.tui-image-editor-menu-shape, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu > div.tui-image-editor-menu-text, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu > div.tui-image-editor-menu-mask, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu > div.tui-image-editor-menu-icon, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu > div.tui-image-editor-menu-draw, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu > div.tui-image-editor-menu-filter, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu > div.tui-image-editor-menu-zoom {
  display: table-cell; }

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu {
  display: table; }

.tui-image-editor-container .tui-image-editor-help-menu {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.06);
  z-index: 2;
  position: absolute; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history {
  display: none;
  background-color: #fff;
  color: #444;
  position: absolute;
  width: 196px;
  height: 276px;
  padding: 4px 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  cursor: auto;
  transform: translateX(calc(-50% + 12px)); }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list {
  height: 268px;
  padding: 0;
  overflow: hidden scroll;
  list-style: none; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item {
  height: 24px;
  font-size: 11px;
  line-height: 24px; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item {
  position: relative;
  height: 24px;
  cursor: pointer; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item svg {
  width: 24px;
  height: 24px; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item span {
  display: inline-block;
  width: 128px;
  height: 24px;
  text-align: left; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 6px;
  left: 6px; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-checkbox {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 5px;
  right: -6px; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item {
  background-color: rgba(119, 119, 119, 0.12); }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item .history-item-checkbox {
  display: inline-block; }

.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.disabled-item {
  color: #333;
  opacity: .3; }

.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history {
  display: block; }

.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history:before {
  content: '';
  position: absolute;
  display: inline-block;
  margin: 0 auto;
  width: 0;
  height: 0; }

.tui-image-editor-container .filter-color-item {
  display: inline-block; }

.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox {
  display: block; }

.tui-image-editor-container .tui-image-editor-checkbox-wrap {
  display: inline-block !important;
  text-align: left; }

.tui-image-editor-container .tui-image-editor-checkbox-wrap.fixed-width {
  width: 187px;
  white-space: normal; }

.tui-image-editor-container .tui-image-editor-checkbox {
  display: inline-block;
  margin: 1px 0 1px 0; }

.tui-image-editor-container .tui-image-editor-checkbox input {
  width: 14px;
  height: 14px;
  opacity: 0; }

.tui-image-editor-container .tui-image-editor-checkbox > label > span {
  color: #fff;
  height: 14px;
  position: relative; }

.tui-image-editor-container .tui-image-editor-checkbox input + label:before, .tui-image-editor-container .tui-image-editor-checkbox > label > span:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #fff;
  top: 6px;
  left: -19px;
  display: inline-block;
  margin: 0;
  text-align: center;
  font-size: 11px;
  border: 0;
  border-radius: 2px;
  padding-top: 1px;
  box-sizing: border-box; }

.tui-image-editor-container .tui-image-editor-checkbox input[type='checkbox']:checked + span:before {
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==); }

.tui-image-editor-container .tui-image-editor-selectlist-wrap {
  position: relative; }

.tui-image-editor-container .tui-image-editor-selectlist-wrap select {
  width: 100%;
  height: 28px;
  margin-top: 4px;
  border: 0;
  outline: 0;
  border-radius: 0;
  border: 1px solid #cbdbdb;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 7px 0 10px; }

.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist {
  display: none;
  position: relative;
  top: -1px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-top: 0;
  padding: 4px 0; }

.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li {
  display: block;
  text-align: left;
  padding: 7px 10px;
  font-family: 'Noto Sans',sans-serif; }

.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li:hover {
  background-color: rgba(81, 92, 230, 0.05); }

.tui-image-editor-container .tui-image-editor-selectlist-wrap:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 14px;
  right: 5px;
  top: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=);
  background-size: cover; }

.tui-image-editor-container .tui-image-editor-selectlist-wrap select::-ms-expand {
  display: none; }

.tui-image-editor-container .tui-image-editor-virtual-range-bar .tui-image-editor-disabled, .tui-image-editor-container .tui-image-editor-virtual-range-subbar .tui-image-editor-disabled, .tui-image-editor-container .tui-image-editor-virtual-range-pointer .tui-image-editor-disabled {
  backbround-color: #f00; }

.tui-image-editor-container .tui-image-editor-range {
  position: relative;
  top: 5px;
  width: 166px;
  height: 17px;
  display: inline-block; }

.tui-image-editor-container .tui-image-editor-virtual-range-bar {
  top: 7px;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #666; }

.tui-image-editor-container .tui-image-editor-virtual-range-subbar {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  background-color: #d1d1d1; }

.tui-image-editor-container .tui-image-editor-virtual-range-pointer {
  position: absolute;
  cursor: pointer;
  top: -5px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100%; }

.tui-image-editor-container .tui-image-editor-range-wrap {
  display: inline-block;
  margin-left: 4px; }

.tui-image-editor-container .tui-image-editor-range-wrap.short .tui-image-editor-range {
  width: 100px; }

.tui-image-editor-container .color-picker-control .tui-image-editor-range {
  width: 108px;
  margin-left: 10px; }

.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-pointer {
  background-color: #333; }

.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-bar {
  background-color: #ccc; }

.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-subbar {
  background-color: #606060; }

.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short {
  margin-top: -2px;
  margin-left: 19px; }

.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short label {
  color: #8e8e8e;
  font-weight: normal; }

.tui-image-editor-container .tui-image-editor-range-wrap label {
  vertical-align: baseline;
  font-size: 11px;
  margin-right: 7px;
  color: #fff; }

.tui-image-editor-container .tui-image-editor-range-value {
  cursor: default;
  width: 40px;
  height: 24px;
  outline: none;
  border-radius: 2px;
  box-shadow: none;
  border: 1px solid #d5d5d5;
  text-align: center;
  background-color: #1c1c1c;
  color: #fff;
  font-weight: lighter;
  vertical-align: baseline;
  font-family: 'Noto Sans',sans-serif;
  margin-top: 15px;
  margin-left: 4px; }

.tui-image-editor-container .tui-image-editor-controls {
  position: absolute;
  background-color: #151515;
  width: 100%;
  height: 64px;
  display: table;
  bottom: 0;
  z-index: 2; }

.tui-image-editor-container .tui-image-editor-icpartition {
  display: inline-block;
  background-color: #444;
  width: 1px;
  height: 24px; }

.tui-image-editor-container.left .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:before {
  left: 28px;
  top: 11px;
  border-right: 7px solid #2f2f2f;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tui-image-editor-container.left .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:after {
  top: 7px;
  left: 42px;
  white-space: nowrap; }

.tui-image-editor-container.left .tui-image-editor-submenu {
  left: 0;
  height: 100%;
  width: 248px; }

.tui-image-editor-container.left .tui-image-editor-main-container {
  left: 64px;
  width: calc(100% - 64px);
  height: 100%; }

.tui-image-editor-container.left .tui-image-editor-controls {
  width: 64px;
  height: 100%;
  display: table; }

.tui-image-editor-container.left .tui-image-editor-menu, .tui-image-editor-container.right .tui-image-editor-menu {
  white-space: inherit; }

.tui-image-editor-container.left .tui-image-editor-submenu, .tui-image-editor-container.right .tui-image-editor-submenu {
  white-space: normal; }

.tui-image-editor-container.left .tui-image-editor-submenu > div, .tui-image-editor-container.right .tui-image-editor-submenu > div {
  vertical-align: middle; }

.tui-image-editor-container.left .tui-image-editor-controls li, .tui-image-editor-container.right .tui-image-editor-controls li {
  display: inline-block;
  margin: 4px auto; }

.tui-image-editor-container.left .tui-image-editor-icpartition, .tui-image-editor-container.right .tui-image-editor-icpartition {
  position: relative;
  top: -7px;
  width: 24px;
  height: 1px; }

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition, .tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition {
  display: block;
  width: 75%;
  margin: auto; }

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition > div, .tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition > div {
  border-left: 0;
  height: 10px;
  border-bottom: 1px solid #3c3c3c;
  width: 100%;
  margin: 0; }

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-align, .tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-align {
  margin-right: 0; }

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item li, .tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item li {
  margin-top: 15px; }

.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li, .tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li {
  margin-top: 0; }

.tui-image-editor-container.left .tui-image-editor-checkbox-wrap.fixed-width, .tui-image-editor-container.right .tui-image-editor-checkbox-wrap.fixed-width {
  width: 182px;
  white-space: normal; }

.tui-image-editor-container.left .tui-image-editor-range-wrap.tui-image-editor-newline label.range, .tui-image-editor-container.right .tui-image-editor-range-wrap.tui-image-editor-newline label.range {
  display: block;
  text-align: left;
  width: 75%;
  margin: auto; }

.tui-image-editor-container.left .tui-image-editor-range, .tui-image-editor-container.right .tui-image-editor-range {
  width: 136px; }

.tui-image-editor-container.right .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:before {
  left: -3px;
  top: 11px;
  border-left: 7px solid #2f2f2f;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tui-image-editor-container.right .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:after {
  top: 7px;
  left: unset;
  right: 43px;
  white-space: nowrap; }

.tui-image-editor-container.right .tui-image-editor-submenu {
  right: 0;
  height: 100%;
  width: 248px; }

.tui-image-editor-container.right .tui-image-editor-main-container {
  right: 64px;
  width: calc(100% - 64px);
  height: 100%; }

.tui-image-editor-container.right .tui-image-editor-controls {
  right: 0;
  width: 64px;
  height: 100%;
  display: table; }

.tui-image-editor-container.top .tui-image-editor-submenu .tui-image-editor-partition.only-left-right, .tui-image-editor-container.bottom .tui-image-editor-submenu .tui-image-editor-partition.only-left-right {
  display: none; }

.tui-image-editor-container.bottom .tui-image-editor-submenu > div {
  padding-bottom: 24px; }

.tui-image-editor-container.top .color-picker-control .triangle {
  top: -8px;
  border-right: 7px solid transparent;
  border-top: 0;
  border-left: 7px solid transparent;
  border-bottom: 8px solid #fff; }

.tui-image-editor-container.top .tui-image-editor-size-wrap {
  height: 100%; }

.tui-image-editor-container.top .tui-image-editor-main-container {
  bottom: 0; }

.tui-image-editor-container.top .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:before {
  left: 13px;
  border-top: 0;
  border-bottom: 7px solid #2f2f2f;
  top: 33px; }

.tui-image-editor-container.top .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:after {
  top: 38px; }

.tui-image-editor-container.top .tui-image-editor-submenu {
  top: 0;
  bottom: auto; }

.tui-image-editor-container.top .tui-image-editor-submenu > div {
  padding-top: 24px;
  vertical-align: top; }

.tui-image-editor-container.top .tui-image-editor-controls-logo {
  display: table-cell; }

.tui-image-editor-container.top .tui-image-editor-controls-buttons {
  display: table-cell; }

.tui-image-editor-container.top .tui-image-editor-main {
  top: 64px;
  height: calc(100% - 64px); }

.tui-image-editor-container.top .tui-image-editor-controls {
  top: 0;
  bottom: inherit; }

.tui-image-editor-container .tui-image-editor-help-menu.top {
  white-space: nowrap;
  width: 506px;
  height: 40px;
  top: 8px;
  left: 50%;
  transform: translateX(-50%); }

.tui-image-editor-container .tui-image-editor-help-menu.top .tie-panel-history {
  top: 45px; }

.tui-image-editor-container .tui-image-editor-help-menu.top .opened .tie-panel-history:before {
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #fff;
  left: 90px;
  top: -8px; }

.tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content]:before {
  left: 13px;
  top: 35px;
  border: none;
  border-bottom: 7px solid #2f2f2f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent; }

.tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content]:after {
  top: 41px;
  left: -4px;
  white-space: nowrap; }

.tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content].opened:before, .tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content].opened:after {
  content: none; }

.tui-image-editor-container .tui-image-editor-help-menu.bottom {
  white-space: nowrap;
  width: 506px;
  height: 40px;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%); }

.tui-image-editor-container .tui-image-editor-help-menu.bottom .tie-panel-history {
  bottom: 45px; }

.tui-image-editor-container .tui-image-editor-help-menu.bottom .opened .tie-panel-history:before {
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #fff;
  left: 90px;
  bottom: -8px; }

.tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content]:before {
  left: 13px;
  top: auto;
  bottom: 36px;
  border: none;
  border-top: 7px solid #2f2f2f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent; }

.tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content]:after {
  top: auto;
  left: -4px;
  bottom: 41px;
  white-space: nowrap; }

.tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content].opened:before, .tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content].opened:after {
  content: none; }

.tui-image-editor-container .tui-image-editor-help-menu.left {
  white-space: inherit;
  width: 40px;
  height: 506px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%); }

.tui-image-editor-container .tui-image-editor-help-menu.left .tie-panel-history {
  left: 140px;
  top: -4px; }

.tui-image-editor-container .tui-image-editor-help-menu.left .opened .tie-panel-history:before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  left: -8px;
  top: 14px; }

.tui-image-editor-container .tui-image-editor-help-menu.left .tui-image-editor-item {
  margin: 4px auto;
  padding: 6px 8px; }

.tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content]:before {
  left: 27px;
  top: 11px;
  border: none;
  border-right: 7px solid #2f2f2f;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content]:after {
  top: 7px;
  left: 40px;
  white-space: nowrap; }

.tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content].opened:before, .tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content].opened:after {
  content: none; }

.tui-image-editor-container .tui-image-editor-help-menu.right {
  white-space: inherit;
  width: 40px;
  height: 506px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%); }

.tui-image-editor-container .tui-image-editor-help-menu.right .tie-panel-history {
  right: -30px;
  top: -4px; }

.tui-image-editor-container .tui-image-editor-help-menu.right .opened .tie-panel-history:before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  right: -8px;
  top: 14px; }

.tui-image-editor-container .tui-image-editor-help-menu.right .tui-image-editor-item {
  margin: 4px auto;
  padding: 6px 8px; }

.tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content]:before {
  left: -6px;
  top: 11px;
  border: none;
  border-left: 7px solid #2f2f2f;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content]:after {
  top: 7px;
  left: auto;
  right: 39px;
  white-space: nowrap; }

.tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content].opened:before, .tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content].opened:after {
  content: none; }

.tui-image-editor-container .tie-icon-add-button .tui-image-editor-button {
  min-width: 42px; }

.tui-image-editor-container .svg_ic-menu, .tui-image-editor-container .svg_ic-helpmenu {
  width: 24px;
  height: 24px; }

.tui-image-editor-container .svg_ic-submenu {
  width: 32px;
  height: 32px; }

.tui-image-editor-container .svg_img-bi {
  width: 257px;
  height: 26px; }

.tui-image-editor-container .tui-image-editor-help-menu svg > use, .tui-image-editor-container .tui-image-editor-controls svg > use {
  display: none; }

.tui-image-editor-container .tui-image-editor-help-menu .enabled svg:hover > use.hover, .tui-image-editor-container .tui-image-editor-controls .enabled svg:hover > use.hover, .tui-image-editor-container .tui-image-editor-help-menu .normal svg:hover > use.hover, .tui-image-editor-container .tui-image-editor-controls .normal svg:hover > use.hover {
  display: block; }

.tui-image-editor-container .tui-image-editor-help-menu .active svg:hover > use.hover, .tui-image-editor-container .tui-image-editor-controls .active svg:hover > use.hover {
  display: none; }

.tui-image-editor-container .tui-image-editor-help-menu .on svg > use.hover, .tui-image-editor-container .tui-image-editor-controls .on svg > use.hover, .tui-image-editor-container .tui-image-editor-help-menu .opened svg > use.hover, .tui-image-editor-container .tui-image-editor-controls .opened svg > use.hover {
  display: block; }

.tui-image-editor-container .tui-image-editor-help-menu svg > use.normal, .tui-image-editor-container .tui-image-editor-controls svg > use.normal {
  display: block; }

.tui-image-editor-container .tui-image-editor-help-menu .active svg > use.active, .tui-image-editor-container .tui-image-editor-controls .active svg > use.active {
  display: block; }

.tui-image-editor-container .tui-image-editor-help-menu .enabled svg > use.enabled, .tui-image-editor-container .tui-image-editor-controls .enabled svg > use.enabled {
  display: block; }

.tui-image-editor-container .tui-image-editor-help-menu .active svg > use.normal, .tui-image-editor-container .tui-image-editor-controls .active svg > use.normal, .tui-image-editor-container .tui-image-editor-help-menu .enabled svg > use.normal, .tui-image-editor-container .tui-image-editor-controls .enabled svg > use.normal {
  display: none; }

.tui-image-editor-container .tui-image-editor-help-menu .help svg > use.disabled, .tui-image-editor-container .tui-image-editor-controls .help svg > use.disabled, .tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg > use.normal, .tui-image-editor-container .tui-image-editor-controls .help.enabled svg > use.normal {
  display: block; }

.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg > use.disabled, .tui-image-editor-container .tui-image-editor-controls .help.enabled svg > use.disabled {
  display: none; }

.tui-image-editor-container .tui-image-editor-controls:hover {
  z-index: 3; }

.tui-image-editor-container div.tui-colorpicker-clearfix {
  width: 159px;
  height: 28px;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  background-color: #f5f5f5;
  margin-top: 6px;
  padding: 4px 7px 4px 7px; }

.tui-image-editor-container .tui-colorpicker-palette-hex {
  width: 114px;
  background-color: #f5f5f5;
  border: 0;
  font-size: 11px;
  margin-top: 2px;
  font-family: 'Noto Sans',sans-serif; }

.tui-image-editor-container .tui-colorpicker-palette-hex[value='#ffffff'] + .tui-colorpicker-palette-preview, .tui-image-editor-container .tui-colorpicker-palette-hex[value=''] + .tui-colorpicker-palette-preview {
  border: 1px solid #ccc; }

.tui-image-editor-container .tui-colorpicker-palette-hex[value=''] + .tui-colorpicker-palette-preview {
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC); }

.tui-image-editor-container .tui-colorpicker-palette-preview {
  border-radius: 100%;
  float: left;
  width: 17px;
  height: 17px;
  border: 0; }

.tui-image-editor-container .color-picker-control {
  position: absolute;
  display: none;
  z-index: 99;
  width: 192px;
  background-color: #fff;
  box-shadow: 0 3px 22px 6px rgba(0, 0, 0, 0.15);
  padding: 16px;
  border-radius: 2px; }

.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-toggle-slider {
  display: none; }

.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button {
  border: 0;
  border-radius: 100%;
  margin: 2px;
  background-size: cover;
  font-size: 1px; }

.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title='#ffffff'] {
  border: 1px solid #ccc; }

.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title=''] {
  border: 1px solid #ccc; }

.tui-image-editor-container .color-picker-control .triangle {
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-top: 8px solid #fff;
  border-left: 7px solid transparent;
  position: absolute;
  bottom: -8px;
  left: 84px; }

.tui-image-editor-container .color-picker-control .tui-colorpicker-container, .tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container ul, .tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container {
  width: 100%;
  height: auto; }

.tui-image-editor-container .filter-color-item .color-picker-control label {
  font-color: #333;
  font-weight: normal;
  margin-right: 7pxleft; }

.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox {
  margin-top: 0; }

.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input + label:before, .tui-image-editor-container .filter-color-item .tui-image-editor-checkbox > label:before {
  left: -16px; }

.tui-image-editor-container .color-picker {
  width: 100%;
  height: auto; }

.tui-image-editor-container .color-picker-value {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 100%;
  margin: auto;
  margin-bottom: 1px; }

.tui-image-editor-container .color-picker-value.transparent {
  border: 1px solid #cbcbcb;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC); }

.tui-image-editor-container .color-picker-value + label {
  color: #fff; }

.tui-image-editor-container .tui-image-editor-submenu svg > use {
  display: none; }

.tui-image-editor-container .tui-image-editor-submenu svg > use.normal {
  display: block; }

.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype="icon-bubble"] svg > use.active, .tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype="icon-heart"] svg > use.active, .tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype="icon-location"] svg > use.active, .tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype="icon-polygon"] svg > use.active, .tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype="icon-star"] svg > use.active, .tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype="icon-star-2"] svg > use.active, .tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype="icon-arrow-3"] svg > use.active, .tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype="icon-arrow-2"] svg > use.active, .tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype="icon-arrow"] svg > use.active {
  display: block; }

.tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.normal, .tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.normal {
  display: none; }

.tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.active, .tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.active {
  display: block; }

.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.normal, .tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.normal, .tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.normal {
  display: none; }

.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.active, .tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.active, .tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.active {
  display: block; }

.tie-mask-apply.apply.active .tui-image-editor-button.apply label {
  color: #fff; }

.tie-mask-apply.apply.active .tui-image-editor-button.apply svg > use.active {
  display: block; }

.tie-crop-button .tui-image-editor-button.apply, .tie-crop-preset-button .tui-image-editor-button.apply {
  margin-right: 24px; }

.tie-crop-button .tui-image-editor-button.preset.active svg > use.active, .tie-crop-preset-button .tui-image-editor-button.preset.active svg > use.active {
  display: block; }

.tie-crop-button .tui-image-editor-button.apply.active svg > use.active, .tie-crop-preset-button .tui-image-editor-button.apply.active svg > use.active {
  display: block; }

.tie-resize-button .tui-image-editor-button.apply, .tie-resize-preset-button .tui-image-editor-button.apply {
  margin-right: 24px; }

.tie-resize-button .tui-image-editor-button.preset.active svg > use.active, .tie-resize-preset-button .tui-image-editor-button.preset.active svg > use.active {
  display: block; }

.tie-resize-button .tui-image-editor-button.apply.active svg > use.active, .tie-resize-preset-button .tui-image-editor-button.apply.active svg > use.active {
  display: block; }

.tie-shape-button.rect .tui-image-editor-button.rect svg > use.normal, .tie-shape-button.circle .tui-image-editor-button.circle svg > use.normal, .tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.normal {
  display: none; }

.tie-shape-button.rect .tui-image-editor-button.rect svg > use.active, .tie-shape-button.circle .tui-image-editor-button.circle svg > use.active, .tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.active {
  display: block; }

.tie-text-effect-button .tui-image-editor-button.active svg > use.active {
  display: block; }

.tie-text-align-button.tie-text-align-left .tui-image-editor-button.left svg > use.active, .tie-text-align-button.tie-text-align-center .tui-image-editor-button.center svg > use.active, .tie-text-align-button.tie-text-align-right .tui-image-editor-button.right svg > use.active {
  display: block; }

.tie-mask-image-file, .tie-icon-image-file {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #008000;
  cursor: inherit;
  left: 0;
  top: 0; }

.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg > use.normal, .tie-zoom-button.flipX .tui-image-editor-button.flipX svg > use.normal, .tie-zoom-button.flipY .tui-image-editor-button.flipY svg > use.normal {
  display: none; }

.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg > use.active, .tie-zoom-button.flipX .tui-image-editor-button.flipX svg > use.active, .tie-zoom-button.flipY .tui-image-editor-button.flipY svg > use.active {
  display: block; }

.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls ul {
  text-align: right; }

.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls-logo {
  display: none; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.login-screen {
  position: fixed;
  z-index: 9000;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #323232; }
  .login-screen .logo-handler {
    margin-bottom: 60px; }
  .login-screen .login-form-container {
    box-sizing: border-box;
    width: 320px;
    height: 600px;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -125px;
    padding-top: 80px; }
    .login-screen .login-form-container .session-error {
      position: absolute;
      top: 0;
      width: 240px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
      color: #fff;
      font-size: 11px;
      background-color: #bc7c0e;
      text-align: center;
      margin: 0; }
    .login-screen .login-form-container .form-handler {
      width: 240px; }
      .login-screen .login-form-container .form-handler form .inputs input {
        margin-bottom: 18px;
        height: 38px;
        border-radius: 4px !important;
        border: 1px solid #000 !important;
        box-shadow: inset 0 2px 0 0 #ccc, 0 1px 0 0 #656565 !important;
        font-size: 13px;
        line-height: 25px; }
      .login-screen .login-form-container .form-handler form .buttons button {
        width: 100%;
        position: relative; }
      .login-screen .login-form-container .form-handler .links {
        border-top: 1px solid #484848;
        padding-top: 10px; }
      .login-screen .login-form-container .form-handler .text {
        color: #898989;
        margin-bottom: 10px;
        display: block; }
        .login-screen .login-form-container .form-handler .text:hover {
          text-decoration: underline;
          cursor: pointer; }
      .login-screen .login-form-container .form-handler .reset-info {
        color: #ccc;
        margin-bottom: 20px; }
        .login-screen .login-form-container .form-handler .reset-info i {
          vertical-align: sub; }
      .login-screen .login-form-container .form-handler .transition-id {
        color: #f5f5f5;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
        font-size: 50px;
        font-weight: bold;
        text-align: center; }
      .login-screen .login-form-container .form-handler .validation-info {
        margin: -10px 0 10px; }
        .login-screen .login-form-container .form-handler .validation-info span {
          color: #f4c78b;
          font-size: 12px; }
      .login-screen .login-form-container .form-handler .error-handler .error {
        background: #9d0202;
        padding: 12px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        border-radius: 4px; }
      .login-screen .login-form-container .form-handler .error-handler .network-error {
        height: 44px;
        border-radius: 3px; }
        .login-screen .login-form-container .form-handler .error-handler .network-error span {
          width: 46px;
          height: 44px;
          float: left;
          border-radius: 3px 0 0 3px;
          background-repeat: no-repeat;
          background-position: 8px 7px;
          opacity: 0.6;
          filter: "alpha(opacity=60)"; }
        .login-screen .login-form-container .form-handler .error-handler .network-error p {
          margin-left: 46px;
          color: #fff;
          padding: 6px;
          line-height: 16px;
          font-size: 12px; }
        .login-screen .login-form-container .form-handler .error-handler .network-error.red {
          background-color: #7a1212; }
          .login-screen .login-form-container .form-handler .error-handler .network-error.red span {
            background-color: #910707; }
        .login-screen .login-form-container .form-handler .error-handler .network-error.yellow {
          background-color: #bc7c0e; }
          .login-screen .login-form-container .form-handler .error-handler .network-error.yellow span {
            background-color: #de8f05; }
        .login-screen .login-form-container .form-handler .error-handler .network-error.green {
          background-color: #157310; }
          .login-screen .login-form-container .form-handler .error-handler .network-error.green span {
            background-color: #0c8507; }
  .login-screen .spinner {
    width: 20px;
    height: 20px;
    position: absolute;
    text-align: center;
    right: 9px;
    top: 6px;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear; }
  .login-screen .dot1, .login-screen .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out; }
  .login-screen .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }

@keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  right: 10px; }

::-webkit-scrollbar:hover {
  background-color: #e8e8e8;
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: #bbb; }

::-webkit-scrollbar-thumb:hover {
  background: #777;
  cursor: pointer; }

/*
    ----------------------------------------------------------------------
    INPUT ELEMENTS
    ----------------------------------------------------------------------
*/
.sdselect {
  width: 210px;
  position: relative; }
  .sdselect.open {
    box-shadow: 0px 0px 5px 0px #d0d0d0 !important; }
    .sdselect.open .sdselect-btn {
      border-bottom: 0 !important; }
  .sdselect:hover .sdselect-btn {
    cursor: pointer; }
  .sdselect .sdselect-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    padding: 6px;
    height: 27px;
    outline: none !important;
    box-shadow: inset 0 0 0 #000 !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #333;
    line-height: 15px;
    font-size: 12px; }
    .sdselect .sdselect-btn .caret {
      margin: 5px 3px 0 0; }
  .sdselect .sdselect-menu {
    position: absolute;
    background: #fff;
    z-index: 10;
    top: 26px;
    left: 0;
    right: 0;
    height: auto;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 2px 2px; }
    .sdselect .sdselect-menu .sdselect-filter {
      padding: 2px 7px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-filter input[type="text"] {
        height: 21px !important;
        padding: 3px !important;
        border: 0 !important;
        min-height: 0;
        box-shadow: 0 0 0 0 #000; }
        .sdselect .sdselect-menu .sdselect-filter input[type="text"]:focus {
          box-shadow: 0 0 0 0 #000 !important; }
    .sdselect .sdselect-menu .sdselect-all {
      padding: 4px 9px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-all a {
        text-decoration: none;
        font-size: 9px;
        text-transform: uppercase;
        color: #989898;
        margin-right: 10px; }
        .sdselect .sdselect-menu .sdselect-all a:hover {
          cursor: pointer;
          color: #666; }
    .sdselect .sdselect-menu .list-holder {
      height: auto;
      max-height: 150px;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 7px 0; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar {
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        width: 13px;
        background: #fff; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar:hover {
          background: #e8e8e8; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb {
        border-left: 4px solid #fff;
        border-right: 4px solid #fff;
        background: #bbb; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb:hover {
          background: #787878; }
    .sdselect .sdselect-menu ul li a {
      display: block;
      padding: 3px 7px;
      font-size: 12px;
      color: #333;
      text-decoration: none; }
      .sdselect .sdselect-menu ul li a:hover {
        cursor: pointer;
        color: #fff;
        background: #0083c4; }
      .sdselect .sdselect-menu ul li a i {
        margin-right: 5px;
        vertical-align: middle;
        margin-top: -4px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }

.searchbar {
  border-radius: 2px !important;
  background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 9px 4px #ffffff !important;
  padding: 0 0 0 35px !important; }
  .searchbar.searchbar-large {
    background-position: 9px 7px !important;
    height: 32px !important;
    font-size: 15px;
    line-height: 26px; }

.flat-searchbar {
  flex-grow: 0; }
  .flat-searchbar .search-handler {
    min-width: 48px;
    height: 48px;
    padding: 10px 10px 10px 14px;
    box-sizing: border-box;
    background: none;
    display: flex;
    white-space: nowrap;
    transition: all 0.3s ease; }
    .flat-searchbar .search-handler input {
      height: 28px;
      line-height: 100%;
      font-size: 14px;
      border: 0 !important;
      width: 0;
      padding: 0;
      background-color: rgba(255, 255, 255, 0);
      transition: all 0.3s ease; }
      .flat-searchbar .search-handler input:focus {
        box-shadow: none !important; }
    .flat-searchbar .search-handler .trigger-icon {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 28px;
      height: 28px;
      display: block;
      opacity: 0.5;
      filter: "alpha(opacity=50)"; }
      .flat-searchbar .search-handler .trigger-icon:hover {
        cursor: pointer;
        opacity: 0.8;
        filter: "alpha(opacity=80)"; }
      .flat-searchbar .search-handler .trigger-icon i {
        padding: 7px 3px 4px 6px; }
  .flat-searchbar .separator-handler {
    margin: 9px 0 0 5px;
    border-right: 2px dotted #bcbcbc;
    height: 30px;
    float: left; }
  .flat-searchbar .search-close {
    border: 0;
    background: none;
    display: none;
    height: 1.6rem;
    width: 1.6rem;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
    padding: 0;
    opacity: 0.35;
    transition: opacity 0.2s ease-out;
    color: currentColor;
    opacity: 0; }
    .flat-searchbar .search-close.visible {
      opacity: 0.35; }
      .flat-searchbar .search-close.visible:hover {
        opacity: 0.7; }
      .flat-searchbar .search-close.visible:active {
        opacity: 1; }
    .flat-searchbar .search-close i {
      display: block; }
  .flat-searchbar .search-start {
    height: 2.8rem;
    width: 2.8rem;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: center;
    margin: 0 0.8rem 0 0;
    padding: 0;
    transition: all 0.2s ease-out;
    background-color: rgba(61, 143, 177, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; }
    .flat-searchbar .search-start i {
      transition: color 0.2s ease-out;
      color: #5ea9c8; }
    .flat-searchbar .search-start.visible {
      opacity: 1; }
      .flat-searchbar .search-start.visible:hover {
        background-color: rgba(61, 143, 177, 0.75); }
        .flat-searchbar .search-start.visible:hover i {
          color: #fff; }
      .flat-searchbar .search-start.visible:active {
        background-color: #3d8fb1; }
        .flat-searchbar .search-start.visible:active i {
          color: #fff; }
    .flat-searchbar .search-start:hover {
      background-color: rgba(61, 143, 177, 0.75); }
      .flat-searchbar .search-start:hover i {
        color: #fff; }
    .flat-searchbar .search-start:active {
      background-color: #3d8fb1; }
      .flat-searchbar .search-start:active i {
        color: #fff; }
  .flat-searchbar.extended {
    flex-grow: 1; }
    .flat-searchbar.extended .search-handler input {
      width: auto;
      padding: 0 6px; }
    .flat-searchbar.extended .separator-handler {
      margin-left: 14px; }
    .flat-searchbar.extended .search-close {
      display: inline-block; }

.monitoring-backlink .separator-handler {
  margin-top: 0;
  margin-right: 10px; }

.filter-type {
  white-space: nowrap; }
  .filter-type__item {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 2px;
    cursor: pointer; }
    .filter-type__item i {
      height: auto;
      color: #999;
      padding: 2px 8px 1px 8px;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(215, 215, 215, 0.7);
      border-radius: 2px;
      box-sizing: border-box; }
    .filter-type__item a {
      height: 21px;
      font-size: 11px;
      font-family: Inter, Helvetica, Arial, sans-serif;
      line-height: 21px;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 2px;
      border: 1px solid #999;
      box-sizing: border-box;
      text-transform: uppercase;
      background: #fff !important;
      color: #333;
      opacity: 0.7; }
      .filter-type__item a:hover {
        color: #000;
        opacity: 1; }
      .filter-type__item a.filter-type__link--blue {
        border-color: #5ea9c8;
        color: #5ea9c8; }
      .filter-type__item a.filter-type__link--dark-blue {
        border-color: #216278;
        color: #216278; }
    .filter-type__item:hover i {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #aaaaaa;
      color: #666; }
    .filter-type__item--active i {
      opacity: 1;
      color: #F5F5F5;
      background: #505050;
      border-color: #505050;
      box-shadow: inset 0 1px 0px #373737 !important; }
    .filter-type__item--active a {
      opacity: 1;
      background: #505050 !important;
      border-color: #373737 #505050 #505050 !important;
      color: #fff !important;
      box-shadow: inset 0 2px 0px #373737 !important; }
    .filter-type__item--active:hover i {
      border-color: rgba(80, 80, 80, 0.8);
      background-color: rgba(80, 80, 80, 0.8);
      color: #F5F5F5; }
    .filter-type__item--active:hover a {
      opacity: 0.8; }

.filter-type--padded {
  padding: 10px 0 10px 20px; }

.result-type {
  margin-left: 10px; }

.dropdown__menu .filter-type {
  padding: 0 10px; }

.dropdown__menu--compare-versions {
  max-height: 400px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--compare-versions li {
    margin-bottom: 2px;
    line-height: 14px !important; }
    .dropdown__menu--compare-versions li .dropdown.open li .dropdown .dropdown__toggle:hover {
      display: none; }
    .dropdown__menu--compare-versions li button {
      width: 300px;
      padding-right: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      border-radius: 0;
      line-height: 14px !important;
      box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .dropdown__menu--compare-versions li button i {
        position: absolute;
        right: -5px;
        top: 9px; }
      .dropdown__menu--compare-versions li button.disabled, .dropdown__menu--compare-versions li button.disabled:hover {
        background: #f0f0f0; }
        .dropdown__menu--compare-versions li button.disabled i, .dropdown__menu--compare-versions li button.disabled:hover i {
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
      .dropdown__menu--compare-versions li button .headline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 500;
        width: 240px;
        display: inline-block; }
      .dropdown__menu--compare-versions li button .desk-details {
        display: flex;
        font-size: 10px;
        margin: 4px 0; }
        .dropdown__menu--compare-versions li button .desk-details span:first-of-type {
          flex-grow: 1; }
      .dropdown__menu--compare-versions li button em {
        font-size: 10px;
        font-weight: 500;
        color: #888;
        float: left;
        padding-right: 10px; }
    .dropdown__menu--compare-versions li .msg {
      padding: 0 20px; }

.dropdown__menu .fieldset button {
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-right: 10px;
  float: right; }

.online-users {
  float: left;
  height: 48px;
  padding-left: 15px;
  margin-left: 5px; }
  .online-users > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 16px 0;
    line-height: 13px; }

[sd-timezone] .timezone-label {
  margin-bottom: 1rem; }

[sd-timezone] .input-term input {
  height: 3.2rem;
  margin-bottom: 5px;
  width: 100%;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border: none;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.3rem;
  color: inherit;
  padding-left: 1rem; }
  [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1); }
  [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

[sd-timezone] .item-list {
  width: 100%;
  color: #333; }

[sd-timezone] .pills-list li {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  font-size: 1.3rem; }
  [sd-timezone] .pills-list li .icon-remove-sign {
    color: inherit; }
  [sd-timezone] .pills-list li #timezone {
    padding-right: 2.5rem;
    flex-grow: 1; }

[class^="--dark-ui"] [sd-timezone] .input-term input,
[class*="--dark-ui"] [sd-timezone] .input-term input {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:hover,
  [class*="--dark-ui"] [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:focus,
  [class*="--dark-ui"] [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input, .timepicker-input {
  position: relative;
  width: auto;
  min-width: 130px; }
  .datepicker-input input, .timepicker-input input {
    width: 100%;
    transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
    padding-right: 3.2rem;
    padding-left: 1.2rem;
    min-height: 3.2rem;
    border: none;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 1.3rem;
    color: inherit; }
    .datepicker-input input:hover, .timepicker-input input:hover {
      border-bottom-color: rgba(0, 0, 0, 0.3);
      background-color: rgba(0, 0, 0, 0.1) !important; }
    .datepicker-input input:focus, .timepicker-input input:focus {
      box-shadow: 0 1px 0 0 #5ea9c8;
      border-color: #5ea9c8; }
    .datepicker-input input.ng-invalid, .timepicker-input input.ng-invalid {
      color: #d10000;
      border-color: #b61818 !important;
      box-shadow: 0 1px 0 0 #b61818 !important; }
  .datepicker-input .icn-btn, .timepicker-input .icn-btn {
    position: absolute;
    right: 2px;
    top: 2px; }

.datepicker-input--dark input, .timepicker-input--dark input {
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: inherit;
  min-height: 32px;
  padding-left: 1.2rem !important; }
  .datepicker-input--dark input:hover, .timepicker-input--dark input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .datepicker-input--dark input:focus, .timepicker-input--dark input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input--dark .icn-btn, .timepicker-input--dark .icn-btn {
  background: transparent;
  top: 50%;
  margin-top: -14px; }

.datepicker-input--dark .name, .timepicker-input--dark .name {
  background-color: #4f4f4f;
  height: 24px;
  font-size: 12px;
  color: #fff; }

.datepicker-input--dark ul > li, .timepicker-input--dark ul > li {
  width: 90%; }

.datepicker-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 260px;
  box-sizing: border-box; }
  .datepicker-wrapper .btn {
    height: 28px; }
    .datepicker-wrapper .btn:hover {
      box-shadow: none; }
  .datepicker-wrapper .btn--mini {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 11px !important;
    height: auto; }
  .datepicker-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .datepicker-wrapper table td, .datepicker-wrapper table th {
      padding: 1px;
      border: 0; }
  .datepicker-wrapper .datepicker-additional {
    margin-bottom: 5px; }
    .datepicker-wrapper .datepicker-additional table {
      width: 100%; }
    .datepicker-wrapper .datepicker-additional .btn {
      width: 100%; }
  .datepicker-wrapper .datepicker-core table {
    width: 100%; }
    .datepicker-wrapper .datepicker-core table thead tr th .btn {
      background: none;
      padding: 0; }
    .datepicker-wrapper .datepicker-core table thead tr:last-child th small {
      font-weight: 500; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn strong {
      font-weight: normal;
      font-size: 14px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn i {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-repeat: no-repeat; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:first-child .btn i {
      margin-left: 3px;
      background-position: -189px -165px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:last-child .btn i {
      margin-right: 3px;
      background-position: -213px -165px; }
    .datepicker-wrapper .datepicker-core table tbody tr:first-child td {
      padding-top: 5px; }
    .datepicker-wrapper .datepicker-core table tbody td {
      padding: 0 2px; }
      .datepicker-wrapper .datepicker-core table tbody td .btn {
        width: 100% !important;
        min-width: 28px !important;
        padding: 0;
        background: none;
        color: #333;
        box-shadow: none; }
        .datepicker-wrapper .datepicker-core table tbody td .btn .text-muted {
          color: #999; }
        .datepicker-wrapper .datepicker-core table tbody td .btn:hover, .datepicker-wrapper .datepicker-core table tbody td .btn.active {
          color: #333;
          box-shadow: inset 0 0 1px 0 #5ea9c8;
          background: #eff7fa; }
        .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active {
          color: #fff;
          background: #5ea9c8; }
          .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary .text-muted, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active .text-muted {
            color: #fff; }

.timepicker-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 200px;
  min-height: 310px;
  box-sizing: border-box; }
  .timepicker-popup .timepicker-additional {
    margin-bottom: 5px; }
    .timepicker-popup .timepicker-additional table {
      width: 100%;
      border-collapse: collapse;
      border: 0; }
      .timepicker-popup .timepicker-additional table td, .timepicker-popup .timepicker-additional table th {
        padding: 1px; }
    .timepicker-popup .timepicker-additional .btn {
      width: 100%;
      letter-spacing: 0; }
    .timepicker-popup .timepicker-additional .btn--mini {
      padding: 4px 6px;
      font-size: 11px;
      line-height: 11px !important;
      height: 20px; }
  .timepicker-popup .timepicker-core .select-area {
    margin-top: 15px;
    border-top: 1px solid #ddd; }
    .timepicker-popup .timepicker-core .select-area .header {
      margin-top: -10px;
      float: left;
      background: #fff;
      text-transform: uppercase;
      color: #adadad;
      font-size: 11px;
      padding-right: 10px; }
    .timepicker-popup .timepicker-core .select-area ul {
      padding-top: 15px;
      *zoom: 1; }
      .timepicker-popup .timepicker-core .select-area ul:before, .timepicker-popup .timepicker-core .select-area ul:after {
        display: table;
        content: ""; }
      .timepicker-popup .timepicker-core .select-area ul:after {
        clear: both; }
      .timepicker-popup .timepicker-core .select-area ul > li {
        float: left;
        box-sizing: border-box;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 2px 2px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        border-radius: 2px; }
        .timepicker-popup .timepicker-core .select-area ul > li:hover {
          background: #eff7fa;
          cursor: pointer; }
        .timepicker-popup .timepicker-core .select-area ul > li.active {
          background: #5ea9c8;
          color: #fff; }

.pills-list.line-input > li {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  box-shadow: none; }
  .pills-list.line-input > li .actions {
    top: -9px; }
  .pills-list.line-input > li:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: transparent !important;
    box-shadow: none; }
  .pills-list.line-input > li:focus {
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important;
    background-color: transparent !important; }

/*
    ----------------------------------------------------------------------
    OTHER CUSTOM ELEMENTS
    ----------------------------------------------------------------------
*/
.backlink, a.backlink {
  text-decoration: none !important;
  color: #333;
  border: 0;
  transition: all ease 0.2s;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .backlink:before, a.backlink:before {
    font-family: 'sd_icons';
    font-weight: normal;
    font-style: normal;
    content: "\E677";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    flex-grow: 0;
    margin: -1px 8px 0 0;
    text-decoration: none !important;
    transition: all ease 0.2s;
    opacity: 0.7; }
  .backlink.white, a.backlink.white {
    color: #fff; }
  .backlink:hover, a.backlink:hover {
    color: #5ea9c8;
    text-decoration: none !important; }
    .backlink:hover:before, a.backlink:hover:before {
      text-decoration: none !important;
      margin: -1px 10px 0 -2px;
      opacity: 1; }

.stage-header__name a {
  transition: all ease 0.2s; }

.widget-content .stage-header__name a {
  text-decoration: none !important; }

.activity-log {
  margin-top: 10px; }
  .activity-log ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .activity-log ul li.activity .activity-content {
      margin-top: -3px;
      padding-right: 20px;
      color: #555; }
      .activity-log ul li.activity .activity-content b {
        font-weight: 500; }
    .activity-log ul li.activity .activity-date {
      font-size: 11px;
      color: #999;
      margin-top: -5px; }
    .activity-log ul li.activity.with-date {
      margin-top: 35px; }
      .activity-log ul li.activity.with-date .date {
        border-top: 1px solid #ebebeb;
        top: -17px;
        position: absolute;
        right: 0;
        left: 0; }
        .activity-log ul li.activity.with-date .date span {
          font-size: 12px;
          color: #999;
          margin-top: -10px;
          display: block;
          float: left;
          background: #f8f8f8;
          padding-right: 5px; }
    .activity-log ul li.activity:hover {
      cursor: default; }

.activity-load-more {
  width: 100%;
  font-size: 12px;
  margin: 20px 0; }

.notification-list {
  margin: 0 1rem;
  margin-bottom: 20px;
  list-style-type: none; }
  .notification-list li {
    background: #393939;
    padding: 10px 5px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    min-height: 45px;
    margin: 10px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
    .notification-list li .content {
      padding-left: 40px; }
      .notification-list li .content .text {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        color: #d7d7d7; }
      .notification-list li .content .date, .notification-list li .content .date time, .notification-list li .content time {
        font-size: 11px;
        color: #848484;
        margin-top: -3px;
        display: block; }
      .notification-list li .content a {
        cursor: pointer;
        color: #5ea9c8; }
        .notification-list li .content a:hover {
          text-decoration: none;
          color: #97c7db; }
    .notification-list li.unread {
      border-color: #545454;
      background: #2c2c2c; }
    .notification-list li.important {
      border: 1px solid #a60101 !important;
      box-shadow: inset 0px 0px 1px 1px #e4b2b2, 0px 2px 2px 0px #d8d8d8 !important; }
    .notification-list li.personal, .notification-list li.important {
      border: 1px solid #c8c8c8;
      border-radius: 3px;
      background: #fff;
      padding: 5px;
      margin-bottom: 7px;
      box-shadow: 0px 2px 2px 0 #d8d8d8; }
      .notification-list li.personal + li, .notification-list li.important + li {
        border-top-width: 0; }
        .notification-list li.personal + li.personal, .notification-list li.personal + li.important, .notification-list li.important + li.personal, .notification-list li.important + li.important {
          border-top-width: 1px; }
    .notification-list li .info {
      color: #e0e0e0; }
  .notification-list.white li {
    background: #fff;
    border-color: #dedede;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
    .notification-list.white li .content .text {
      color: #333; }
    .notification-list.white li.active {
      border-color: #999;
      box-shadow: 0 1px 2px 0 #666; }

.notification-pane ::-webkit-scrollbar:hover {
  background-color: #4a4a4a; }

.notification-pane ::-webkit-scrollbar-thumb {
  background: #5a5a5a; }

.notification-pane ::-webkit-scrollbar-thumb:hover {
  background: #666; }

.hard-error {
  position: fixed;
  top: 0;
  right: 200px;
  z-index: 9999;
  width: auto;
  max-width: 400px; }
  .hard-error .alert {
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0 15px; }
  .hard-error .alert-error {
    background-color: #612525;
    color: #cc7c7b;
    text-shadow: none; }
  .hard-error:hover .alert {
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    overflow: visible;
    white-space: pre-wrap; }

.sd-pagination {
  padding: 7px 20px; }
  .sd-pagination .btn i {
    margin-right: 0; }
  .sd-pagination .page-info {
    margin-right: 20px;
    display: inline-block; }
    .sd-pagination .page-info input {
      display: inline-block;
      width: 30px;
      text-align: center;
      margin-top: -1px;
      padding: 6px 3px !important;
      border-radius: 5px;
      margin: 0 5px;
      box-shadow: inset 0 5px 5px -5px #acacac; }
  .sd-pagination .btn-group, .sd-pagination .btn-group > .btn {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  .sd-pagination .btn-group > .btn + .btn {
    margin-left: 0px; }

.assignment-menu .assignment-box {
  width: 270px; }
  .assignment-menu .assignment-box h5 {
    border: 0; }
  .assignment-menu .assignment-box .assignment-content .assignment-result-list {
    margin-top: 10px;
    height: 140px;
    overflow: auto; }
    .assignment-menu .assignment-box .assignment-content .assignment-result-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li {
        height: 32px;
        margin-bottom: 3px; }
        .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li span {
          font-size: 13px;
          color: #4f4f4f;
          line-height: 24px;
          margin-left: 10px; }

.sortbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 5px;
  padding: 0 10px; }
  .sortbar > * + * {
    margin-left: 4px; }
  .sortbar .lab {
    margin-right: 10px; }
  .sortbar .dropdown__toggle {
    color: #686868;
    min-width: auto !important; }
  .sortbar .direction {
    background: none;
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.selectionlist {
  list-style-type: none;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: auto; }
  .selectionlist li {
    line-height: 16px;
    height: 16px;
    padding: 4px;
    margin-bottom: 3px;
    border-radius: 3px;
    background: #e8e8e8; }
  .selectionlist .sf-toggle-custom {
    margin-top: -1px;
    float: right; }

.plain-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .plain-list.plain-border-top {
    border-top: 1px solid #e5e5e5; }
  .plain-list > li {
    border-bottom: 1px solid #e5e5e5;
    height: 41px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box; }
    .plain-list > li:hover {
      background: #eff7fa; }
    .plain-list > li .btn--mini {
      margin-top: 10px; }

.plain-small > li {
  height: 31px;
  line-height: 30px; }

.users-list > li .name {
  font-size: 13px;
  color: #3599b6; }

.sd-mentions-item > div {
  display: flex;
  align-items: center;
  padding: 4px;
  min-height: 38px; }
  .sd-mentions-item > div * + * {
    margin-left: 6px; }

.sd-mentions-item.active > div {
  background: #84bdd5;
  cursor: pointer;
  color: #fff; }

.users-list-embed {
  position: relative; }
  .users-list-embed > li {
    padding: 4px 6px;
    clear: both; }
    .users-list-embed > li:hover, .users-list-embed > li.active {
      cursor: pointer;
      color: #fff; }
    .users-list-embed > li:hover {
      background: #84bdd5; }
    .users-list-embed > li:active {
      background: #97c7db; }
    .users-list-embed > li.active {
      background: #5ea9c8; }
    .users-list-embed > li.inactive {
      color: #ccc; }

.mentio-menu {
  padding: 5px;
  border: 1px solid #ddd;
  max-height: 126px;
  z-index: 9999 !important;
  overflow: auto;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  width: 190px;
  bottom: 5px; }
  .mentio-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.card-list > li, .card {
  display: block;
  padding: 10px;
  background: #fff;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  margin-bottom: 7px;
  position: relative; }
  .card-list > li:not([disabled]):hover, .card:not([disabled]):hover {
    cursor: pointer;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li:not([disabled]):hover .action, .card:not([disabled]):hover .action {
      display: block !important; }
  .card-list > li.selected, .card.selected {
    background-color: #eff7fa;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li.selected:hover, .card.selected:hover {
      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }
  .card-list > li[disabled], .card[disabled] {
    cursor: default !important;
    background-color: rgba(255, 255, 255, 0.45); }
  .card-list > li .action, .card .action {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 200px; }
    .card-list > li .action ul, .card .action ul {
      height: 100%;
      text-align: right; }
    .card-list > li .action .item-field, .card .action .item-field {
      height: 100%; }
      .card-list > li .action .item-field span, .card .action .item-field span {
        display: none; }
      .card-list > li .action .item-field a, .card .action .item-field a {
        padding: 0 23px;
        line-height: 62px;
        display: block; }

.active .card {
  background-color: #eff7fa;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
  .active .card:hover {
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }

.pills-list {
  max-width: 650px; }
  .pills-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background: #fff;
    margin-bottom: 6px;
    margin-right: 2px;
    border-radius: 2px;
    padding: 10px 16px;
    min-height: 18px;
    color: inherit;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.08);
    transition: all ease-in-out 0.2s; }
    .pills-list > li:hover {
      box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.2); }
    .pills-list > li.active {
      background: #5ea9c8;
      box-shadow: inset 0 2px 0 #3e92b5; }
      .pills-list > li.active:not(.editable) {
        color: #fff; }
    .pills-list > li.inactive {
      opacity: 0.5; }
    .pills-list > li.empty-info {
      background: transparent;
      border: 1px dotted rgba(123, 123, 123, 0.5);
      opacity: 0.75;
      box-shadow: none !important; }
    .pills-list > li .dropdown {
      margin-top: -3px; }
    .pills-list > li .actions {
      display: none;
      position: absolute;
      top: 0px;
      right: 4px; }
      .pills-list > li .actions button {
        transition: opacity ease-in-out 0.2s;
        border: 0;
        height: 30px;
        width: 30px;
        margin: 3px;
        background: none;
        text-align: center;
        display: block;
        float: left;
        line-height: 0;
        opacity: 0.4; }
        .pills-list > li .actions button:hover {
          cursor: pointer;
          opacity: 1; }
        .pills-list > li .actions button i {
          margin-top: -2px; }
    .pills-list > li h6 {
      text-transform: none;
      color: inherit;
      font-size: 14px;
      font-weight: 300;
      float: left;
      max-width: 99%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .pills-list > li .label-group {
      display: inline-block; }
      .pills-list > li .label-group.label-group--right {
        float: right; }
    .pills-list > li .label {
      font-size: 9px;
      font-weight: 700;
      padding: 2px 5px;
      line-height: 12px;
      margin-left: 5px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 400; }
    .pills-list > li:hover .actions {
      display: block !important; }
    .pills-list > li:hover h6 {
      max-width: 550px; }
    .pills-list > li h5 {
      display: inline-block; }
  .pills-list.pills-editable li.editable {
    padding: 0;
    height: auto;
    background: transparent; }
    .pills-list.pills-editable li.editable input {
      height: 30px;
      line-height: 30px;
      border-radius: 3px; }

[class^="--dark-ui"] .pills-list > li,
[class*="--dark-ui"] .pills-list > li {
  background: #4f4f4f; }

.pill-small {
  width: 200px;
  margin: 4px; }

.item-field {
  border-left: 1px solid #d8d8d8;
  display: inline-block; }
  .item-field span {
    display: none; }
  .item-field button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: text-top; }
  .item-field:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: #e0e0e0; }
  .item-field.disabled {
    cursor: default; }
    .item-field.disabled i {
      opacity: 0.3;
      filter: "alpha(opacity=30)"; }
    .item-field.disabled:hover {
      background: #e8e8e8; }

.dropdown .item-field {
  display: block;
  border-left: 0; }
  .dropdown .item-field span {
    display: inline-block; }

.dropdown .item-field:hover {
  background: none; }

.or-label {
  position: relative;
  text-align: center;
  font-style: italic; }
  .or-label:before {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: -75px; }
  .or-label:after {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: 15px; }

.list-group {
  box-sizing: border-box;
  width: 300px; }
  .list-group .list-group-item {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
    background-color: #fff; }
    .list-group .list-group-item:first-child {
      border-width: 1px;
      border-radius: 5px 5px 0 0; }
    .list-group .list-group-item:last-child {
      border-radius: 0 0 5px 5px; }
    .list-group .list-group-item:hover {
      background-color: #f4f4f4;
      cursor: pointer; }
    .list-group .list-group-item a {
      text-decoration: none;
      color: #444; }

.shadow-list-holder {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  box-sizing: border-box; }

.scroll-shadow {
  height: 0; }
  .scroll-shadow .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    height: 4px;
    position: relative;
    z-index: 503;
    transition: linear 0.1s all;
    opacity: 0;
    filter: "alpha(opacity=0)"; }
  .scroll-shadow.shadow .inner {
    opacity: 1;
    filter: "alpha(opacity=100)"; }

.toggle-box__button {
  transition: color ease-in-out 0.2s;
  color: #999;
  cursor: pointer; }
  .toggle-box__button i {
    color: inherit;
    margin-right: 5px;
    vertical-align: text-bottom; }
  .toggle-box__button:hover {
    text-decoration: none;
    color: #fff; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0; }
  .fade.in {
    opacity: 1; }

.close {
  float: right;
  line-height: 18px;
  opacity: 0.2;
  filter: "alpha(opacity=20)"; }
  .close:hover {
    text-decoration: none;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    cursor: pointer; }
  .close i {
    vertical-align: middle; }

.draggable-list__item {
  background-color: #fff;
  padding: 18px 14px 19px 25px;
  margin-bottom: 10px;
  cursor: move;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .draggable-list__item.placeholder {
    background: none;
    box-shadow: none;
    border: 2px dashed #ebebeb; }
  .draggable-list__item:after {
    content: "";
    width: 10px;
    top: 0;
    bottom: 0;
    left: 2px;
    background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px;
    opacity: 0.2;
    position: absolute;
    display: block; }
  .draggable-list__item:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    .draggable-list__item:hover:after {
      opacity: 0.8; }
  .draggable-list__item--small {
    padding: 10px 14px 10px 25px; }
  .draggable-list__item--no-padding {
    padding: 0 0 0 8px; }
    .draggable-list__item--no-padding:after {
      width: 6px;
      left: 2px;
      background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 0px top 3px; }

.draggable-list.serial-decimal {
  list-style-type: decimal !important;
  padding-top: 0px;
  margin-left: 5px; }
  .draggable-list.serial-decimal > li {
    word-spacing: 2px;
    line-height: 0px; }
  .draggable-list.serial-decimal .sort-item.active {
    background-color: #eee; }

.ui-resizable-e {
  cursor: col-resize !important; }

.spinner-big {
  background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center; }

.spinner-alt {
  background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center; }

.sd-check__wrapper .sd-checkbox + label {
  font-size: 13px;
  font-weight: 400;
  color: inherit;
  height: auto;
  text-transform: none; }
  .sd-check__wrapper .sd-checkbox + label.label--active {
    color: #479dc0; }

.sd-toggle + label {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  height: auto;
  text-transform: none; }

.definition-list .definition-list__term {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  font-weight: 400; }

.definition-list .definition-list__item {
  padding: 0.3rem 0;
  margin-left: 0;
  font-size: 1.4rem;
  font-weight: 300; }

.definition-list .definition-list__item + .definition-list__term {
  margin-top: 2rem; }

.nav-button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0; }
  .nav-button-bar .btn {
    flex-grow: 0;
    flex-shrink: 0; }

.sd-line-input__message--with-char-count {
  padding-right: 10rem; }

.sd-list-item.inactive {
  background-color: transparent;
  color: rgba(123, 123, 123, 0.75); }

.sd-toggle + label {
  letter-spacing: 0; }

.sd-list-item__text-label time {
  padding: 0;
  font-style: normal; }

[sd-meta-terms] {
  min-height: 2.8rem; }

.line-input--boxed .input-term input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.4rem;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .line-input--boxed .input-term input[type="text"]:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: rgba(0, 0, 0, 0.1) !important; }
  .line-input--boxed .input-term input[type="text"]:focus {
    background-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important; }

.line-input--boxed .terms-list {
  width: 100%;
  margin-top: 0.8rem; }

sd-tag-input + .sd-line-input__message {
  margin-top: -2rem; }

sd-multi-image-edit {
  height: 100vh;
  display: flex;
  flex-direction: column; }

.sd-wrap-helper {
  display: contents !important; }

.subnav {
  z-index: 5; }

.subnav + .subnav {
  z-index: 4; }

.sd-margin-all--0 {
  margin: 0 !important; }

.locked-info {
  display: flex;
  align-items: center;
  background: #EA484B;
  color: #fff;
  padding: 0.4rem;
  padding-right: 0;
  height: 3.2rem;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }

.locked-info__label {
  opacity: 0.8;
  font-weight: 300;
  margin-right: 0.4rem; }

.locked-info__name {
  font-weight: 400;
  margin-right: 1.2rem; }

.locked-info__button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  border-radius: 1.2rem;
  padding: 0 1.4rem;
  background-color: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: #fff;
  font-size: 1.1rem;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0.4rem 0 0; }
  .locked-info__button:hover {
    background-color: rgba(0, 0, 0, 0.16); }

.locked-info__avatar {
  margin-right: 4px;
  margin-left: -2px;
  transform: scale(0.9); }

.sd-dropdown-item {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #333;
  padding: .6rem 1.6rem;
  margin-bottom: .2rem;
  font-size: 1.3rem;
  text-align: left; }
  .sd-dropdown-item:hover {
    background: #eff7fa; }

.sd-alert [class^="icon-"],
.sd-alert [class*=" icon-"] {
  color: inherit; }

.sd-content-box {
  border-radius: 4px; }
  .sd-content-box--light {
    background-color: #fff; }
  .sd-content-box--emphasise {
    background-color: #fff;
    border: 1px solid rgba(94, 169, 200, 0.6); }

.sd-position--relative {
  position: relative !important; }

.sd-position--absolute {
  position: absolute !important; }

.sd-empty {
  display: contents !important; }

.a11y-only {
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.panel__heading {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 48px; }

.main-section--pinned-tabs .authoring-header,
.main-section--pinned-tabs .main-article {
  margin-right: 330px; }

.main-section--pinned-tabs .authoring-sticky {
  margin-right: 338px; }

.main-section--pinned-tabs .pinned-tab__wrapper {
  width: 330px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

.pinned-tab__wrapper {
  background-color: #fff;
  width: 0;
  overflow: hidden;
  position: absolute;
  right: 48px;
  top: 0;
  bottom: 32px;
  z-index: 1; }

.pinned-tab__wrapper {
  overflow: hidden; }
  .pinned-tab__wrapper .tabcontent {
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 1px;
    right: 1px;
    overflow: hidden; }
  .pinned-tab__wrapper .sd-widget {
    width: auto;
    height: 100%;
    position: relative;
    border: 0; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }
  .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: #f8f8f8; }
  .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
    line-height: 100%;
    font-size: 1.4rem;
    padding: 0 1rem; }
  .pinned-tab__wrapper .sd-widget.related-item .existing-items {
    top: -35px; }
  .pinned-tab__wrapper .sd-widget.ingest .preview,
  .pinned-tab__wrapper .sd-widget.archive .preview,
  .pinned-tab__wrapper .sd-widget.related-item .preview,
  .pinned-tab__wrapper .sd-widget.aggregate .preview,
  .pinned-tab__wrapper .sd-widget.package-manager .preview,
  .pinned-tab__wrapper .sd-widget.packages .preview,
  .pinned-tab__wrapper .sd-widget.user-activity .preview {
    top: 0; }

.workqueue .main-section--pinned-tabs .widget-wrapper.active-right .tabpane.right-tabpane {
  display: none !important; }

.pinned .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none; }
  .pinned .sd-sidetab-menu__btn [class^="big-icon-"],
  .pinned .sd-sidetab-menu__btn [class*=" big-icon-"] {
    color: rgba(255, 255, 255, 0.5) !important; }

.editor-type-html:before {
  display: block;
  /* For Firefox */ }

.editor-type-html:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  display: block;
  /* For Firefox */
  color: rgba(150, 150, 150, 0.5); }

.editor-type-html:focus:before {
  display: none; }

.editor-type-html span, .editor-type-html p, .editor-type-html h1, .editor-type-html h2, .editor-type-html h3, .editor-type-html h4 {
  background-color: transparent;
  font-family: inherit; }

.editor-type-html span, .editor-type-html h3 {
  font-size: inherit;
  line-height: 150%; }

.editor-type-html pre {
  font-size: inherit;
  line-height: 150%; }
  .editor-type-html pre span, .editor-type-html pre h3 {
    font-size: inherit;
    line-height: 150%; }

.headline .editor-type-html span {
  font-size: inherit;
  line-height: 120%;
  font-weight: 500; }

.dropdown__menu--suggestions {
  font-size: 14px;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; }

.medium-editor-toolbar {
  z-index: 1020; }
  .medium-editor-toolbar li .medium-editor-button-disabled {
    background-color: gray;
    cursor: default;
    pointer-events: none; }

.block--not-alone-and-empty .text-editor:not(.medium-editor-dragover) {
  opacity: 0;
  transition: opacity 0.25s; }
  .block--not-alone-and-empty .text-editor:not(.medium-editor-dragover):focus, .block--not-alone-and-empty .text-editor:not(.medium-editor-dragover):hover {
    opacity: 1; }

.block__container {
  position: relative; }
  .block__container .text-editor {
    padding: 0;
    margin-top: 6px; }
    .block__container .text-editor.medium-editor-dragover, .block__container .text-editor .medium-editor-dragover {
      background: #eff7fa;
      border: 2px dashed #5ea9c8; }
  .block__container .preview--caption, .block__container .editor--caption {
    margin: 0;
    border: 1px solid rgba(150, 150, 150, 0.15); }
    .block__container .preview--caption input, .block__container .preview--caption select, .block__container .preview--caption textarea, .block__container .editor--caption input, .block__container .editor--caption select, .block__container .editor--caption textarea {
      color: inherit; }
  .block__container .editor--caption [contenteditable] {
    padding: 8px;
    min-height: 18px; }
  .block__container .editor--embed {
    min-height: 200px; }

.block__actions {
  position: absolute;
  right: -38px;
  top: 0;
  cursor: pointer;
  opacity: .1; }
  .block__actions i {
    color: inherit; }
  .block__actions > div {
    display: inline-block; }

.block__container:hover .block__actions {
  opacity: 1; }

.add-content {
  position: absolute;
  z-index: 1;
  transform: translate(-48px, -12px);
  -moz-transform: translate(-48px, -12px);
  -wekit-transform: translate(-48px, -12px); }
  .add-content--expanded .add-content__plus-btn {
    opacity: 1; }
    .add-content--expanded .add-content__plus-btn i {
      transform: rotate(45deg); }
  .add-content--expanded .add-content__actions span {
    transform: scale(1); }
    .add-content--expanded .add-content__actions span:hover {
      z-index: 1; }
  .add-content__plus-btn {
    position: absolute;
    opacity: .7; }
    .add-content__plus-btn:hover {
      opacity: 1; }
    .add-content__plus-btn i {
      transition: transform 0.25s; }
  .add-content__actions {
    position: relative;
    top: 10px;
    left: 50px; }
    .add-content__actions.ng-hide:not(.ng-hide-animate) {
      display: block !important;
      position: absolute;
      pointer-events: none;
      width: 200px; }
    .add-content__actions span {
      display: inline-block;
      transform: scale(0);
      transition: transform 0.25s;
      border-radius: 24px;
      border: 2px solid #5ea9c8;
      padding: 5px 5px 0px;
      background-color: #fff; }
      .add-content__actions span:nth-of-type(2) {
        transition-delay: .1s;
        -moz-transition-delay: .1s;
        -webkit-transition-delay: .1s; }
      .add-content__actions span i {
        color: #5ea9c8; }
      .add-content__actions span:hover {
        cursor: pointer;
        background-color: #5ea9c8; }
        .add-content__actions span:hover i {
          color: #fff; }

.add-embed__body {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #5ea9c8;
  border-radius: 3px; }
  .add-embed__body form {
    position: relative; }

.add-embed__input {
  margin-right: 100px; }

.add-embed__actions {
  position: absolute;
  top: 0;
  right: 0; }
  .add-embed__actions i {
    left: 2px;
    position: relative; }

.block__container .preview--embed,
.add-embed__body .preview {
  text-align: center;
  margin: 10px 0 0; }
  .block__container .preview--embed--loading,
  .add-embed__body .preview--loading {
    min-height: 100px; }
    .block__container .preview--embed--loading img,
    .add-embed__body .preview--loading img {
      opacity: .3; }
    .block__container .preview--embed--loading:before,
    .add-embed__body .preview--loading:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center; }
  .block__container .preview--embed .instagram-media,
  .add-embed__body .preview .instagram-media {
    margin: auto !important; }
  .block__container .preview--embed iframe, .block__container .preview--embed video,
  .add-embed__body .preview iframe,
  .add-embed__body .preview video {
    max-width: 100%; }
  .block__container .preview--embed img,
  .add-embed__body .preview img {
    max-width: 100%;
    height: auto; }
    .block__container .preview--embed img:hover,
    .add-embed__body .preview img:hover {
      cursor: pointer; }
  .block__container .preview--embed .embed--link__title,
  .add-embed__body .preview .embed--link__title {
    font-size: 1.75em;
    line-height: 1.25em;
    margin-bottom: .50em; }
/**
 * Draft v0.11.5
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

.main-article .abstract div.Editor3-root div.link-toolbar {
  font-size: 13px !important;
  font-style: normal;
  padding: 0 10px;
  border-top: 1px solid rgba(150, 150, 150, 0.4);
  height: 0;
  min-height: auto;
  opacity: 0;
  transition: all .2s ease-out; }
  .main-article .abstract div.Editor3-root div.link-toolbar.is-link {
    height: 26px;
    padding: 5px 10px;
    opacity: 1; }

.Editor3-root {
  border: 1px solid rgba(150, 150, 150, 0.4);
  font-weight: 300;
  padding: 0;
  position: relative; }
  .Editor3-root iframe {
    width: 97%; }
  .Editor3-root.no-toolbar {
    padding-top: 5px; }
  .Editor3-root .link-toolbar {
    font-size: 13px;
    color: rgba(123, 123, 123, 0.8);
    padding: 0 10px;
    border-top: 1px solid rgba(150, 150, 150, 0.25);
    height: 0;
    opacity: 0;
    transition: all .2s ease-out; }
    .Editor3-root .link-toolbar.is-link {
      height: 26px;
      padding: 5px 10px;
      opacity: 1; }
    .Editor3-root .link-toolbar a {
      margin-left: 10px;
      cursor: pointer;
      color: rgba(123, 123, 123, 0.8); }
      .Editor3-root .link-toolbar a:hover {
        color: #969696;
        border-bottom: 1px dotted #5ea9c8; }
  .Editor3-root audio {
    width: 100%; }
  .Editor3-root .Editor3-controls.floating-toolbar {
    position: sticky;
    top: 0;
    left: auto;
    right: auto;
    z-index: 10;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    background-color: #f8f8f8; }
    .Editor3-root .Editor3-controls.floating-toolbar .link-toolbar.empty {
      display: none; }
  .Editor3-root.read-only {
    cursor: not-allowed; }
    .Editor3-root.read-only .Editor3-controls {
      opacity: 0.98; }
      .Editor3-root.read-only .Editor3-controls * {
        pointer-events: none; }
      .Editor3-root.read-only .Editor3-controls.table-controls {
        opacity: 1; }
        .Editor3-root.read-only .Editor3-controls.table-controls * {
          pointer-events: all; }
        .Editor3-root.read-only .Editor3-controls.table-controls .Editor3-styleButton:hover {
          color: #555; }
          .Editor3-root.read-only .Editor3-controls.table-controls .Editor3-styleButton:hover [class*="icon-"] {
            color: #555; }
        .Editor3-root.read-only .Editor3-controls.table-controls [class*="icon-"] {
          color: #999;
          position: relative;
          top: 3px; }
          .Editor3-root.read-only .Editor3-controls.table-controls [class*="icon-"]:hover {
            color: #555; }
      .Editor3-root.read-only .Editor3-controls [class*="icon-"] {
        color: #ddd; }
        .Editor3-root.read-only .Editor3-controls [class*="icon-"]:hover {
          color: #ddd; }
  .Editor3-root .image-block, .Editor3-root .embed-block {
    cursor: default;
    position: relative;
    padding: 1.4rem 1rem 1rem;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.3) !important;
    transition: 0.3s linear box-shadow; }
    .Editor3-root .image-block:hover, .Editor3-root .embed-block:hover {
      box-shadow: 0 1px 8px rgba(0, 0, 0, 0.46), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.6) !important; }
      .Editor3-root .image-block:hover .image-block__remove, .Editor3-root .embed-block:hover .image-block__remove {
        visibility: visible; }
      .Editor3-root .image-block:hover .embed-block__remove, .Editor3-root .embed-block:hover .embed-block__remove {
        visibility: visible; }
      .Editor3-root .image-block:hover .embed-block__edit, .Editor3-root .embed-block:hover .embed-block__edit {
        visibility: visible; }
  .Editor3-root .image-block__title, .Editor3-root .image-block__description {
    border: 1px solid rgba(123, 123, 123, 0);
    border-bottom-color: rgba(123, 123, 123, 0.3);
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: inherit;
    font-size: 1.4rem;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none !important;
    outline: none;
    padding: 0 0 0 0.2rem; }
    .Editor3-root .image-block__title:hover, .Editor3-root .image-block__description:hover {
      border-bottom-color: rgba(123, 123, 123, 0.6); }
    .Editor3-root .image-block__title:focus, .Editor3-root .image-block__description:focus {
      border-width: 1px !important;
      border-color: rgba(94, 169, 200, 0.3) !important;
      border-bottom-color: #5ea9c8 !important;
      box-shadow: 0 1px 0 #5ea9c8 !important; }
  .Editor3-root .image-block__title {
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
    font-weight: 500; }
  .Editor3-root .image-block__description {
    margin-top: 1rem;
    margin-bottom: 0.2rem;
    font-weight: 300; }
  .Editor3-root .image-block__remove, .Editor3-root .embed-block__remove, .Editor3-root .embed-block__edit {
    z-index: 6;
    position: absolute;
    top: -1rem;
    right: -1rem;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.36), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.3) !important;
    background-color: #fff !important;
    color: #333;
    visibility: hidden;
    opacity: 1 !important; }
  .Editor3-root .embed-block__edit {
    top: 3rem; }
  .Editor3-root .image-block__image {
    position: relative;
    background-color: #252525;
    margin: 0 -1rem; }
    .Editor3-root .image-block__image:hover .image-block__image-overlay {
      opacity: 1; }
    .Editor3-root .image-block__image video, .Editor3-root .image-block__image audio {
      display: block; }
  .Editor3-root .image-block__image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.2s linear opacity;
    z-index: 1;
    opacity: 0;
    color: #fff; }
  .Editor3-root .image-block__metadata {
    padding: 0.4rem 0 0.2rem 0;
    color: inherit;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    grid-gap: 0 1.6rem;
    z-index: 2;
    transition: 0.2s linear opacity;
    text-align: left;
    margin: 1.6rem 1.6rem 0; }
    .Editor3-root .image-block__metadata span {
      display: block;
      padding: 0.6rem 0;
      border-bottom: 1px dotted rgba(123, 123, 123, 0.5); }
      .Editor3-root .image-block__metadata span em {
        font-style: normal;
        color: inherit;
        opacity: 0.9;
        font-weight: 300;
        padding-right: 0.4rem;
        font-size: 1.1rem;
        text-transform: uppercase;
        letter-spacing: 0.05em; }
      .Editor3-root .image-block__metadata span:nth-child(1), .Editor3-root .image-block__metadata span:nth-child(2) {
        border-top: 1px dotted rgba(123, 123, 123, 0.5); }
    .Editor3-root .image-block__metadata--top-overlay {
      padding: 0.2rem 0 0.6rem 0;
      margin-top: 0;
      background: none;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }
      .Editor3-root .image-block__metadata--top-overlay span {
        padding-bottom: 0.4rem;
        border: none !important; }
    .Editor3-root .image-block__metadata--bottom-overlay {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 2%, rgba(0, 0, 0, 0.6) 100%); }
    .Editor3-root .image-block__metadata--side-marg0 {
      margin-left: 0;
      margin-right: 0; }
  .Editor3-root .image-block__action-bar {
    text-align: right;
    padding: 0.6rem 0 0; }
  .Editor3-root .image-block__icons-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 1; }
  .Editor3-root .image-block__image-action {
    flex-grow: 0;
    flex-shrink: 0;
    color: #fff;
    width: 5.6rem;
    height: 5.6rem;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.2s linear all;
    cursor: pointer;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0); }
    .Editor3-root .image-block__image-action i {
      color: #fff;
      height: 2.4rem;
      width: 2.4rem;
      font-size: 2.4rem;
      line-height: 1;
      opacity: 0.5;
      transition: 0.2s linear all; }
    .Editor3-root .image-block__image-action:hover {
      border-color: white;
      background-color: rgba(0, 0, 0, 0.4);
      text-decoration: none; }
      .Editor3-root .image-block__image-action:hover i {
        opacity: 1; }
    .Editor3-root .image-block__image-action:active {
      border-color: #5ea9c8;
      background-color: rgba(0, 0, 0, 0.6); }
      .Editor3-root .image-block__image-action:active i {
        color: #5ea9c8; }
    .Editor3-root .image-block__image-action + .image-block__image-action {
      margin-left: 2rem; }
  .Editor3-root [class^="__image-overlay"] .image-block__metadata span,
  .Editor3-root [class*="__image-overlay"] .image-block__metadata span {
    border-color: rgba(255, 255, 255, 0.5) !important; }
    .Editor3-root [class^="__image-overlay"] .image-block__metadata span:last-child,
    .Editor3-root [class*="__image-overlay"] .image-block__metadata span:last-child {
      border-bottom: none; }
  .Editor3-root .table-block table td {
    font-weight: 300; }
  .Editor3-root .table-block.table-header tr:first-child td {
    font-weight: 500; }
  .Editor3-root .table-block__controls {
    margin-bottom: 6px; }
    .Editor3-root .table-block__controls span {
      background: #000;
      color: #fff;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 13px;
      font-family: Inter, Helvetica, Arial, sans-serif; }
      .Editor3-root .table-block__controls span:hover {
        background: #444; }
      .Editor3-root .table-block__controls span:first-child {
        border-radius: 5px 0 0 5px;
        border-right: 1px solid #999; }
      .Editor3-root .table-block__controls span:last-child {
        border-radius: 0 5px 5px 0; }
  .Editor3-root .table-block table td {
    position: relative;
    border: 1px solid rgba(150, 150, 150, 0.25);
    padding: 5px;
    min-width: 20px; }
    .Editor3-root .table-block table td .public-DraftEditor-content {
      margin: 0;
      padding: 0; }
  .Editor3-root .spelling-error {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: red;
    position: relative; }
  .Editor3-root .grammar-error {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: blue;
    position: relative; }
  .Editor3-root .suggestions-dropdown {
    font-family: Inter, Helvetica, Arial, sans-serif;
    display: block;
    position: absolute;
    top: 24px;
    left: -10px; }
  .Editor3-root .qumu-embed {
    white-space: initial; }
  .Editor3-root .media-block {
    text-align: left;
    font-family: Inter, Helvetica, Arial, sans-serif; }
    .Editor3-root .media-block__wrapper {
      display: inline-block; }
    .Editor3-root .media-block__title {
      resize: none;
      font-size: 16px;
      line-height: 140%;
      padding: 5px 5px 5px 0;
      margin-bottom: 5px;
      min-height: 28px;
      background-color: transparent;
      border: none; }
    .Editor3-root .media-block__description {
      font-size: 13px;
      line-height: 140%;
      resize: none;
      padding: 5px 5px 5px 0;
      min-height: 28px;
      color: #747474;
      background-color: transparent;
      border: none; }
    .Editor3-root .media-block img, .Editor3-root .media-block video, .Editor3-root .media-block audio {
      display: inline-block;
      cursor: pointer; }
  .Editor3-root ul.public-DraftStyleDefault-ul, .Editor3-root ol.public-DraftStyleDefault-ol {
    margin: 8px 0 0 20px;
    padding: 0 0 0 20px; }
    .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1, .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth1 {
      margin-left: 40px; }
    .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2, .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth2 {
      margin-left: 60px; }
    .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3, .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth3 {
      margin-left: 80px; }
    .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4, .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth4 {
      margin-left: 100px; }
    .Editor3-root ul.public-DraftStyleDefault-ul > li, .Editor3-root ol.public-DraftStyleDefault-ol > li {
      border-bottom-width: 0.6em !important; }
  .Editor3-root ul.public-DraftStyleDefault-ul > li {
    list-style-type: disc; }

.Editor3-editor {
  cursor: text;
  font-size: 16px;
  line-height: 140%;
  word-break: break-word; }

.Editor3-editor-single-line {
  border-bottom: 1px solid #ddd;
  cursor: text;
  font-size: 16px;
  margin-bottom: 10px; }

.Editor3-editor .public-DraftEditorPlaceholder-root,
.Editor3-editor .public-DraftEditor-content {
  padding: 10px 15px 0 15px; }
  .Editor3-editor .public-DraftEditorPlaceholder-root span[style*="super"],
  .Editor3-editor .public-DraftEditor-content span[style*="super"] {
    display: inline-block;
    margin-top: -6px; }
  .Editor3-editor .public-DraftEditorPlaceholder-root span[style*="sub"],
  .Editor3-editor .public-DraftEditor-content span[style*="sub"] {
    display: inline-block;
    margin-bottom: -6px; }

.Editor3-editor.unstyled__block--invisibles [data-block]:after {
  content: '\E690';
  font-family: 'sd_icons';
  font-size: 16px;
  color: #5ea9c8; }

.Editor3-editor .public-DraftEditor-content {
  min-height: 20px; }
  .Editor3-editor .public-DraftEditor-content [data-block="true"] {
    border-bottom: 1.5em solid transparent; }
    .Editor3-editor .public-DraftEditor-content [data-block="true"].unstyled__block--over {
      border-bottom-color: rgba(93, 155, 192, 0.3); }
    .Editor3-editor .public-DraftEditor-content [data-block="true"]:only-child {
      border-bottom-width: 0.6em; }
  .Editor3-editor .public-DraftEditor-content h1, .Editor3-editor .public-DraftEditor-content h2, .Editor3-editor .public-DraftEditor-content h3, .Editor3-editor .public-DraftEditor-content h4, .Editor3-editor .public-DraftEditor-content h5, .Editor3-editor .public-DraftEditor-content h6 {
    z-index: 1; }
    .Editor3-editor .public-DraftEditor-content h1[data-block="true"], .Editor3-editor .public-DraftEditor-content h2[data-block="true"], .Editor3-editor .public-DraftEditor-content h3[data-block="true"], .Editor3-editor .public-DraftEditor-content h4[data-block="true"], .Editor3-editor .public-DraftEditor-content h5[data-block="true"], .Editor3-editor .public-DraftEditor-content h6[data-block="true"] {
      border-bottom-width: 0.5em; }
  .Editor3-editor .public-DraftEditor-content .unstyled {
    padding-top: 0.4em;
    border-top-width: 0;
    transition: border-width 0.1s ease-in-out; }
  .Editor3-editor .public-DraftEditor-content .unstyled:first-child {
    padding-top: 0.6em; }
  .Editor3-editor .public-DraftEditor-content .unstyled:last-child {
    padding-bottom: 1em; }
  .Editor3-editor .public-DraftEditor-content .unstyled--over {
    padding-top: 0;
    border-top: 1.5em solid rgba(93, 155, 192, 0.3);
    transition: border-width 0.1s ease-in-out; }
  .Editor3-editor .public-DraftEditor-content .unstyled + h3[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h4[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h5[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h6[data-block="true"] {
    padding-top: .4em; }
  .Editor3-editor .public-DraftEditor-content .unstyled + h1[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h2[data-block="true"] {
    padding-top: 0.2em; }

.Editor3-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none; }

.Editor3-editor .Editor3-blockquote {
  border-left: 5px solid #eee;
  font-style: italic;
  margin: 16px 0;
  padding: 10px 20px; }

.Editor3-editor .public-DraftStyleDefault-pre {
  background-color: rgba(123, 123, 123, 0.1);
  font-family: 'Roboto Mono', monospace !important;
  padding: 0 2ch;
  overflow-y: auto; }
  .Editor3-editor .public-DraftStyleDefault-pre [data-block="true"] {
    border-bottom: none;
    margin: 0 0 0.5; }
  .Editor3-editor .public-DraftStyleDefault-pre pre {
    position: relative;
    white-space: pre !important;
    padding-right: 2ch; }
    .Editor3-editor .public-DraftStyleDefault-pre pre .public-DraftStyleDefault-block {
      white-space: inherit; }
    .Editor3-editor .public-DraftStyleDefault-pre pre.showCharacterLimit:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: var(--preCharacterLimit);
      border-right: 1px dotted red;
      z-index: 1;
      pointer-events: none; }

.Editor3-controls {
  width: 100%;
  min-width: 300px;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  user-select: none;
  background-color: rgba(150, 150, 150, 0.075);
  border-bottom: 1px solid;
  border-bottom-color: rgba(150, 150, 150, 0.2);
  line-height: 100% !important; }
  .Editor3-controls.disabled * {
    pointer-events: none; }
  .Editor3-controls .embed-dialog {
    color: #333;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: #fff;
    width: 100%;
    border: 1px solid #dedede;
    margin: -1px 0px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35); }
    .Editor3-controls .embed-dialog__error {
      padding: 3px;
      font-size: 13px;
      color: #a80000;
      font-weight: 400; }
    .Editor3-controls .embed-dialog input {
      height: 30px;
      padding: 8px 47px 8px 15px; }
  .Editor3-controls .input-controls {
    flex-grow: 0;
    display: flex; }
  .Editor3-controls .link-input {
    display: block;
    background: #fff;
    flex-grow: 1;
    position: relative; }
    .Editor3-controls .link-input input[type="url"] {
      padding: 0px 47px 0px 5px; }

.Editor3-styleButton {
  color: inherit;
  cursor: pointer;
  margin: 0.4rem 0.2rem;
  height: 3rem;
  min-width: 3rem;
  padding: 0.6rem;
  display: inline-block;
  border-radius: 1.5rem;
  text-align: center;
  line-height: 1.6rem; }
  .Editor3-styleButton--short {
    padding-right: 0.2rem;
    margin-right: -1rem; }
  .Editor3-styleButton [class*="icon-"] {
    color: inherit;
    opacity: 0.5;
    vertical-align: middle; }
  .Editor3-styleButton:hover [class*="icon-"] {
    color: inherit;
    opacity: 0.9; }
  .Editor3-styleButton .inactive [class*="icon-"] {
    opacity: 0.2; }
  .Editor3-styleButton .inactive:hover [class*="icon-"] {
    opacity: 0.2; }
  .Editor3-styleButton.Editor3-activeButton, .Editor3-styleButton.Editor3-activeButton:hover {
    color: #5890ff;
    background-color: rgba(0, 0, 0, 0.075); }
    .Editor3-styleButton.Editor3-activeButton [class*="icon-"], .Editor3-styleButton.Editor3-activeButton:hover [class*="icon-"] {
      opacity: 1; }

.main-article .dropdown__menu {
  color: #333; }

.annotation-input .dropdown__menu {
  width: 465px; }

.annotation-input .Editor3-editor {
  font-size: 13px;
  margin-bottom: 10px; }
  .annotation-input .Editor3-editor .public-DraftEditor-content {
    padding: 5px 10px 0 10px; }
    .annotation-input .Editor3-editor .public-DraftEditor-content [data-block="true"] {
      margin-bottom: 0.7em; }
    .annotation-input .Editor3-editor .public-DraftEditor-content [data-block="true"]:last-child {
      margin-bottom: 0.3em; }
  .annotation-input .Editor3-editor .DraftEditor-root {
    max-height: 15rem;
    min-height: 3.6rem;
    overflow-y: auto; }

/** COMMENTS **/
.comment-input .dropdown a, .annotation-input .dropdown a {
  color: #5ea9c8; }

.comment-input .dropdown__menu, .annotation-input .dropdown__menu {
  padding: 15px; }
  .comment-input .dropdown__menu label, .annotation-input .dropdown__menu label {
    margin-bottom: 5px; }
  .comment-input .dropdown__menu textarea, .annotation-input .dropdown__menu textarea {
    margin-bottom: 10px; }

.mentions-input {
  width: 300px;
  max-width: 100%;
  margin-bottom: 10px; }
  .mentions-input__suggestions__item {
    height: 33px;
    width: 240px; }
    .mentions-input__suggestions__item__display {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 175px;
      white-space: nowrap; }
  .mentions-input .entry .icon-tasks {
    margin: 0 5px 0 2px;
    position: relative;
    top: 2px; }

.comment-textarea {
  position: relative;
  overflow: visible; }

.main-article .btn {
  font-family: 'Roboto', Helvetica, sans-serif; }

.main-article .sd-editor__default-input {
  border: 1px solid rgba(123, 123, 123, 0.3);
  border-bottom-color: rgba(123, 123, 123, 0.3);
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  font-size: 1.4rem;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none !important;
  outline: none;
  padding: 0 0.3rem; }
  .main-article .sd-editor__default-input--embed {
    font-size: 1.3rem;
    font-family: 'Roboto', Helvetica, sans-serif; }
  .main-article .sd-editor__default-input:hover {
    border-bottom-color: rgba(123, 123, 123, 0.6); }
  .main-article .sd-editor__default-input:focus {
    border-width: 1px !important;
    border-color: rgba(94, 169, 200, 0.3) !important;
    border-bottom-color: #5ea9c8 !important;
    box-shadow: 0 1px 0 #5ea9c8 !important; }

.main-article .sd-editor__info-text {
  font-size: 1.3rem;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 300;
  color: inherit;
  opacity: 0.7;
  margin: 0.6rem 0; }

.dropdown--link-input .dropdown__menu {
  padding: 0;
  max-width: 400px;
  color: #333; }

.dropdown--link-input .nav-tabs--small {
  padding: 0 !important; }

.dropdown--link-input .nav-tabs__tab {
  flex-grow: 1; }
  .dropdown--link-input .nav-tabs__tab.nav-tabs-small {
    padding: 0; }
  .dropdown--link-input .nav-tabs__tab button.nav-tabs__link {
    text-align: center !important;
    background-color: transparent !important;
    margin: 0 !important;
    cursor: pointer;
    color: #747474 !important; }
  .dropdown--link-input .nav-tabs__tab.nav-tabs__tab--active button.nav-tabs__link {
    cursor: default !important;
    color: #333 !important; }

.dropdown--link-input .nav-tabs__content {
  font-weight: 400; }
  .dropdown--link-input .nav-tabs__content p {
    font-size: 1.4rem;
    line-height: 140%;
    margin-bottom: 0; }

.sd-editor--theme-turquoise .Editor3-controls, .sd-editor--theme-turquoise .item-association, .sd-editor--theme-military .Editor3-controls, .sd-editor--theme-military .item-association {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom-color: rgba(0, 0, 0, 0.1); }

.sd-editor--theme-turquoise .Editor3-root, .sd-editor--theme-turquoise .item-association, .sd-editor--theme-military .Editor3-root, .sd-editor--theme-military .item-association {
  border-color: rgba(0, 0, 0, 0.1); }

.sd-editor--theme-turquoise .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-turquoise .Editor3-styleButton.Editor3-activeButton:hover, .sd-editor--theme-military .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-military .Editor3-styleButton.Editor3-activeButton:hover {
  color: #9c27b0; }

.sd-editor--theme-turquoise .Editor3-root .Editor3-controls.floating-toolbar, .sd-editor--theme-military .Editor3-root .Editor3-controls.floating-toolbar {
  background-color: rgba(255, 255, 255, 0.85); }

.sd-editor--theme-turquoise .DraftEditor-root a, .sd-editor--theme-military .DraftEditor-root a {
  color: #9c27b0; }

.sd-editor--theme-dark .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-dark .Editor3-styleButton.Editor3-activeButton:hover, .sd-editor--theme-blue .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-blue .Editor3-styleButton.Editor3-activeButton:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.sd-editor--theme-dark .Editor3-root .Editor3-controls.floating-toolbar, .sd-editor--theme-blue .Editor3-root .Editor3-controls.floating-toolbar {
  background-color: rgba(51, 51, 51, 0.95); }

.sd-editor--theme-blue .Editor3-root .Editor3-controls.floating-toolbar {
  background-color: rgba(27, 68, 115, 0.95); }

.sd-editor--theme-turquoise .btn.btn--hollow,
.sd-editor--theme-military .btn.btn--hollow,
.sd-editor--theme-dark .btn.btn--hollow,
.sd-editor--theme-blue .btn.btn--hollow {
  color: inherit; }

.sd-editor--theme-dark .btn.btn--hollow {
  border-color: rgba(170, 204, 209, 0.5); }
  .sd-editor--theme-dark .btn.btn--hollow:hover {
    border-color: #aaccd1; }

.sd-editor--theme-blue .btn.btn--hollow {
  border-color: rgba(255, 255, 255, 0.5); }
  .sd-editor--theme-blue .btn.btn--hollow:hover {
    border-color: white; }

.sd-editor--theme-blue .Editor3-root .image-block, .sd-editor--theme-blue .Editor3-root .embed-block, .sd-editor--theme-dark .Editor3-root .image-block, .sd-editor--theme-dark .Editor3-root .embed-block {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.25) !important; }
  .sd-editor--theme-blue .Editor3-root .image-block:hover, .sd-editor--theme-blue .Editor3-root .embed-block:hover, .sd-editor--theme-dark .Editor3-root .image-block:hover, .sd-editor--theme-dark .Editor3-root .embed-block:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) !important; }

.sd-editor--theme-blue .media-container, .sd-editor--theme-dark .media-container {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.25) !important; }

.authoring-header__input-editor3 .Editor3-editor .public-DraftEditorPlaceholder-root,
.authoring-header__input-editor3 .Editor3-editor .public-DraftEditor-content {
  padding: 3px 0 2px; }

.authoring-header__input-editor3 .Editor3-root {
  border: none !important; }

.authoring-header__input-editor3 .DraftEditor-root {
  border-bottom: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  min-height: 32px;
  padding: 0.4rem 0.8rem 0; }
  .authoring-header__input-editor3 .DraftEditor-root:hover {
    border-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  .authoring-header__input-editor3 .DraftEditor-root:focus-within {
    background-color: var(--color-input-bg--focus);
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.authoring-header__input-editor3 .Editor3-editor {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px; }
  .authoring-header__input-editor3 .Editor3-editor.no-toolbar {
    padding-top: 0; }

.authoring-header__input-editor3 .Editor3-editor .public-DraftEditor-content [data-block="true"] {
  border-bottom: none; }

.Editor3-editor q::before, .Editor3-editor q::after, .Editor3-editor blockquote::before, .Editor3-editor blockquote::after {
  content: "";
  display: none; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.file-input .sd-line-input__input {
  padding-right: 25px !important; }

.file-input--hidden {
  display: none; }

.link-input .sd-line-input__input {
  padding-right: 35px !important; }

.no-padding {
  padding: 0; }

.form__row--half-width {
  max-width: 50%; }

.sd-line-input .sd-line-input__icon-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer; }

.sd-line-input .sd-line-input__input--auto-height {
  resize: none;
  overflow: hidden;
  min-height: 2.4rem; }

.sd-line-input .sd-line-input__input--padding-right-60 {
  padding-right: 60px !important; }

.sd-line-input--invalid, .form-label--invalid {
  color: #E51C23; }
  .sd-line-input--invalid .sd-line-input__icon-bottom-right, .form-label--invalid .sd-line-input__icon-bottom-right {
    bottom: 18px; }

.textarea-bio {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.Select__dropdownToggle {
  width: 24px;
  height: 24px;
  background-color: #5ea9c8;
  opacity: 0.5;
  filter: "alpha(opacity=50)";
  border-radius: 2px;
  padding: 0; }
  .Select__dropdownToggle i {
    margin-bottom: 2px; }
  .Select__dropdownToggle:hover:enabled, .Select__dropdownToggle:focus:enabled {
    opacity: 1;
    filter: "alpha(opacity=100)"; }

.Select__button {
  background-color: #5ea9c8; }

.Select__popup {
  z-index: 2000;
  width: 280px;
  box-sizing: border-box; }
  .Select__popup__search {
    margin-top: 15px; }
  .Select__popup__category:hover .Select__popup__parent {
    display: none; }
  .Select__popup__category:hover .Select__popup__parent--choose {
    display: block; }
  .Select__popup__list {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
    padding: 5px 10px; }
    .Select__popup__list li {
      margin: 5px 0; }
    .Select__popup__list span, .Select__popup__list i {
      float: left;
      text-align: left; }
  .Select__popup__item {
    margin: 5px; }
    .Select__popup__item button {
      width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .Select__popup__item:hover {
      background: #eff7fa; }
    .Select__popup__item--active {
      background: #eff7fa; }
  .Select__popup__parent {
    display: block;
    vertical-align: top;
    position: relative;
    font-size: 12px;
    color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 3px 10px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    max-width: 200px; }
    .Select__popup__parent--choose {
      background-color: rgba(0, 0, 0, 0.05);
      margin-right: 3px;
      margin-bottom: 3px;
      padding: 3px 10px;
      display: none; }
  .Select__popup .search-handler {
    padding: 0;
    height: 47px;
    box-shadow: inset 0px -7px 10px -7px rgba(0, 0, 0, 0.5) !important; }
    .Select__popup .search-handler .backlink {
      cursor: pointer;
      margin-left: 5px; }
  .Select__popup .trigger-icon {
    margin-top: 0; }
  .Select__popup .search-close {
    height: 30px; }

.SearchBar--narrow, .SearchBar.extended {
  margin: 0; }

.select__meta-terms div.sd-line-input__input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  height: auto;
  min-height: 3rem;
  padding-left: 2.8rem; }

.select__meta-terms--disabled div.sd-line-input__input {
  padding-left: 0; }

.sd-line-input__plus-btn--disabled {
  background-color: rgba(0, 0, 0, 0.1) !important;
  cursor: default !important; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .dropdown a {
    color: #333; }
  .dropdown a:hover {
    text-decoration: none; }
  .dropdown button {
    -webkit-appearance: none; }

.dropdown__toggle {
  cursor: pointer; }
  .dropdown__toggle i {
    vertical-align: sub; }

.dropdown.dropdown--hover:hover .dropdown__menu {
  display: block; }

.dropdown__toggle:active,
.dropdown.open .dropdown__toggle {
  outline: 0;
  color: #5ea9c8; }

.dropdown.open .dropdown .dropdown__toggle {
  color: #333; }

.dropdown__more-actions .dropdown__toggle > i {
  opacity: 0.3; }

.dropdown__more-actions .dropdown__toggle:hover > i,
.dropdown__more-actions.open .dropdown__toggle > i {
  opacity: 1; }

.dropdown__caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  opacity: .3;
  content: "";
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in; }
  .dropdown__caret.dropdown__caret--white, .dropdown__caret.white {
    border-top-color: #fff; }

.dropdown:hover .dropdown__caret,
.dropdown.open .dropdown__caret {
  opacity: 1; }

.dropdown.open .dropdown__caret {
  border-top-color: #5ea9c8; }

.dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  text-align: left; }
  .dropdown__menu li a:not(.btn), .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button), .dropdown__menu .dropdown__menu-item a:not(.btn), .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    display: block;
    font-weight: normal;
    line-height: 140%;
    white-space: nowrap;
    width: 100%;
    min-width: 200px;
    position: relative;
    color: #333;
    background: none;
    padding: .6rem 1.6rem;
    margin-bottom: .2rem;
    font-size: 1.3rem;
    text-decoration: none;
    text-align: left; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li a:not(.btn) i[class*=" icon-"], .dropdown__menu li a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"] {
      margin-right: 1rem;
      margin-top: -0.3rem;
      min-width: 1.9rem;
      vertical-align: middle; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"] {
      margin-right: 1rem;
      margin-top: -0.3rem;
      min-width: 1.9rem;
      vertical-align: middle; }
    .dropdown__menu li a:not(.btn).disabled, .dropdown__menu li a:not(.btn)[disabled], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled], .dropdown__menu .dropdown__menu-item a:not(.btn).disabled, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled] {
      opacity: .5; }
  .dropdown__menu li a:not(.btn):hover, .dropdown__menu li a:not(.btn):focus, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus, .dropdown__menu .dropdown__menu-item a:not(.btn):hover, .dropdown__menu .dropdown__menu-item a:not(.btn):focus, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: #eff7fa;
    text-decoration: none;
    cursor: pointer; }
  .dropdown__menu li a:not(.btn):active, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active, .dropdown__menu .dropdown__menu-item a:not(.btn):active, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active {
    background: #c8e4ee; }
  .dropdown__menu li a:not(.btn).disabled:hover, .dropdown__menu li a:not(.btn)[disabled]:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover, .dropdown__menu .dropdown__menu-item a:not(.btn).disabled:hover, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled]:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover {
    background: none;
    cursor: default; }
  .dropdown__menu li .preferred-desk, .dropdown__menu .dropdown__menu-item .preferred-desk {
    background-color: #d0e6ef !important; }
  .dropdown__menu.dropdown__menu--plain li, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item {
    padding: .5rem .7rem; }
    .dropdown__menu.dropdown__menu--plain li:hover, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item:hover {
      background: #eff7fa;
      cursor: pointer; }
  .dropdown__menu--has-head-foot {
    padding: 0; }
    .dropdown__menu--has-head-foot .dropdown__menu-label {
      margin: 0.4rem 0; }
    .dropdown__menu--has-head-foot .dropdown__menu-header {
      flex: 0 0;
      padding: 0.6rem 0;
      margin: 0; }
      .dropdown__menu--has-head-foot .dropdown__menu-header .dropdown__menu-label {
        margin: 0.6rem 0 0.4rem; }
    .dropdown__menu--has-head-foot .dropdown__menu-body {
      overflow-y: auto;
      flex: 0 1;
      padding: 0.6rem 0; }
    .dropdown__menu--has-head-foot .dropdown__menu-body:first-child .dropdown__menu-label {
      margin: 0.6rem 0 0.4rem; }
    .dropdown__menu--has-head-foot .dropdown__menu-footer {
      flex: 0 0;
      padding: 0.6rem 0;
      margin: 0; }
    .dropdown__menu--has-head-foot.open {
      display: flex; }

.dropdown__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown__menu .dropdown__menu-item--active button, .dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: #84bdd5 !important;
  color: white !important; }
  .dropdown__menu .dropdown__menu-item--active button [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" icon-"],
  .dropdown__menu .dropdown__menu-item--active button [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" icon-"],
  .dropdown__menu .dropdown__menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" filetype-icon-"] {
    color: white !important; }

.dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: #5ea9c8 !important; }

.dropdown__menu .dropdown__menu-item--highlighted {
  background-color: #c245ff; }

.dropdown__menu .dropdown__menu-item--no-link {
  font-weight: 400;
  line-height: 1.8rem;
  position: relative;
  color: #747474;
  padding: .6rem 1.6rem;
  margin-bottom: .2rem;
  font-size: 1.3rem;
  text-align: left; }

.dropdown__menu label {
  display: inline-block;
  margin: 0; }
  .dropdown__menu label + .dropdown__menu-info {
    margin-left: 4px; }

.dropdown__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #999;
  font-weight: 500;
  padding-left: 1.6rem;
  margin-bottom: .6rem; }
  .dropdown__menu-label .dropdown__menu-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    opacity: .3;
    background-color: transparent;
    cursor: pointer; }
    .dropdown__menu-label .dropdown__menu-close i {
      margin-right: 0 !important; }
    .dropdown__menu-label .dropdown__menu-close:hover, .dropdown__menu-label .dropdown__menu-close:focus {
      background-color: transparent;
      opacity: 1; }

.dropdown__menu-header {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.6rem; }

.dropdown__menu-footer {
  padding: 1rem;
  margin-top: 0.6rem;
  border-top: 1px solid #e5e5e5; }
  .dropdown__menu-footer--align-right {
    text-align: right; }
  .dropdown__menu-footer--has-list {
    padding: 0.6rem 0 0 0;
    margin-bottom: -0.4rem; }

.dropdown__menu-info {
  color: #999;
  font-style: italic;
  vertical-align: middle; }

.dropdown__menu-item {
  padding: 0; }
  .dropdown__menu-item--left-10 {
    padding-left: 1rem; }

.dropdown__menu--padded-l10 > li {
  padding-left: 1rem; }

.dropdown__menu--padded-l10 .dropdown__menu-item {
  padding: 0; }

.dropdown__menu--right {
  right: 0;
  left: auto; }

.dropdown__menu .menu-item--active button, .dropdown__menu .menu-item--active button:hover {
  background-color: #84bdd5;
  color: white; }
  .dropdown__menu .menu-item--active button [class^="icon-"], .dropdown__menu .menu-item--active button [class*=" icon-"],
  .dropdown__menu .menu-item--active button [class^="filetype-icon-"], .dropdown__menu .menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class^="icon-"], .dropdown__menu .menu-item--active button:hover [class*=" icon-"],
  .dropdown__menu .menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class*=" filetype-icon-"] {
    color: white; }

.dropdown__menu .menu-item--active button:hover {
  background-color: #5ea9c8; }

.dropdown.open > .dropdown__menu {
  display: block; }
  .dropdown.open > .dropdown__menu.dropdown__menu--scrollable {
    max-height: 36rem;
    overflow: auto;
    overflow-x: hidden; }
  .dropdown.open > .dropdown__menu.dropdown__menu--has-head-foot {
    display: flex;
    flex-direction: column;
    max-height: 36rem; }

.dropdown--align-right .dropdown__menu, .dropdown--align-right.dropdown__menu {
  left: auto;
  right: 0; }
  .dropdown--align-right .dropdown__menu:before, .dropdown--align-right.dropdown__menu:before {
    left: auto;
    right: 10px; }

.dropdown--dropup .dropdown__caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "\2191";
  -webkit-transition: all 0.2s eas-in;
  -moz-transition: all 0.2s eas-in;
  -ms-transition: all 0.2s eas-in;
  -o-transition: all 0.2s eas-in;
  transition: all 0.2s eas-in; }

.dropdown--dropup .dropdown__menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 4px; }

.dropdown--dropup.open .dropdown__caret {
  border-bottom-color: #5ea9c8 !important; }

.dropdown--dropleft {
  display: inline-block;
  vertical-align: middle; }
  .dropdown--dropleft .dropdown__menu {
    top: -2.3rem;
    left: auto;
    right: calc(100% + 0.3rem); }

.dropdown--dropright {
  display: inline-block;
  vertical-align: middle; }
  .dropdown--dropright .dropdown__menu {
    top: -2.3rem;
    left: 100%; }

.dropdown--dropright.open .dropdown__caret {
  transform: rotate(-90deg); }

.dropdown--dropleft.open .dropdown__caret {
  transform: rotate(90deg); }

.dropdown--dropright.dropdown--dropup .dropdown__menu, .dropdown--dropleft.dropdown--dropup .dropdown__menu {
  bottom: -2.3rem;
  top: auto; }

.dropdown--noarrow {
  display: inline-block; }
  .dropdown--noarrow .dropdown__menu {
    margin: 0;
    max-height: 250px;
    overflow: auto; }
  .dropdown--noarrow .dropdown__menu:before {
    display: none; }
  .dropdown--noarrow .dropdown .dropdown__toggle {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap; }
  .dropdown--noarrow.open li > .dropdown .dropdown__toggle {
    display: block;
    padding: 5px 7px;
    margin: 0;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap; }

.dropdown--noarrow.dropdown--no-scroll .dropdown__menu {
  max-height: none;
  overflow: visible; }

.dropdown--bigger .dropdown__menu {
  min-width: 238px; }

.dropdown--bigger-500 .dropdown__menu {
  min-width: 300px; }

.dropdown--more-activity .dropdown__menu {
  min-width: 0;
  padding: 5px;
  border-radius: 0px;
  border: 0;
  z-index: 1;
  margin-top: -1px; }
  .dropdown--more-activity .dropdown__menu:before {
    display: none; }
  .dropdown--more-activity .dropdown__menu li {
    display: inline-block;
    vertical-align: middle; }
    .dropdown--more-activity .dropdown__menu li a {
      padding: 0; }
      .dropdown--more-activity .dropdown__menu li a i {
        margin-right: 0; }
      .dropdown--more-activity .dropdown__menu li a span {
        display: none; }

.dropdown__button-label {
  display: inline-block;
  color: inherit;
  font-weight: 300;
  opacity: 0.65;
  padding-right: 0.5rem;
  letter-spacing: 0.02rem; }

.dropdown.dropdown--dark .dropdown__toggle {
  text-align: left;
  background: rgba(127, 127, 127, 0.5);
  padding: 0.7rem 1.5rem;
  border-radius: 2px;
  color: #fff; }
  .dropdown.dropdown--dark .dropdown__toggle .dropdown__caret {
    border-top-color: #fff;
    margin-left: 1rem; }
  .dropdown.dropdown--dark .dropdown__toggle--small {
    padding: 0.5rem 1.5rem; }
  .dropdown.dropdown--dark .dropdown__toggle--hollow {
    border: 1px solid rgba(127, 127, 127, 0.75);
    background: none; }
  .dropdown.dropdown--dark .dropdown__toggle--line {
    background-color: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .dropdown.dropdown--dark .dropdown__toggle--line:hover {
      border-bottom-color: rgba(255, 255, 255, 0.4);
      background-color: rgba(255, 255, 255, 0.1); }
    .dropdown.dropdown--dark .dropdown__toggle--line:focus {
      border-color: #5ea9c8;
      background-color: rgba(255, 255, 255, 0.1);
      box-shadow: 0 1px 0 0 #5ea9c8; }

.dropdown.dropdown--dark.open .dropdown__toggle--hollow {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.1); }

.dropdown.dropdown--dark.open .dropdown__toggle--line {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0 0 #5ea9c8, inset 0 0px 0 1px rgba(89, 169, 201, 0.4); }

.dropdown.dropdown--full-width {
  width: 100%; }
  .dropdown.dropdown--full-width .dropdown__toggle .dropdown__caret {
    float: right;
    margin-top: 6px; }

.dropdown__menu--multiedit {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--multiedit li {
    margin-bottom: 4px; }
  .dropdown__menu--multiedit li button {
    width: 300px !important;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    border-radius: 0; }
    .dropdown__menu--multiedit li button i {
      position: absolute;
      right: -5px;
      top: 9px; }
    .dropdown__menu--multiedit li button.disabled, .dropdown__menu--multiedit li button.disabled:hover {
      background: #f0f0f0; }
      .dropdown__menu--multiedit li button.disabled i, .dropdown__menu--multiedit li button.disabled:hover i {
        opacity: .2; }
  .dropdown__menu--multiedit li .msg {
    padding: 0 20px; }

.dark-ui .dropdown__caret {
  border-top-color: #fff; }

.dark-ui .dropdown.open .dropdown__caret {
  border-top-color: #5ea9c8; }

.popup__menu {
  z-index: 1000;
  min-width: 100px;
  padding-top: 1rem;
  margin: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  text-align: left; }
  .popup__menu--no-padding {
    padding: 0 !important; }

.popup__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.popup__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #999;
  font-weight: 500;
  padding-left: 1.6rem;
  margin-bottom: .6rem; }
  .popup__menu-label .popup__menu-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    opacity: .3;
    background-color: transparent;
    cursor: pointer; }
    .popup__menu-label .popup__menu-close i {
      margin-right: 0 !important; }
    .popup__menu-label .popup__menu-close:hover, .popup__menu-label .popup__menu-close:focus {
      background-color: transparent;
      opacity: 1; }
  .popup__menu-label--center {
    padding-left: 0;
    text-align: center;
    display: inline-block;
    width: 100%; }

.popup__menu-header {
  font-weight: 300;
  font-size: 1.5rem;
  color: #999;
  padding: 1rem 1rem 0 1rem;
  border-bottom: 1px solid #e5e5e5; }
  .popup__menu-header--no-border {
    border-bottom: none; }
  .popup__menu-header--no-padding {
    padding: 0 !important; }

.popup__menu-footer {
  padding: 1rem;
  margin-top: 0.6rem;
  border-top: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%; }
  .popup__menu-footer--no-border {
    border-top: none; }
  .popup__menu-footer--no-padding {
    padding: 0 !important; }

.popup__menu-content {
  padding: 1rem;
  min-width: 100px; }
  .popup__menu-content--no-padding {
    padding: 0 !important; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.select-tag__popup {
  margin-top: 1px; }
  .select-tag__popup-list {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
    padding: 5px 10px; }
    .select-tag__popup-list li {
      margin: 5px 0; }
    .select-tag__popup-list span, .select-tag__popup-list i {
      float: left;
      text-align: left; }
  .select-tag__popup-item {
    margin: 5px; }
    .select-tag__popup-item button {
      width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .select-tag__popup-item:hover {
      background: #eff7fa; }
    .select-tag__popup-item--active {
      background: #eff7fa; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.sd-line-input__toggle .sd-line-input__label {
  margin-top: 4px;
  max-width: none; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.select-coloured-value__input {
  padding-top: 4px;
  height: 2.4rem;
  font-size: 1.4rem; }
  .select-coloured-value__input span {
    vertical-align: middle; }

.select-coloured-value__popup {
  width: 200px; }
  .select-coloured-value__popup button {
    padding: .6rem 1.6rem;
    width: 100%;
    text-align: left; }
    .select-coloured-value__popup button:hover {
      background: #eff7fa; }
  .select-coloured-value__popup--activeElement {
    background: #eff7fa; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.time-popup {
  width: 200px; }
  .time-popup__header-row {
    display: flex;
    flex-direction: row; }
    .time-popup__header-row .btn {
      flex: 1;
      padding: 4px 6px;
      font-size: 11px; }
  .time-popup__footer .btn {
    height: 28px; }
  .time-popup__select-area {
    margin-top: 15px;
    border-top: 1px solid #ddd; }
    .time-popup__select-area .header {
      margin-top: -10px;
      float: left;
      background: #fff;
      text-transform: uppercase;
      color: #adadad;
      font-size: 11px;
      padding-right: 10px; }
    .time-popup__select-area ul {
      padding-top: 15px;
      *zoom: 1; }
      .time-popup__select-area ul:before, .time-popup__select-area ul:after {
        display: table;
        content: ""; }
      .time-popup__select-area ul:after {
        clear: both; }
      .time-popup__select-area ul > li {
        float: left;
        box-sizing: border-box;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 2px 2px 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px; }
        .time-popup__select-area ul > li:hover {
          background: #eff7fa;
          cursor: pointer; }
        .time-popup__select-area ul > li.active {
          background: #5ea9c8;
          color: #fff; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.date-popup {
  width: 260px; }
  .date-popup__header {
    width: 100%; }
  .date-popup__header-row {
    display: flex;
    flex-direction: row; }
    .date-popup__header-row .btn {
      flex: 1;
      padding: 4px 6px;
      font-size: 11px; }
      .date-popup__header-row .btn--mode {
        flex: 2; }
    .date-popup__header-row--tools {
      margin-top: 5px; }
      .date-popup__header-row--tools .btn {
        background: none; }
        .date-popup__header-row--tools .btn:hover, .date-popup__header-row--tools .btn:focus {
          -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          background: none; }
  .date-popup__content table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .date-popup__content table td, .date-popup__content table th {
      padding: 1px;
      border: 0; }
    .date-popup__content table thead tr th .btn {
      background: none;
      padding: 0; }
    .date-popup__content table thead tr th small {
      font-weight: 500; }
    .date-popup__content table tbody tr:first-child td {
      padding-top: 5px; }
    .date-popup__content table tbody td {
      padding: 0 2px; }
      .date-popup__content table tbody td .btn {
        width: 100% !important;
        min-width: 28px !important;
        min-height: 28px !important;
        padding: 0;
        background: none;
        color: #333;
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); }
        .date-popup__content table tbody td .btn .text-muted {
          color: #999; }
        .date-popup__content table tbody td .btn:hover, .date-popup__content table tbody td .btn.active {
          color: #333;
          -webkit-box-shadow: inset 0 0 1px 0 #5ea9c8;
          -moz-box-shadow: inset 0 0 1px 0 #5ea9c8;
          box-shadow: inset 0 0 1px 0 #5ea9c8;
          background: #eff7fa; }
        .date-popup__content table tbody td .btn.btn--primary, .date-popup__content table tbody td .btn.btn--primary.active {
          color: #fff;
          background: #5ea9c8; }
          .date-popup__content table tbody td .btn.btn--primary .text-muted, .date-popup__content table tbody td .btn.btn--primary.active .text-muted {
            color: #fff; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.date-time-input__row--required .form-label::after {
  color: #E51C23;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-left: 0.3rem; }

.date-time-input__row--invalid .form-label {
  color: #E51C23; }
.InputArray__label {
  display: inline-block;
  padding-top: 13px !important;
  padding-bottom: 18px !important; }
.navbtn--text-with-icon {
  width: auto;
  line-height: 4.8rem;
  padding: 0 20px;
  font-size: 1.5rem;
  border: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .navbtn--text-with-icon i {
    vertical-align: text-top !important;
    margin-right: 0.6rem; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.sliding-toolbar__info-tools a {
  cursor: pointer; }

.dropdown .dropdown__menu-item--disabled {
  color: #999; }
.sd-slide-in-panel__header--invalid .subnav__sliding-toolbar {
  background-color: #FEF4F4;
  color: #E51C23; }
  .sd-slide-in-panel__header--invalid .subnav__sliding-toolbar h3 {
    font-weight: 500;
    padding: 0 2rem 0 1.6rem; }

.sd-slide-in-panel__footer {
  padding: 2rem 1.6rem;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); }

.btn-group--flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 0; }
  .btn-group--flex .btn + .btn {
    margin-left: 0.8rem;
    margin-top: 0; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

time.Datetime {
  padding-left: 0; }

.link {
  cursor: pointer !important; }

.no-padding {
  padding: 0 !important; }

.sd-line-input--no-border-bottom .sd-line-input__input {
  border-bottom: none !important; }

.sd-line-input--is-select {
  cursor: pointer !important; }

.sd-list-item--margin {
  margin: 0.8rem; }

.sd-list-item-group--vertical-scroll {
  overflow-y: auto; }

.terms-list--disabled li {
  cursor: not-allowed !important; }
  .terms-list--disabled li:hover {
    color: #000;
    background-color: rgba(0, 0, 0, 0.05); }

.sd-list-item__row--padding-b5 {
  padding-bottom: 5px !important; }

.sd-collapse-box--invalid .sd-collapse-box__header {
  border: 1px solid #E51C23; }

.sd-collapse-box--autoFocus:focus, .sd-collapse-box:focus {
  background-color: #f4f4f4; }

.sd-collapse-box__content-wrapper--no-max-height, .sd-collapse-box__content-wraper {
  max-height: initial !important; }

.sd-list-item:focus-within .sd-list-item__action-menu {
  padding: 0 0.6rem;
  width: auto;
  overflow: visible;
  opacity: 1; }
.SearchBar.extended .search-handler {
  display: flex;
  height: 47px;
  border-left: 1px solid #e0e0e0; }
  .SearchBar.extended .search-handler input {
    flex-grow: 1; }
  .SearchBar.extended .search-handler .search-close {
    opacity: .4; }
    .SearchBar.extended .search-handler .search-close:hover {
      opacity: .8; }

.flat-searchbar .search-handler {
  height: 47px !important; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.toggle-box .toggle-box__header--focus:focus, .toggle-box .toggle-box__header:focus {
  background: #eff7fa; }

.toggle-box__content--hidden {
  display: none; }

.toggle-box--invalid .toggle-box__chevron {
  background-color: #E51C23; }

.toggle-box--invalid .toggle-box__label {
  color: #E51C23; }

.toggle-box--invalid .toggle-box__line {
  background-color: #E51C23; }

.toggle-box--no-margin {
  margin: 0 !important; }

.toggle-box--padding-top {
  padding-top: 25px; }
:root {
  --sd-slugline-color: #005b7f; }

:root {
  --subNavBG-50: #F5F5F5;
  --subNavBG-100: #dedede;
  --subNavBG-blueGrey-500: #607D8B;
  --subNavBG-blueGrey-600: #4d6570;
  --subNavBG-darkUi: #404040; }

.red--100 {
  background-color: #fee6e4; }

.hollow-red--100 {
  color: #fee6e4 !important;
  border-color: #fee6e4 !important; }
  .hollow-red--100:hover {
    color: #fee6e4 !important; }

.text-red--100 {
  color: #fee6e4; }

.red--900 {
  background-color: #6c0d06; }

.hollow-red--900 {
  color: #6c0d06 !important;
  border-color: #6c0d06 !important; }
  .hollow-red--900:hover {
    color: #6c0d06 !important; }

.text-red--900 {
  color: #6c0d06; }

.red--200 {
  background-color: #fbbdb9; }

.hollow-red--200 {
  color: #fbbdb9 !important;
  border-color: #fbbdb9 !important; }
  .hollow-red--200:hover {
    color: #fbbdb9 !important; }

.text-red--200 {
  color: #fbbdb9; }

.red--800 {
  background-color: #981208; }

.hollow-red--800 {
  color: #981208 !important;
  border-color: #981208 !important; }
  .hollow-red--800:hover {
    color: #981208 !important; }

.text-red--800 {
  color: #981208; }

.red--300 {
  background-color: #f9948d; }

.hollow-red--300 {
  color: #f9948d !important;
  border-color: #f9948d !important; }
  .hollow-red--300:hover {
    color: #f9948d !important; }

.text-red--300 {
  color: #f9948d; }

.red--700 {
  background-color: #c4170b; }

.hollow-red--700 {
  color: #c4170b !important;
  border-color: #c4170b !important; }
  .hollow-red--700:hover {
    color: #c4170b !important; }

.text-red--700 {
  color: #c4170b; }

.red--400 {
  background-color: #f66c62; }

.hollow-red--400 {
  color: #f66c62 !important;
  border-color: #f66c62 !important; }
  .hollow-red--400:hover {
    color: #f66c62 !important; }

.text-red--400 {
  color: #f66c62; }

.red--600 {
  background-color: #ef1d0d; }

.hollow-red--600 {
  color: #ef1d0d !important;
  border-color: #ef1d0d !important; }
  .hollow-red--600:hover {
    color: #ef1d0d !important; }

.text-red--600 {
  color: #ef1d0d; }

.red--50 {
  background-color: #fef2f1; }

.hollow-red--50 {
  color: #fef2f1 !important;
  border-color: #fef2f1 !important; }
  .hollow-red--50:hover {
    color: #fef2f1 !important; }

.text-red--50 {
  color: #fef2f1; }

.red--500 {
  background-color: #F44336; }

.hollow-red--500 {
  color: #F44336 !important;
  border-color: #F44336 !important; }
  .hollow-red--500:hover {
    color: #F44336 !important; }

.text-red--500 {
  color: #F44336; }

.pink--100 {
  background-color: #f9c5d7; }

.hollow-pink--100 {
  color: #f9c5d7 !important;
  border-color: #f9c5d7 !important; }
  .hollow-pink--100:hover {
    color: #f9c5d7 !important; }

.text-pink--100 {
  color: #f9c5d7; }

.pink--900 {
  background-color: #48071d; }

.hollow-pink--900 {
  color: #48071d !important;
  border-color: #48071d !important; }
  .hollow-pink--900:hover {
    color: #48071d !important; }

.text-pink--900 {
  color: #48071d; }

.pink--200 {
  background-color: #f59bba; }

.hollow-pink--200 {
  color: #f59bba !important;
  border-color: #f59bba !important; }
  .hollow-pink--200:hover {
    color: #f59bba !important; }

.text-pink--200 {
  color: #f59bba; }

.pink--800 {
  background-color: #720b2e; }

.hollow-pink--800 {
  color: #720b2e !important;
  border-color: #720b2e !important; }
  .hollow-pink--800:hover {
    color: #720b2e !important; }

.text-pink--800 {
  color: #720b2e; }

.pink--300 {
  background-color: #f1729d; }

.hollow-pink--300 {
  color: #f1729d !important;
  border-color: #f1729d !important; }
  .hollow-pink--300:hover {
    color: #f1729d !important; }

.text-pink--300 {
  color: #f1729d; }

.pink--700 {
  background-color: #9c0f3f; }

.hollow-pink--700 {
  color: #9c0f3f !important;
  border-color: #9c0f3f !important; }
  .hollow-pink--700:hover {
    color: #9c0f3f !important; }

.text-pink--700 {
  color: #9c0f3f; }

.pink--400 {
  background-color: #ed4880; }

.hollow-pink--400 {
  color: #ed4880 !important;
  border-color: #ed4880 !important; }
  .hollow-pink--400:hover {
    color: #ed4880 !important; }

.text-pink--400 {
  color: #ed4880; }

.pink--600 {
  background-color: #c61350; }

.hollow-pink--600 {
  color: #c61350 !important;
  border-color: #c61350 !important; }
  .hollow-pink--600:hover {
    color: #c61350 !important; }

.text-pink--600 {
  color: #c61350; }

.pink--50 {
  background-color: #fbd2e0; }

.hollow-pink--50 {
  color: #fbd2e0 !important;
  border-color: #fbd2e0 !important; }
  .hollow-pink--50:hover {
    color: #fbd2e0 !important; }

.text-pink--50 {
  color: #fbd2e0; }

.pink--500 {
  background-color: #E91E63; }

.hollow-pink--500 {
  color: #E91E63 !important;
  border-color: #E91E63 !important; }
  .hollow-pink--500:hover {
    color: #E91E63 !important; }

.text-pink--500 {
  color: #E91E63; }

.purple--100 {
  background-color: #e0a4eb; }

.hollow-purple--100 {
  color: #e0a4eb !important;
  border-color: #e0a4eb !important; }
  .hollow-purple--100:hover {
    color: #e0a4eb !important; }

.text-purple--100 {
  color: #e0a4eb; }

.purple--900 {
  background-color: #17061a; }

.hollow-purple--900 {
  color: #17061a !important;
  border-color: #17061a !important; }
  .hollow-purple--900:hover {
    color: #17061a !important; }

.text-purple--900 {
  color: #17061a; }

.purple--200 {
  background-color: #d47ee2; }

.hollow-purple--200 {
  color: #d47ee2 !important;
  border-color: #d47ee2 !important; }
  .hollow-purple--200:hover {
    color: #d47ee2 !important; }

.text-purple--200 {
  color: #d47ee2; }

.purple--800 {
  background-color: #380e3f; }

.hollow-purple--800 {
  color: #380e3f !important;
  border-color: #380e3f !important; }
  .hollow-purple--800:hover {
    color: #380e3f !important; }

.text-purple--800 {
  color: #380e3f; }

.purple--300 {
  background-color: #c759da; }

.hollow-purple--300 {
  color: #c759da !important;
  border-color: #c759da !important; }
  .hollow-purple--300:hover {
    color: #c759da !important; }

.text-purple--300 {
  color: #c759da; }

.purple--700 {
  background-color: #591665; }

.hollow-purple--700 {
  color: #591665 !important;
  border-color: #591665 !important; }
  .hollow-purple--700:hover {
    color: #591665 !important; }

.text-purple--700 {
  color: #591665; }

.purple--400 {
  background-color: #bb33d2; }

.hollow-purple--400 {
  color: #bb33d2 !important;
  border-color: #bb33d2 !important; }
  .hollow-purple--400:hover {
    color: #bb33d2 !important; }

.text-purple--400 {
  color: #bb33d2; }

.purple--600 {
  background-color: #7b1f8a; }

.hollow-purple--600 {
  color: #7b1f8a !important;
  border-color: #7b1f8a !important; }
  .hollow-purple--600:hover {
    color: #7b1f8a !important; }

.text-purple--600 {
  color: #7b1f8a; }

.purple--50 {
  background-color: #e4afed; }

.hollow-purple--50 {
  color: #e4afed !important;
  border-color: #e4afed !important; }
  .hollow-purple--50:hover {
    color: #e4afed !important; }

.text-purple--50 {
  color: #e4afed; }

.purple--500 {
  background-color: #9C27B0; }

.hollow-purple--500 {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important; }
  .hollow-purple--500:hover {
    color: #9C27B0 !important; }

.text-purple--500 {
  color: #9C27B0; }

.deep-purple--100 {
  background-color: #cebeea; }

.hollow-deep-purple--100 {
  color: #cebeea !important;
  border-color: #cebeea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebeea !important; }

.text-deep-purple--100 {
  color: #cebeea; }

.deep-purple--900 {
  background-color: #190e2c; }

.hollow-deep-purple--900 {
  color: #190e2c !important;
  border-color: #190e2c !important; }
  .hollow-deep-purple--900:hover {
    color: #190e2c !important; }

.text-deep-purple--900 {
  color: #190e2c; }

.deep-purple--200 {
  background-color: #b49bdf; }

.hollow-deep-purple--200 {
  color: #b49bdf !important;
  border-color: #b49bdf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49bdf !important; }

.text-deep-purple--200 {
  color: #b49bdf; }

.deep-purple--800 {
  background-color: #2c194e; }

.hollow-deep-purple--800 {
  color: #2c194e !important;
  border-color: #2c194e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c194e !important; }

.text-deep-purple--800 {
  color: #2c194e; }

.deep-purple--300 {
  background-color: #9a78d4; }

.hollow-deep-purple--300 {
  color: #9a78d4 !important;
  border-color: #9a78d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9a78d4 !important; }

.text-deep-purple--300 {
  color: #9a78d4; }

.deep-purple--700 {
  background-color: #402471; }

.hollow-deep-purple--700 {
  color: #402471 !important;
  border-color: #402471 !important; }
  .hollow-deep-purple--700:hover {
    color: #402471 !important; }

.text-deep-purple--700 {
  color: #402471; }

.deep-purple--400 {
  background-color: #7f56c9; }

.hollow-deep-purple--400 {
  color: #7f56c9 !important;
  border-color: #7f56c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f56c9 !important; }

.text-deep-purple--400 {
  color: #7f56c9; }

.deep-purple--600 {
  background-color: #532f94; }

.hollow-deep-purple--600 {
  color: #532f94 !important;
  border-color: #532f94 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f94 !important; }

.text-deep-purple--600 {
  color: #532f94; }

.deep-purple--50 {
  background-color: #d6c9ee; }

.hollow-deep-purple--50 {
  color: #d6c9ee !important;
  border-color: #d6c9ee !important; }
  .hollow-deep-purple--50:hover {
    color: #d6c9ee !important; }

.text-deep-purple--50 {
  color: #d6c9ee; }

.deep-purple--500 {
  background-color: #673AB7; }

.hollow-deep-purple--500 {
  color: #673AB7 !important;
  border-color: #673AB7 !important; }
  .hollow-deep-purple--500:hover {
    color: #673AB7 !important; }

.text-deep-purple--500 {
  color: #673AB7; }

.indigo--100 {
  background-color: #c2c8ea; }

.hollow-indigo--100 {
  color: #c2c8ea !important;
  border-color: #c2c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c2c8ea !important; }

.text-indigo--100 {
  color: #c2c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a0a9de; }

.hollow-indigo--200 {
  color: #a0a9de !important;
  border-color: #a0a9de !important; }
  .hollow-indigo--200:hover {
    color: #a0a9de !important; }

.text-indigo--200 {
  color: #a0a9de; }

.indigo--800 {
  background-color: #1b234f; }

.hollow-indigo--800 {
  color: #1b234f !important;
  border-color: #1b234f !important; }
  .hollow-indigo--800:hover {
    color: #1b234f !important; }

.text-indigo--800 {
  color: #1b234f; }

.indigo--300 {
  background-color: #7e8bd2; }

.hollow-indigo--300 {
  color: #7e8bd2 !important;
  border-color: #7e8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7e8bd2 !important; }

.text-indigo--300 {
  color: #7e8bd2; }

.indigo--700 {
  background-color: #273371; }

.hollow-indigo--700 {
  color: #273371 !important;
  border-color: #273371 !important; }
  .hollow-indigo--700:hover {
    color: #273371 !important; }

.text-indigo--700 {
  color: #273371; }

.indigo--400 {
  background-color: #5c6cc6; }

.hollow-indigo--400 {
  color: #5c6cc6 !important;
  border-color: #5c6cc6 !important; }
  .hollow-indigo--400:hover {
    color: #5c6cc6 !important; }

.text-indigo--400 {
  color: #5c6cc6; }

.indigo--600 {
  background-color: #334293; }

.hollow-indigo--600 {
  color: #334293 !important;
  border-color: #334293 !important; }
  .hollow-indigo--600:hover {
    color: #334293 !important; }

.text-indigo--600 {
  color: #334293; }

.indigo--50 {
  background-color: #ccd1ed; }

.hollow-indigo--50 {
  color: #ccd1ed !important;
  border-color: #ccd1ed !important; }
  .hollow-indigo--50:hover {
    color: #ccd1ed !important; }

.text-indigo--50 {
  color: #ccd1ed; }

.indigo--500 {
  background-color: #3F51B5; }

.hollow-indigo--500 {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important; }
  .hollow-indigo--500:hover {
    color: #3F51B5 !important; }

.text-indigo--500 {
  color: #3F51B5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053358; }

.hollow-blue--900 {
  color: #053358 !important;
  border-color: #053358 !important; }
  .hollow-blue--900:hover {
    color: #053358 !important; }

.text-blue--900 {
  color: #053358; }

.blue--200 {
  background-color: #a4d4fa; }

.hollow-blue--200 {
  color: #a4d4fa !important;
  border-color: #a4d4fa !important; }
  .hollow-blue--200:hover {
    color: #a4d4fa !important; }

.text-blue--200 {
  color: #a4d4fa; }

.blue--800 {
  background-color: #074c83; }

.hollow-blue--800 {
  color: #074c83 !important;
  border-color: #074c83 !important; }
  .hollow-blue--800:hover {
    color: #074c83 !important; }

.text-blue--800 {
  color: #074c83; }

.blue--300 {
  background-color: #78bff8; }

.hollow-blue--300 {
  color: #78bff8 !important;
  border-color: #78bff8 !important; }
  .hollow-blue--300:hover {
    color: #78bff8 !important; }

.text-blue--300 {
  color: #78bff8; }

.blue--700 {
  background-color: #0966af; }

.hollow-blue--700 {
  color: #0966af !important;
  border-color: #0966af !important; }
  .hollow-blue--700:hover {
    color: #0966af !important; }

.text-blue--700 {
  color: #0966af; }

.blue--400 {
  background-color: #4dabf5; }

.hollow-blue--400 {
  color: #4dabf5 !important;
  border-color: #4dabf5 !important; }
  .hollow-blue--400:hover {
    color: #4dabf5 !important; }

.text-blue--400 {
  color: #4dabf5; }

.blue--600 {
  background-color: #0c7fda; }

.hollow-blue--600 {
  color: #0c7fda !important;
  border-color: #0c7fda !important; }
  .hollow-blue--600:hover {
    color: #0c7fda !important; }

.text-blue--600 {
  color: #0c7fda; }

.blue--50 {
  background-color: #dceffd; }

.hollow-blue--50 {
  color: #dceffd !important;
  border-color: #dceffd !important; }
  .hollow-blue--50:hover {
    color: #dceffd !important; }

.text-blue--50 {
  color: #dceffd; }

.blue--500 {
  background-color: #2196F3; }

.hollow-blue--500 {
  color: #2196F3 !important;
  border-color: #2196F3 !important; }
  .hollow-blue--500:hover {
    color: #2196F3 !important; }

.text-blue--500 {
  color: #2196F3; }

.light-blue--100 {
  background-color: #b1e6fe; }

.hollow-light-blue--100 {
  color: #b1e6fe !important;
  border-color: #b1e6fe !important; }
  .hollow-light-blue--100:hover {
    color: #b1e6fe !important; }

.text-light-blue--100 {
  color: #b1e6fe; }

.light-blue--900 {
  background-color: #012b3f; }

.hollow-light-blue--900 {
  color: #012b3f !important;
  border-color: #012b3f !important; }
  .hollow-light-blue--900:hover {
    color: #012b3f !important; }

.text-light-blue--900 {
  color: #012b3f; }

.light-blue--200 {
  background-color: #83d7fd; }

.hollow-light-blue--200 {
  color: #83d7fd !important;
  border-color: #83d7fd !important; }
  .hollow-light-blue--200:hover {
    color: #83d7fd !important; }

.text-light-blue--200 {
  color: #83d7fd; }

.light-blue--800 {
  background-color: #014b6c; }

.hollow-light-blue--800 {
  color: #014b6c !important;
  border-color: #014b6c !important; }
  .hollow-light-blue--800:hover {
    color: #014b6c !important; }

.text-light-blue--800 {
  color: #014b6c; }

.light-blue--300 {
  background-color: #56c9fd; }

.hollow-light-blue--300 {
  color: #56c9fd !important;
  border-color: #56c9fd !important; }
  .hollow-light-blue--300:hover {
    color: #56c9fd !important; }

.text-light-blue--300 {
  color: #56c9fd; }

.light-blue--700 {
  background-color: #026a99; }

.hollow-light-blue--700 {
  color: #026a99 !important;
  border-color: #026a99 !important; }
  .hollow-light-blue--700:hover {
    color: #026a99 !important; }

.text-light-blue--700 {
  color: #026a99; }

.light-blue--400 {
  background-color: #29bafc; }

.hollow-light-blue--400 {
  color: #29bafc !important;
  border-color: #29bafc !important; }
  .hollow-light-blue--400:hover {
    color: #29bafc !important; }

.text-light-blue--400 {
  color: #29bafc; }

.light-blue--600 {
  background-color: #028ac7; }

.hollow-light-blue--600 {
  color: #028ac7 !important;
  border-color: #028ac7 !important; }
  .hollow-light-blue--600:hover {
    color: #028ac7 !important; }

.text-light-blue--600 {
  color: #028ac7; }

.light-blue--50 {
  background-color: #beeafe; }

.hollow-light-blue--50 {
  color: #beeafe !important;
  border-color: #beeafe !important; }
  .hollow-light-blue--50:hover {
    color: #beeafe !important; }

.text-light-blue--50 {
  color: #beeafe; }

.light-blue--500 {
  background-color: #03A9F4; }

.hollow-light-blue--500 {
  color: #03A9F4 !important;
  border-color: #03A9F4 !important; }
  .hollow-light-blue--500:hover {
    color: #03A9F4 !important; }

.text-light-blue--500 {
  color: #03A9F4; }

.cyan--100 {
  background-color: #8df2ff; }

.hollow-cyan--100 {
  color: #8df2ff !important;
  border-color: #8df2ff !important; }
  .hollow-cyan--100:hover {
    color: #8df2ff !important; }

.text-cyan--100 {
  color: #8df2ff; }

.cyan--900 {
  background-color: #00191c; }

.hollow-cyan--900 {
  color: #00191c !important;
  border-color: #00191c !important; }
  .hollow-cyan--900:hover {
    color: #00191c !important; }

.text-cyan--900 {
  color: #00191c; }

.cyan--200 {
  background-color: #5fedff; }

.hollow-cyan--200 {
  color: #5fedff !important;
  border-color: #5fedff !important; }
  .hollow-cyan--200:hover {
    color: #5fedff !important; }

.text-cyan--200 {
  color: #5fedff; }

.cyan--800 {
  background-color: #00424a; }

.hollow-cyan--800 {
  color: #00424a !important;
  border-color: #00424a !important; }
  .hollow-cyan--800:hover {
    color: #00424a !important; }

.text-cyan--800 {
  color: #00424a; }

.cyan--300 {
  background-color: #31e8ff; }

.hollow-cyan--300 {
  color: #31e8ff !important;
  border-color: #31e8ff !important; }
  .hollow-cyan--300:hover {
    color: #31e8ff !important; }

.text-cyan--300 {
  color: #31e8ff; }

.cyan--700 {
  background-color: #006b78; }

.hollow-cyan--700 {
  color: #006b78 !important;
  border-color: #006b78 !important; }
  .hollow-cyan--700:hover {
    color: #006b78 !important; }

.text-cyan--700 {
  color: #006b78; }

.cyan--400 {
  background-color: #03e2ff; }

.hollow-cyan--400 {
  color: #03e2ff !important;
  border-color: #03e2ff !important; }
  .hollow-cyan--400:hover {
    color: #03e2ff !important; }

.text-cyan--400 {
  color: #03e2ff; }

.cyan--600 {
  background-color: #0093a6; }

.hollow-cyan--600 {
  color: #0093a6 !important;
  border-color: #0093a6 !important; }
  .hollow-cyan--600:hover {
    color: #0093a6 !important; }

.text-cyan--600 {
  color: #0093a6; }

.cyan--50 {
  background-color: #9af4ff; }

.hollow-cyan--50 {
  color: #9af4ff !important;
  border-color: #9af4ff !important; }
  .hollow-cyan--50:hover {
    color: #9af4ff !important; }

.text-cyan--50 {
  color: #9af4ff; }

.cyan--500 {
  background-color: #00BCD4; }

.hollow-cyan--500 {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important; }
  .hollow-cyan--500:hover {
    color: #00BCD4 !important; }

.text-cyan--500 {
  color: #00BCD4; }

.teal--100 {
  background-color: #4fffef; }

.hollow-teal--100 {
  color: #4fffef !important;
  border-color: #4fffef !important; }
  .hollow-teal--100:hover {
    color: #4fffef !important; }

.text-teal--100 {
  color: #4fffef; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #21ffea; }

.hollow-teal--200 {
  color: #21ffea !important;
  border-color: #21ffea !important; }
  .hollow-teal--200:hover {
    color: #21ffea !important; }

.text-teal--200 {
  color: #21ffea; }

.teal--800 {
  background-color: #000c0b; }

.hollow-teal--800 {
  color: #000c0b !important;
  border-color: #000c0b !important; }
  .hollow-teal--800:hover {
    color: #000c0b !important; }

.text-teal--800 {
  color: #000c0b; }

.teal--300 {
  background-color: #00f2db; }

.hollow-teal--300 {
  color: #00f2db !important;
  border-color: #00f2db !important; }
  .hollow-teal--300:hover {
    color: #00f2db !important; }

.text-teal--300 {
  color: #00f2db; }

.teal--700 {
  background-color: #003a35; }

.hollow-teal--700 {
  color: #003a35 !important;
  border-color: #003a35 !important; }
  .hollow-teal--700:hover {
    color: #003a35 !important; }

.text-teal--700 {
  color: #003a35; }

.teal--400 {
  background-color: #00c4b2; }

.hollow-teal--400 {
  color: #00c4b2 !important;
  border-color: #00c4b2 !important; }
  .hollow-teal--400:hover {
    color: #00c4b2 !important; }

.text-teal--400 {
  color: #00c4b2; }

.teal--600 {
  background-color: #00685e; }

.hollow-teal--600 {
  color: #00685e !important;
  border-color: #00685e !important; }
  .hollow-teal--600:hover {
    color: #00685e !important; }

.text-teal--600 {
  color: #00685e; }

.teal--50 {
  background-color: #5cfff0; }

.hollow-teal--50 {
  color: #5cfff0 !important;
  border-color: #5cfff0 !important; }
  .hollow-teal--50:hover {
    color: #5cfff0 !important; }

.text-teal--50 {
  color: #5cfff0; }

.teal--500 {
  background-color: #009688; }

.hollow-teal--500 {
  color: #009688 !important;
  border-color: #009688 !important; }
  .hollow-teal--500:hover {
    color: #009688 !important; }

.text-teal--500 {
  color: #009688; }

.green--100 {
  background-color: #cae8cc; }

.hollow-green--100 {
  color: #cae8cc !important;
  border-color: #cae8cc !important; }
  .hollow-green--100:hover {
    color: #cae8cc !important; }

.text-green--100 {
  color: #cae8cc; }

.green--900 {
  background-color: #142f15; }

.hollow-green--900 {
  color: #142f15 !important;
  border-color: #142f15 !important; }
  .hollow-green--900:hover {
    color: #142f15 !important; }

.text-green--900 {
  color: #142f15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224f24; }

.hollow-green--800 {
  color: #224f24 !important;
  border-color: #224f24 !important; }
  .hollow-green--800:hover {
    color: #224f24 !important; }

.text-green--800 {
  color: #224f24; }

.green--300 {
  background-color: #8acc8d; }

.hollow-green--300 {
  color: #8acc8d !important;
  border-color: #8acc8d !important; }
  .hollow-green--300:hover {
    color: #8acc8d !important; }

.text-green--300 {
  color: #8acc8d; }

.green--700 {
  background-color: #306f33; }

.hollow-green--700 {
  color: #306f33 !important;
  border-color: #306f33 !important; }
  .hollow-green--700:hover {
    color: #306f33 !important; }

.text-green--700 {
  color: #306f33; }

.green--400 {
  background-color: #6abe6e; }

.hollow-green--400 {
  color: #6abe6e !important;
  border-color: #6abe6e !important; }
  .hollow-green--400:hover {
    color: #6abe6e !important; }

.text-green--400 {
  color: #6abe6e; }

.green--600 {
  background-color: #3e8f41; }

.hollow-green--600 {
  color: #3e8f41 !important;
  border-color: #3e8f41 !important; }
  .hollow-green--600:hover {
    color: #3e8f41 !important; }

.text-green--600 {
  color: #3e8f41; }

.green--50 {
  background-color: #d4ecd5; }

.hollow-green--50 {
  color: #d4ecd5 !important;
  border-color: #d4ecd5 !important; }
  .hollow-green--50:hover {
    color: #d4ecd5 !important; }

.text-green--50 {
  color: #d4ecd5; }

.green--500 {
  background-color: #4CAF50; }

.hollow-green--500 {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important; }
  .hollow-green--500:hover {
    color: #4CAF50 !important; }

.text-green--500 {
  color: #4CAF50; }

.light-green--100 {
  background-color: #e3f1d4; }

.hollow-light-green--100 {
  color: #e3f1d4 !important;
  border-color: #e3f1d4 !important; }
  .hollow-light-green--100:hover {
    color: #e3f1d4 !important; }

.text-light-green--100 {
  color: #e3f1d4; }

.light-green--900 {
  background-color: #2c4015; }

.hollow-light-green--900 {
  color: #2c4015 !important;
  border-color: #2c4015 !important; }
  .hollow-light-green--900:hover {
    color: #2c4015 !important; }

.text-light-green--900 {
  color: #2c4015; }

.light-green--200 {
  background-color: #cde5b1; }

.hollow-light-green--200 {
  color: #cde5b1 !important;
  border-color: #cde5b1 !important; }
  .hollow-light-green--200:hover {
    color: #cde5b1 !important; }

.text-light-green--200 {
  color: #cde5b1; }

.light-green--800 {
  background-color: #446321; }

.hollow-light-green--800 {
  color: #446321 !important;
  border-color: #446321 !important; }
  .hollow-light-green--800:hover {
    color: #446321 !important; }

.text-light-green--800 {
  color: #446321; }

.light-green--300 {
  background-color: #b7da8f; }

.hollow-light-green--300 {
  color: #b7da8f !important;
  border-color: #b7da8f !important; }
  .hollow-light-green--300:hover {
    color: #b7da8f !important; }

.text-light-green--300 {
  color: #b7da8f; }

.light-green--700 {
  background-color: #5c852c; }

.hollow-light-green--700 {
  color: #5c852c !important;
  border-color: #5c852c !important; }
  .hollow-light-green--700:hover {
    color: #5c852c !important; }

.text-light-green--700 {
  color: #5c852c; }

.light-green--400 {
  background-color: #a1ce6c; }

.hollow-light-green--400 {
  color: #a1ce6c !important;
  border-color: #a1ce6c !important; }
  .hollow-light-green--400:hover {
    color: #a1ce6c !important; }

.text-light-green--400 {
  color: #a1ce6c; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #eaf4de; }

.hollow-light-green--50 {
  color: #eaf4de !important;
  border-color: #eaf4de !important; }
  .hollow-light-green--50:hover {
    color: #eaf4de !important; }

.text-light-green--50 {
  color: #eaf4de; }

.light-green--500 {
  background-color: #8BC34A; }

.hollow-light-green--500 {
  color: #8BC34A !important;
  border-color: #8BC34A !important; }
  .hollow-light-green--500:hover {
    color: #8BC34A !important; }

.text-light-green--500 {
  color: #8BC34A; }

.lime--100 {
  background-color: #f4f8d5; }

.hollow-lime--100 {
  color: #f4f8d5 !important;
  border-color: #f4f8d5 !important; }
  .hollow-lime--100:hover {
    color: #f4f8d5 !important; }

.text-lime--100 {
  color: #f4f8d5; }

.lime--900 {
  background-color: #494f0e; }

.hollow-lime--900 {
  color: #494f0e !important;
  border-color: #494f0e !important; }
  .hollow-lime--900:hover {
    color: #494f0e !important; }

.text-lime--900 {
  color: #494f0e; }

.lime--200 {
  background-color: #ebf1ae; }

.hollow-lime--200 {
  color: #ebf1ae !important;
  border-color: #ebf1ae !important; }
  .hollow-lime--200:hover {
    color: #ebf1ae !important; }

.text-lime--200 {
  color: #ebf1ae; }

.lime--800 {
  background-color: #6d7615; }

.hollow-lime--800 {
  color: #6d7615 !important;
  border-color: #6d7615 !important; }
  .hollow-lime--800:hover {
    color: #6d7615 !important; }

.text-lime--800 {
  color: #6d7615; }

.lime--300 {
  background-color: #e1ea87; }

.hollow-lime--300 {
  color: #e1ea87 !important;
  border-color: #e1ea87 !important; }
  .hollow-lime--300:hover {
    color: #e1ea87 !important; }

.text-lime--300 {
  color: #e1ea87; }

.lime--700 {
  background-color: #919d1c; }

.hollow-lime--700 {
  color: #919d1c !important;
  border-color: #919d1c !important; }
  .hollow-lime--700:hover {
    color: #919d1c !important; }

.text-lime--700 {
  color: #919d1c; }

.lime--400 {
  background-color: #d7e360; }

.hollow-lime--400 {
  color: #d7e360 !important;
  border-color: #d7e360 !important; }
  .hollow-lime--400:hover {
    color: #d7e360 !important; }

.text-lime--400 {
  color: #d7e360; }

.lime--600 {
  background-color: #b6c423; }

.hollow-lime--600 {
  color: #b6c423 !important;
  border-color: #b6c423 !important; }
  .hollow-lime--600:hover {
    color: #b6c423 !important; }

.text-lime--600 {
  color: #b6c423; }

.lime--50 {
  background-color: #f7fae1; }

.hollow-lime--50 {
  color: #f7fae1 !important;
  border-color: #f7fae1 !important; }
  .hollow-lime--50:hover {
    color: #f7fae1 !important; }

.text-lime--50 {
  color: #f7fae1; }

.lime--500 {
  background-color: #CDDC39; }

.hollow-lime--500 {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important; }
  .hollow-lime--500:hover {
    color: #CDDC39 !important; }

.text-lime--500 {
  color: #CDDC39; }

.yellow--100 {
  background-color: #fffef3; }

.hollow-yellow--100 {
  color: #fffef3 !important;
  border-color: #fffef3 !important; }
  .hollow-yellow--100:hover {
    color: #fffef3 !important; }

.text-yellow--100 {
  color: #fffef3; }

.yellow--900 {
  background-color: #827500; }

.hollow-yellow--900 {
  color: #827500 !important;
  border-color: #827500 !important; }
  .hollow-yellow--900:hover {
    color: #827500 !important; }

.text-yellow--900 {
  color: #827500; }

.yellow--200 {
  background-color: #fff9c5; }

.hollow-yellow--200 {
  color: #fff9c5 !important;
  border-color: #fff9c5 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c5 !important; }

.text-yellow--200 {
  color: #fff9c5; }

.yellow--800 {
  background-color: #b09e00; }

.hollow-yellow--800 {
  color: #b09e00 !important;
  border-color: #b09e00 !important; }
  .hollow-yellow--800:hover {
    color: #b09e00 !important; }

.text-yellow--800 {
  color: #b09e00; }

.yellow--300 {
  background-color: #fff497; }

.hollow-yellow--300 {
  color: #fff497 !important;
  border-color: #fff497 !important; }
  .hollow-yellow--300:hover {
    color: #fff497 !important; }

.text-yellow--300 {
  color: #fff497; }

.yellow--700 {
  background-color: #dec800; }

.hollow-yellow--700 {
  color: #dec800 !important;
  border-color: #dec800 !important; }
  .hollow-yellow--700:hover {
    color: #dec800 !important; }

.text-yellow--700 {
  color: #dec800; }

.yellow--400 {
  background-color: #fff069; }

.hollow-yellow--400 {
  color: #fff069 !important;
  border-color: #fff069 !important; }
  .hollow-yellow--400:hover {
    color: #fff069 !important; }

.text-yellow--400 {
  color: #fff069; }

.yellow--600 {
  background-color: #ffe60d; }

.hollow-yellow--600 {
  color: #ffe60d !important;
  border-color: #ffe60d !important; }
  .hollow-yellow--600:hover {
    color: #ffe60d !important; }

.text-yellow--600 {
  color: #ffe60d; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #FFEB3B; }

.hollow-yellow--500 {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important; }
  .hollow-yellow--500:hover {
    color: #FFEB3B !important; }

.text-yellow--500 {
  color: #FFEB3B; }

.amber--100 {
  background-color: #ffefbf; }

.hollow-amber--100 {
  color: #ffefbf !important;
  border-color: #ffefbf !important; }
  .hollow-amber--100:hover {
    color: #ffefbf !important; }

.text-amber--100 {
  color: #ffefbf; }

.amber--900 {
  background-color: #4e3b00; }

.hollow-amber--900 {
  color: #4e3b00 !important;
  border-color: #4e3b00 !important; }
  .hollow-amber--900:hover {
    color: #4e3b00 !important; }

.text-amber--900 {
  color: #4e3b00; }

.amber--200 {
  background-color: #ffe391; }

.hollow-amber--200 {
  color: #ffe391 !important;
  border-color: #ffe391 !important; }
  .hollow-amber--200:hover {
    color: #ffe391 !important; }

.text-amber--200 {
  color: #ffe391; }

.amber--800 {
  background-color: #7c5d00; }

.hollow-amber--800 {
  color: #7c5d00 !important;
  border-color: #7c5d00 !important; }
  .hollow-amber--800:hover {
    color: #7c5d00 !important; }

.text-amber--800 {
  color: #7c5d00; }

.amber--300 {
  background-color: #ffd863; }

.hollow-amber--300 {
  color: #ffd863 !important;
  border-color: #ffd863 !important; }
  .hollow-amber--300:hover {
    color: #ffd863 !important; }

.text-amber--300 {
  color: #ffd863; }

.amber--700 {
  background-color: #aa8000; }

.hollow-amber--700 {
  color: #aa8000 !important;
  border-color: #aa8000 !important; }
  .hollow-amber--700:hover {
    color: #aa8000 !important; }

.text-amber--700 {
  color: #aa8000; }

.amber--400 {
  background-color: #ffcc35; }

.hollow-amber--400 {
  color: #ffcc35 !important;
  border-color: #ffcc35 !important; }
  .hollow-amber--400:hover {
    color: #ffcc35 !important; }

.text-amber--400 {
  color: #ffcc35; }

.amber--600 {
  background-color: #d8a200; }

.hollow-amber--600 {
  color: #d8a200 !important;
  border-color: #d8a200 !important; }
  .hollow-amber--600:hover {
    color: #d8a200 !important; }

.text-amber--600 {
  color: #d8a200; }

.amber--50 {
  background-color: #fff2cc; }

.hollow-amber--50 {
  color: #fff2cc !important;
  border-color: #fff2cc !important; }
  .hollow-amber--50:hover {
    color: #fff2cc !important; }

.text-amber--50 {
  color: #fff2cc; }

.amber--500 {
  background-color: #FFC107; }

.hollow-amber--500 {
  color: #FFC107 !important;
  border-color: #FFC107 !important; }
  .hollow-amber--500:hover {
    color: #FFC107 !important; }

.text-amber--500 {
  color: #FFC107; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbd5c; }

.hollow-orange--300 {
  color: #ffbd5c !important;
  border-color: #ffbd5c !important; }
  .hollow-orange--300:hover {
    color: #ffbd5c !important; }

.text-orange--300 {
  color: #ffbd5c; }

.orange--700 {
  background-color: #a36100; }

.hollow-orange--700 {
  color: #a36100 !important;
  border-color: #a36100 !important; }
  .hollow-orange--700:hover {
    color: #a36100 !important; }

.text-orange--700 {
  color: #a36100; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #FF9800; }

.hollow-orange--500 {
  color: #FF9800 !important;
  border-color: #FF9800 !important; }
  .hollow-orange--500:hover {
    color: #FF9800 !important; }

.text-orange--500 {
  color: #FF9800; }

.deep-orange--100 {
  background-color: #ffe3da; }

.hollow-deep-orange--100 {
  color: #ffe3da !important;
  border-color: #ffe3da !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe3da !important; }

.text-deep-orange--100 {
  color: #ffe3da; }

.deep-orange--900 {
  background-color: #691900; }

.hollow-deep-orange--900 {
  color: #691900 !important;
  border-color: #691900 !important; }
  .hollow-deep-orange--900:hover {
    color: #691900 !important; }

.text-deep-orange--900 {
  color: #691900; }

.deep-orange--200 {
  background-color: #ffc0ac; }

.hollow-deep-orange--200 {
  color: #ffc0ac !important;
  border-color: #ffc0ac !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ac !important; }

.text-deep-orange--200 {
  color: #ffc0ac; }

.deep-orange--800 {
  background-color: #972400; }

.hollow-deep-orange--800 {
  color: #972400 !important;
  border-color: #972400 !important; }
  .hollow-deep-orange--800:hover {
    color: #972400 !important; }

.text-deep-orange--800 {
  color: #972400; }

.deep-orange--300 {
  background-color: #ff9d7e; }

.hollow-deep-orange--300 {
  color: #ff9d7e !important;
  border-color: #ff9d7e !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d7e !important; }

.text-deep-orange--300 {
  color: #ff9d7e; }

.deep-orange--700 {
  background-color: #c52f00; }

.hollow-deep-orange--700 {
  color: #c52f00 !important;
  border-color: #c52f00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c52f00 !important; }

.text-deep-orange--700 {
  color: #c52f00; }

.deep-orange--400 {
  background-color: #ff7a50; }

.hollow-deep-orange--400 {
  color: #ff7a50 !important;
  border-color: #ff7a50 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a50 !important; }

.text-deep-orange--400 {
  color: #ff7a50; }

.deep-orange--600 {
  background-color: #f33a00; }

.hollow-deep-orange--600 {
  color: #f33a00 !important;
  border-color: #f33a00 !important; }
  .hollow-deep-orange--600:hover {
    color: #f33a00 !important; }

.text-deep-orange--600 {
  color: #f33a00; }

.deep-orange--50 {
  background-color: #ffede7; }

.hollow-deep-orange--50 {
  color: #ffede7 !important;
  border-color: #ffede7 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffede7 !important; }

.text-deep-orange--50 {
  color: #ffede7; }

.deep-orange--500 {
  background-color: #FF5722; }

.hollow-deep-orange--500 {
  color: #FF5722 !important;
  border-color: #FF5722 !important; }
  .hollow-deep-orange--500:hover {
    color: #FF5722 !important; }

.text-deep-orange--500 {
  color: #FF5722; }

.brown--100 {
  background-color: #cdb4ab; }

.hollow-brown--100 {
  color: #cdb4ab !important;
  border-color: #cdb4ab !important; }
  .hollow-brown--100:hover {
    color: #cdb4ab !important; }

.text-brown--100 {
  color: #cdb4ab; }

.brown--900 {
  background-color: #060404; }

.hollow-brown--900 {
  color: #060404 !important;
  border-color: #060404 !important; }
  .hollow-brown--900:hover {
    color: #060404 !important; }

.text-brown--900 {
  color: #060404; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231815; }

.hollow-brown--800 {
  color: #231815 !important;
  border-color: #231815 !important; }
  .hollow-brown--800:hover {
    color: #231815 !important; }

.text-brown--800 {
  color: #231815; }

.brown--300 {
  background-color: #ab8172; }

.hollow-brown--300 {
  color: #ab8172 !important;
  border-color: #ab8172 !important; }
  .hollow-brown--300:hover {
    color: #ab8172 !important; }

.text-brown--300 {
  color: #ab8172; }

.brown--700 {
  background-color: #3f2d26; }

.hollow-brown--700 {
  color: #3f2d26 !important;
  border-color: #3f2d26 !important; }
  .hollow-brown--700:hover {
    color: #3f2d26 !important; }

.text-brown--700 {
  color: #3f2d26; }

.brown--400 {
  background-color: #966959; }

.hollow-brown--400 {
  color: #966959 !important;
  border-color: #966959 !important; }
  .hollow-brown--400:hover {
    color: #966959 !important; }

.text-brown--400 {
  color: #966959; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bcb4; }

.hollow-brown--50 {
  color: #d2bcb4 !important;
  border-color: #d2bcb4 !important; }
  .hollow-brown--50:hover {
    color: #d2bcb4 !important; }

.text-brown--50 {
  color: #d2bcb4; }

.brown--500 {
  background-color: #795548; }

.hollow-brown--500 {
  color: #795548 !important;
  border-color: #795548 !important; }
  .hollow-brown--500:hover {
    color: #795548 !important; }

.text-brown--500 {
  color: #795548; }

.grey--100 {
  background-color: #eeeeee; }

.hollow-grey--100 {
  color: #eeeeee !important;
  border-color: #eeeeee !important; }
  .hollow-grey--100:hover {
    color: #eeeeee !important; }

.text-grey--100 {
  color: #eeeeee; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d7d7d7; }

.hollow-grey--200 {
  color: #d7d7d7 !important;
  border-color: #d7d7d7 !important; }
  .hollow-grey--200:hover {
    color: #d7d7d7 !important; }

.text-grey--200 {
  color: #d7d7d7; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: silver; }

.hollow-grey--300 {
  color: silver !important;
  border-color: silver !important; }
  .hollow-grey--300:hover {
    color: silver !important; }

.text-grey--300 {
  color: silver; }

.grey--700 {
  background-color: #646464; }

.hollow-grey--700 {
  color: #646464 !important;
  border-color: #646464 !important; }
  .hollow-grey--700:hover {
    color: #646464 !important; }

.text-grey--700 {
  color: #646464; }

.grey--400 {
  background-color: darkgray; }

.hollow-grey--400 {
  color: darkgray !important;
  border-color: darkgray !important; }
  .hollow-grey--400:hover {
    color: darkgray !important; }

.text-grey--400 {
  color: darkgray; }

.grey--600 {
  background-color: #7b7b7b; }

.hollow-grey--600 {
  color: #7b7b7b !important;
  border-color: #7b7b7b !important; }
  .hollow-grey--600:hover {
    color: #7b7b7b !important; }

.text-grey--600 {
  color: #7b7b7b; }

.grey--50 {
  background-color: whitesmoke; }

.hollow-grey--50 {
  color: whitesmoke !important;
  border-color: whitesmoke !important; }
  .hollow-grey--50:hover {
    color: whitesmoke !important; }

.text-grey--50 {
  color: whitesmoke; }

.grey--500 {
  background-color: #929292; }

.hollow-grey--500 {
  color: #929292 !important;
  border-color: #929292 !important; }
  .hollow-grey--500:hover {
    color: #929292 !important; }

.text-grey--500 {
  color: #929292; }

.blue-grey--100 {
  background-color: #c9d4da; }

.hollow-blue-grey--100 {
  color: #c9d4da !important;
  border-color: #c9d4da !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4da !important; }

.text-blue-grey--100 {
  color: #c9d4da; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebfc7; }

.hollow-blue-grey--200 {
  color: #aebfc7 !important;
  border-color: #aebfc7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebfc7 !important; }

.text-blue-grey--200 {
  color: #aebfc7; }

.blue-grey--800 {
  background-color: #28343a; }

.hollow-blue-grey--800 {
  color: #28343a !important;
  border-color: #28343a !important; }
  .hollow-blue-grey--800:hover {
    color: #28343a !important; }

.text-blue-grey--800 {
  color: #28343a; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3a4c55; }

.hollow-blue-grey--700 {
  color: #3a4c55 !important;
  border-color: #3a4c55 !important; }
  .hollow-blue-grey--700:hover {
    color: #3a4c55 !important; }

.text-blue-grey--700 {
  color: #3a4c55; }

.blue-grey--400 {
  background-color: #7794a1; }

.hollow-blue-grey--400 {
  color: #7794a1 !important;
  border-color: #7794a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7794a1 !important; }

.text-blue-grey--400 {
  color: #7794a1; }

.blue-grey--600 {
  background-color: #4d6570; }

.hollow-blue-grey--600 {
  color: #4d6570 !important;
  border-color: #4d6570 !important; }
  .hollow-blue-grey--600:hover {
    color: #4d6570 !important; }

.text-blue-grey--600 {
  color: #4d6570; }

.blue-grey--50 {
  background-color: #d1dbdf; }

.hollow-blue-grey--50 {
  color: #d1dbdf !important;
  border-color: #d1dbdf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dbdf !important; }

.text-blue-grey--50 {
  color: #d1dbdf; }

.blue-grey--500 {
  background-color: #607D8B; }

.hollow-blue-grey--500 {
  color: #607D8B !important;
  border-color: #607D8B !important; }
  .hollow-blue-grey--500:hover {
    color: #607D8B !important; }

.text-blue-grey--500 {
  color: #607D8B; }

:root, [data-theme="light-ui"] {
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgba(116,116,116,1);
  --color-input-border:       rgba(0,0,0,.15);
  --color-input-border-hover: rgba(0,0,0,.3);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               rgb(51, 51, 51);
  --color-text-light:         rgba(51,51,51,0.75);
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-kanban-border:      #4d4d4d;
  --color-inset-search-bg:           #ffffff;
  --color-inset-search-border:       rgba(0,0,0,.20);
  --color-inset-search-border-hover: rgba(0,0,0,.35);
  --color-assignment-to-do:      #c4170b;
  --color-assignment-progress:   #d17d00;
  --color-assignment-completed:  #74a838;
  --color-grid-item-Bg: #fff; }

[data-theme="dark-ui"] {
  color: #fff;
  --sd-slugline-color:        #005b7f;
  --color-input-bg:           rgba(255,255,255,0.05);
  --color-input-bg--hover:    rgba(255,255,255,0.08);
  --color-input-bg--focus:    rgba(94,169,200,0.14);
  --color-label-text:         rgba(255,255,255,0.5);
  --color-input-border:       rgba(255,255,255,0.4);
  --color-input-border-hover: rgba(255,255,255,0.6);
  --color-form-bg:            #3b3b3b;
  --color-text:               rgb(244, 244, 244);
  --color-text-light:         rgba(244, 244, 244,0.75);
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838;
  --color-selected-bg:        #35393b;
  --color-selected-bg--hover: #3b4246;
  --color-bg-00:              #111111;
  --color-bg-50:              #3f3f3f;
  --color-bg-100:             #3a3a3a;
  --color-bg-150:             #303030;
  --color-bg-200:             #484848;
  --color-bg-800:             #212121;
  --color-kanban-border:      #8e8e8e;
  --color-inset-search-bg:    rgba(0,0,0,0.2);
  --color-inset-search-border:       rgba(255,255,255,0.35);
  --color-inset-search-border-hover: rgba(255,255,255,0.55);
  --color-grid-item-Bg: #272727; }
  [data-theme="dark-ui"] [class^="big-icon--"],
  [data-theme="dark-ui"] [class*=" big-icon--"] {
    color: #fff; }

[class^="--dark-ui"],
[class*="--dark-ui"] {
  --color-contrast-bg:        #333;
  --color-contrast-bg--hover: #383838; }

[data-theme="accessible-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text:    #111;
  --sd-slugline-color:        #0400ff;
  color: #000;
  --color-input-bg:           rgba(0,0,0,0.05);
  --color-input-bg--hover:    rgba(0,0,0,0.08);
  --color-input-bg--focus:    rgba(94, 169, 200, 0.14);
  --color-label-text:         rgb(63, 63, 63);
  --color-input-border:       rgba(0,0,0,.35);
  --color-input-border-hover: rgba(0,0,0,.8);
  --color-form-bg:            rgba(255,255,255,0);
  --color-text:               #111;
  --color-contrast-bg:        #fff;
  --color-contrast-bg--hover: #f4f4f4;
  --color-selected-bg:        #eaf2f5;
  --color-selected-bg--hover: #dfebf0;
  --color-bg-00:              #ffffff;
  --color-bg-50:              #f8f8f8;
  --color-bg-100:             #ededed;
  --color-bg-150:             #dfdfdf;
  --color-bg-200:             #a1a1a1;
  --color-bg-800:             #2c2c2c;
  --color-accessible-primary: #0400ff; }
  [data-theme="accessible-light-ui"] [class^="icon-"],
  [data-theme="accessible-light-ui"] [class*=" icon-"],
  [data-theme="accessible-light-ui"] [class^="big-icon--"],
  [data-theme="accessible-light-ui"] [class*=" big-icon--"] {
    color: #000; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style {
    color: #111; }
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
  [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"] {
    background-color: var(--color-accessible-primary);
    border-color: var(--color-accessible-primary);
    border-top-color: #020158;
    color: #fff; }
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
    [data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
      background-color: #020166;
      border-color: #020166;
      border-top-color: #010036; }
  [data-theme="accessible-light-ui"] .sd-create-btn .circle {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .navbtn.navbtn--active {
    background-color: #444;
    color: #fff; }
  [data-theme="accessible-light-ui"] .btn {
    color: var(--color-accessible-text);
    font-weight: 600;
    font-size: 1.4rem; }
    [data-theme="accessible-light-ui"] .btn.btn--primary {
      background-color: var(--color-accessible-primary);
      color: #fff; }
    [data-theme="accessible-light-ui"] .btn.btn--hollow {
      background-color: #fff; }
  [data-theme="accessible-light-ui"] .sd-list-item {
    font-size: 1.5rem; }
    [data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline {
      font-size: 1.3rem; }
    [data-theme="accessible-light-ui"] .sd-list-item time {
      color: #484848;
      font-weight: 400; }
  [data-theme="accessible-light-ui"] .badge {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600; }
  [data-theme="accessible-light-ui"] .side-panel {
    background-color: #fff;
    color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__header {
      background-color: #fff; }
    [data-theme="accessible-light-ui"] .side-panel .side-panel__heading {
      font-weight: 500;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: var(--color-accessible-text); }
    [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author {
      font-size: 1.4rem; }
      [data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time {
        font-weight: 400;
        color: #595959; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui {
      background-color: var(--color-bg-800);
      color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
        color: #fff; }
      [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
        background-color: var(--color-bg-800);
        color: #fff !important; }
        [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
          color: #fff !important; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__label {
    font-weight: 600;
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__input,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__select {
    font-size: 1.5rem; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
  [data-theme="accessible-light-ui"] .sd-input .sd-input__message {
    font-size: 1.4rem;
    margin: 0.8rem 0; }
  [data-theme="accessible-light-ui"] .sd-input .sd-input__hint {
    color: #444; }
  [data-theme="accessible-light-ui"] .form-label {
    font-size: 1.2rem;
    font-weight: 500; }
    [data-theme="accessible-light-ui"] .form-label.form-label--light {
      color: #525252; }
  [data-theme="accessible-light-ui"] .navbtn {
    color: #111; }
    [data-theme="accessible-light-ui"] .navbtn [class^="icon-"], [data-theme="accessible-light-ui"] .navbtn [class*=" icon-"] {
      color: currentColor; }
  [data-theme="accessible-light-ui"] .dropdown__menu-label {
    font-size: 1.2rem;
    color: #585858; }
  [data-theme="accessible-light-ui"] .dropdown__toggle:active,
  [data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: currentColor;
    font-size: 1.5rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
  [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background: var(--color-accessible-primary);
    color: #fff; }
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
    [data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
      color: #fff; }
  [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i {
    color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .sd-text__slugline,
  [data-theme="accessible-light-ui"] p.sd-text__slugline {
    color: var(--color-accessible-primary) !important; }
  [data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron {
    background-color: rgba(123, 123, 123, 0.5);
    height: 2rem;
    width: 2rem;
    text-align: center;
    border-radius: 50%; }
  [data-theme="accessible-light-ui"] .toggle-box__label {
    font-size: 1.4rem;
    color: var(--color-label-text);
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .sd-grid-item time {
    color: #484848;
    font-size: 1.3rem;
    font-weight: 400; }
  [data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline {
    font-size: 1.2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link {
    font-size: 1.6rem;
    font-weight: 500; }
  [data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link {
    font-size: 2rem; }
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
  [data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: var(--color-accessible-primary);
    color: var(--color-accessible-text); }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
    border-bottom-color: transparent;
    color: #fff;
    opacity: 0.6; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
    border-bottom-color: rgba(255, 255, 255, 0.25);
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
    border-bottom-color: #4d4dff;
    color: #fff;
    opacity: 1; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
    color: #fff; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
    color: #fff;
    opacity: 0.7; }
  [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
    color: #fff;
    opacity: 0.75; }
    [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
      opacity: 1; }
  [data-theme="accessible-light-ui"] .badge.badge--primary {
    background-color: var(--color-accessible-primary); }
  [data-theme="accessible-light-ui"] .badge.badge--success {
    background-color: #006115; }
  [data-theme="accessible-light-ui"] .badge.badge--warning {
    background-color: #854900; }
  [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active, [data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover {
    background-color: var(--color-accessible-primary); }

.sd-toggle--disabled {
  cursor: not-allowed; }

.sd-toggle--checked {
  background: #b0b0b0; }

.sd-toggle:focus {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box; }
[class^="--dark-ui"] .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor, [class*="--dark-ui"] .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor, .dark-ui .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  padding: 6px 10px 0 10px;
  min-height: 32px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color 0.2s, border-bottom-color 0.2s; }
  [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor.focus, [class*="--dark-ui"] .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor.focus, .dark-ui .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor.focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }
  [class^="--dark-ui"] .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor:hover, [class*="--dark-ui"] .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor:hover, .dark-ui .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.23); }

.sd-line-input.sd-media-carousel__media-caption .sd-line-input__input.plain-text-editor {
  padding-top: 3px;
  border-bottom: 1px solid var(--color-input-border);
  transition: border linear 0.2s;
  width: 100%; }

.sd-line-input .plain-text-editor .spelling-error {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: red;
  position: relative; }

.sd-line-input *:not([disabled]) .plain-text-editor {
  cursor: auto; }

.plain-text-editor.disabled {
  cursor: not-allowed; }
/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*
====================================================
    Main navigation
====================================================
*/
.beta-switch {
  background: none !important;
  border-right: none !important;
  margin-right: 8px; }
  .beta-switch span {
    height: 14px;
    font-size: 10px;
    letter-spacing: 0.04em;
    padding: 4px 8px;
    border: 1px solid;
    background-color: rgba(0, 0, 0, 0.12);
    transition: background-color ease-in-out 0.2s;
    border-radius: 2px; }
    .beta-switch span:hover {
      background-color: rgba(0, 0, 0, 0.5); }
    .beta-switch span.stable {
      color: rgba(255, 255, 255, 0.4);
      border-color: rgba(255, 255, 255, 0.2); }
    .beta-switch span.beta {
      color: #00b877;
      border-color: rgba(0, 184, 119, 0.4); }

#top-menu {
  background: #2c2c2c;
  height: 48px;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
  margin-bottom: 0;
  transition: all 0.3s ease; }
  #top-menu.menu-open {
    left: 300px !important;
    right: 0 !important; }
    #top-menu.menu-open .collapse-nav {
      margin-left: -48px;
      background: rgba(0, 0, 0, 0.02) !important; }
      #top-menu.menu-open .collapse-nav:hover {
        background: rgba(0, 0, 0, 0.4) !important; }
  #top-menu.test-environment {
    background: #3783a2; }
    #top-menu.test-environment:after {
      content: attr(data-text);
      color: black;
      font-size: 47px;
      color: black;
      top: 13px;
      position: absolute; }
  #top-menu .current-user {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.25);
    transition: background-color ease-in-out 0.2s; }
    #top-menu .current-user .badge {
      position: absolute;
      top: 4px;
      right: 4px;
      text-shadow: none;
      z-index: 1; }
    #top-menu .current-user:hover {
      background-color: rgba(0, 0, 0, 0.5); }
  #top-menu #hamburger-menu a, #top-menu #hamburger-menu button {
    height: 48px;
    display: inline-block;
    line-height: 48px;
    padding: 0 25px;
    background: #202020;
    border: 0;
    font-weight: 400; }
    #top-menu #hamburger-menu a:hover, #top-menu #hamburger-menu button:hover {
      text-decoration: none;
      background: #000; }
    #top-menu #hamburger-menu a.main-link, #top-menu #hamburger-menu button.main-link {
      font-size: 15px;
      color: #aaa; }
    #top-menu #hamburger-menu a.collapse-nav, #top-menu #hamburger-menu button.collapse-nav {
      width: 48px !important;
      text-align: center;
      padding: 0;
      line-height: 0;
      transition: all 0.3s ease; }
      #top-menu #hamburger-menu a.collapse-nav:hover, #top-menu #hamburger-menu button.collapse-nav:hover {
        background: #101010;
        cursor: pointer; }
  #top-menu .top-nav {
    height: 48px;
    float: left; }
  #top-menu .dropdown {
    position: relative;
    float: left; }
    #top-menu .dropdown.navbtn, #top-menu .dropdown button {
      box-shadow: none;
      border: none;
      width: auto; }
      #top-menu .dropdown.navbtn .name, #top-menu .dropdown button .name {
        display: block;
        float: left;
        min-width: 155px;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        text-transform: uppercase; }
    #top-menu .dropdown.open .dropdown__toggle {
      background-color: #fff;
      color: #5aa1bf; }
      #top-menu .dropdown.open .dropdown__toggle .dropdown__caret {
        border-top-color: #595959; }
      #top-menu .dropdown.open .dropdown__toggle.workspace {
        background-color: #fff;
        color: #9c5e96; }
      #top-menu .dropdown.open .dropdown__toggle.desk--closed {
        background-color: #fff;
        color: #E51C23; }
    #top-menu .dropdown .dropdown__toggle {
      background-color: #5ea9c8;
      color: #fff;
      padding: 0 15px;
      font-size: 12px;
      overflow: hidden; }
      #top-menu .dropdown .dropdown__toggle .dropdown__caret {
        border-top-color: #fff; }
      #top-menu .dropdown .dropdown__toggle.workspace {
        background-color: #9c5e96; }
      #top-menu .dropdown .dropdown__toggle.desk--closed {
        background-color: #E51C23; }
    #top-menu .dropdown .dropdown__menu {
      min-width: 295px;
      max-height: 550px;
      overflow: auto;
      margin: 0;
      padding: 0;
      z-index: 4; }
      #top-menu .dropdown .dropdown__menu .dropdown__menu-label {
        font-size: 10px;
        color: #999;
        padding: 5px 15px;
        margin-top: 9px;
        border-top: 1px solid #ebebeb; }
        #top-menu .dropdown .dropdown__menu .dropdown__menu-label:first-of-type {
          margin-top: 0;
          border-top: 0; }
      #top-menu .dropdown .dropdown__menu .no-desk {
        width: 100%;
        background-color: #fff;
        color: #999;
        border: none;
        height: auto;
        font-size: 12px;
        line-height: 1.3em;
        margin: 0;
        padding: 10px 15px;
        border-radius: 0; }
      #top-menu .dropdown .dropdown__menu button {
        width: 100%;
        background-color: #fff;
        color: #3599b6;
        border: none;
        height: auto;
        font-size: 12px;
        line-height: 1.3em;
        margin: 0;
        padding: 10px 15px;
        border-radius: 0;
        text-transform: uppercase;
        position: relative; }
        #top-menu .dropdown .dropdown__menu button[disabled]:hover {
          cursor: default;
          background-color: #fff; }
        #top-menu .dropdown .dropdown__menu button.action-btn {
          font-size: 13px;
          margin-top: 9px;
          padding: 12px 15px;
          text-transform: none;
          color: #757676;
          border-top: 1px solid #ebebeb; }
        #top-menu .dropdown .dropdown__menu button:hover {
          background-color: #eef5f8; }
      #top-menu .dropdown .dropdown__menu .workspace-item button {
        color: #9c5e96; }
      #top-menu .dropdown .dropdown__menu .desk-item--closed button::after, #top-menu .dropdown .dropdown__menu .desk-item--receiving button::after {
        font-family: 'sd_icons';
        position: absolute;
        right: 8px;
        top: 9px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 16px;
        font-family: 'sd_icons';
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      #top-menu .dropdown .dropdown__menu .desk-item--closed button {
        color: #E51C23;
        background-color: rgba(229, 28, 35, 0.08); }
        #top-menu .dropdown .dropdown__menu .desk-item--closed button::after {
          content: "\E625";
          color: #E51C23; }
        #top-menu .dropdown .dropdown__menu .desk-item--closed button:hover {
          background-color: rgba(229, 28, 35, 0.16); }
      #top-menu .dropdown .dropdown__menu .desk-item--receiving button::after {
        content: "\E624";
        color: #46a546; }
  #top-menu .top-menu__content-block {
    display: flex;
    align-items: center; }
    #top-menu .top-menu__content-block--right {
      margin-left: auto;
      float: right; }
  #top-menu .top-menu__info {
    display: flex;
    height: 30px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 1;
    color: #fff;
    font-size: 12px;
    border-radius: 15px;
    align-items: center;
    white-space: nowrap;
    max-width: 700px; }
  #top-menu .top-menu__info-label {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.5);
    padding-right: 5px; }
  #top-menu .top-menu__info-text {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #top-menu .top-menu__info-icon {
    margin-right: 6px;
    color: inherit; }
    #top-menu .top-menu__info-icon--green {
      color: #46a546; }
    #top-menu .top-menu__info-icon--red {
      color: #E51C23; }

.top-menu-dropdown-button {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  z-index: 2;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
  transition: background-color ease-in-out 0.2s; }
  .top-menu-dropdown-button:disabled {
    cursor: default; }
  .top-menu-dropdown-button:not([disabled]):hover {
    background-color: rgba(255, 255, 255, 0.1); }
  .top-menu-dropdown-button--active {
    color: #333;
    background-color: white; }
    .top-menu-dropdown-button--active:hover {
      background-color: white; }
  .top-menu-dropdown-button--pulsate {
    animation: pulsateBG ease-in-out 3s infinite; }
    .top-menu-dropdown-button--pulsate:hover {
      background-color: rgba(255, 87, 34, 0.8);
      animation: none; }

.top-menu-dropdown-button--active.top-menu-dropdown-button--pulsate {
  color: #333;
  background-color: white;
  animation: none; }
  .top-menu-dropdown-button--active.top-menu-dropdown-button--pulsate:hover {
    background-color: white; }

#side-menu {
  position: absolute;
  width: 48px;
  top: 48px;
  left: 0;
  bottom: 3.2rem;
  background-color: #dedede;
  z-index: 1029;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease; }
  #side-menu.menu-open {
    left: 300px !important;
    right: 0 !important; }
  #side-menu hr {
    width: 24px;
    margin: 18px 12px;
    border-top: 1px dotted #9b9b9b;
    border-bottom: 0; }
  #side-menu i {
    opacity: 1; }
  #side-menu li {
    text-align: center;
    line-height: 48px; }
  #side-menu a, #side-menu .dropdown__toggle {
    display: block;
    margin: 6px auto;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    overflow: hidden;
    transition: opacity 0.2s, background-color 0.2s;
    position: relative; }
  #side-menu a:hover, #side-menu .dropdown__toggle:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.6); }
  #side-menu a:active, #side-menu .dropdown__toggle:active {
    background-color: #5ea9c8;
    opacity: 1; }
  #side-menu .main-icon {
    position: absolute;
    top: 6px;
    left: 4px;
    transition: left 0.2s ease-out; }
  #side-menu .helper-icon {
    position: absolute;
    top: 6px;
    left: 30px;
    transition: left 0.2s ease-out, transform 0.2s; }
  #side-menu .active a, #side-menu .active .dropdown__toggle {
    background-color: #3d8fb1;
    opacity: 1; }
  #side-menu .dropdown--dropright {
    display: block; }
    #side-menu .dropdown--dropright .dropdown__menu {
      top: -10px; }

#side-menu .authoring-active .active .sd-sidebar-menu__main-icon, #side-menu .authoring-active .active .sd-sidebar-menu__helper-icon {
  color: #fff; }

#side-menu .authoring-active .active:hover .sd-sidebar-menu__main-icon {
  left: -3rem; }

#side-menu .authoring-active .active:hover .sd-sidebar-menu__helper-icon {
  left: 0.5rem; }

#side-menu .authoring-active.list-hidden .active .sd-sidebar-menu__helper-icon {
  transform: rotate(180deg);
  left: -3rem; }

#side-menu .authoring-active.list-hidden .active:hover .sd-sidebar-menu__helper-icon {
  left: 0.5rem; }

.side-menu-hidden #side-menu {
  display: none; }

.side-menu-hidden #main-container.hideMonitoring #authoring-container {
  width: 100% !important; }

.side-menu-hidden #workspace-container {
  left: 0; }

.sd-sidetab-menu,
.sd-sidebar-menu {
  top: 0; }

#main-menu, .main-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  box-shadow: inset -5px 0 6px 0px #181818; }
  #main-menu .header, #main-menu .main-menu__header, .main-menu .header, .main-menu .main-menu__header {
    grid-column: 1/2;
    grid-row: 1/2;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 48px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
  #main-menu .main-menu__heading, .main-menu .main-menu__heading {
    font-size: 1.6rem;
    font-weight: 300;
    opacity: 0.5;
    padding-left: 2.4rem; }
  #main-menu .content, #main-menu .main-menu__content, .main-menu .content, .main-menu .main-menu__content {
    grid-column: 1/2;
    grid-row: 2/3;
    overflow: auto; }
    #main-menu .content ul, #main-menu .content .main-menu__list, #main-menu .main-menu__content ul, #main-menu .main-menu__content .main-menu__list, .main-menu .content ul, .main-menu .content .main-menu__list, .main-menu .main-menu__content ul, .main-menu .main-menu__content .main-menu__list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      margin-top: 1.6rem; }
      #main-menu .content ul li a, #main-menu .content ul li .main-menu__menu-item, #main-menu .content ul .main-menu__list-item a, #main-menu .content ul .main-menu__list-item .main-menu__menu-item, #main-menu .content .main-menu__list li a, #main-menu .content .main-menu__list li .main-menu__menu-item, #main-menu .content .main-menu__list .main-menu__list-item a, #main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item, #main-menu .main-menu__content ul li a, #main-menu .main-menu__content ul li .main-menu__menu-item, #main-menu .main-menu__content ul .main-menu__list-item a, #main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list li a, #main-menu .main-menu__content .main-menu__list li .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list .main-menu__list-item a, #main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item, .main-menu .content ul li a, .main-menu .content ul li .main-menu__menu-item, .main-menu .content ul .main-menu__list-item a, .main-menu .content ul .main-menu__list-item .main-menu__menu-item, .main-menu .content .main-menu__list li a, .main-menu .content .main-menu__list li .main-menu__menu-item, .main-menu .content .main-menu__list .main-menu__list-item a, .main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item, .main-menu .main-menu__content ul li a, .main-menu .main-menu__content ul li .main-menu__menu-item, .main-menu .main-menu__content ul .main-menu__list-item a, .main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list li a, .main-menu .main-menu__content .main-menu__list li .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list .main-menu__list-item a, .main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 4rem;
        height: 4rem;
        font-size: 14px;
        color: inherit;
        text-decoration: none;
        border-left: 4px solid transparent;
        transition: all 0.2s ease-in-out; }
        #main-menu .content ul li a:hover, #main-menu .content ul li .main-menu__menu-item:hover, #main-menu .content ul .main-menu__list-item a:hover, #main-menu .content ul .main-menu__list-item .main-menu__menu-item:hover, #main-menu .content .main-menu__list li a:hover, #main-menu .content .main-menu__list li .main-menu__menu-item:hover, #main-menu .content .main-menu__list .main-menu__list-item a:hover, #main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover, #main-menu .main-menu__content ul li a:hover, #main-menu .main-menu__content ul li .main-menu__menu-item:hover, #main-menu .main-menu__content ul .main-menu__list-item a:hover, #main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item:hover, #main-menu .main-menu__content .main-menu__list li a:hover, #main-menu .main-menu__content .main-menu__list li .main-menu__menu-item:hover, #main-menu .main-menu__content .main-menu__list .main-menu__list-item a:hover, #main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover, .main-menu .content ul li a:hover, .main-menu .content ul li .main-menu__menu-item:hover, .main-menu .content ul .main-menu__list-item a:hover, .main-menu .content ul .main-menu__list-item .main-menu__menu-item:hover, .main-menu .content .main-menu__list li a:hover, .main-menu .content .main-menu__list li .main-menu__menu-item:hover, .main-menu .content .main-menu__list .main-menu__list-item a:hover, .main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover, .main-menu .main-menu__content ul li a:hover, .main-menu .main-menu__content ul li .main-menu__menu-item:hover, .main-menu .main-menu__content ul .main-menu__list-item a:hover, .main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item:hover, .main-menu .main-menu__content .main-menu__list li a:hover, .main-menu .main-menu__content .main-menu__list li .main-menu__menu-item:hover, .main-menu .main-menu__content .main-menu__list .main-menu__list-item a:hover, .main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover {
          background: rgba(255, 255, 255, 0.06);
          cursor: pointer;
          border-left: 4px solid rgba(255, 255, 255, 0.2); }
        #main-menu .content ul li a sup, #main-menu .content ul li .main-menu__menu-item sup, #main-menu .content ul .main-menu__list-item a sup, #main-menu .content ul .main-menu__list-item .main-menu__menu-item sup, #main-menu .content .main-menu__list li a sup, #main-menu .content .main-menu__list li .main-menu__menu-item sup, #main-menu .content .main-menu__list .main-menu__list-item a sup, #main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item sup, #main-menu .main-menu__content ul li a sup, #main-menu .main-menu__content ul li .main-menu__menu-item sup, #main-menu .main-menu__content ul .main-menu__list-item a sup, #main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item sup, #main-menu .main-menu__content .main-menu__list li a sup, #main-menu .main-menu__content .main-menu__list li .main-menu__menu-item sup, #main-menu .main-menu__content .main-menu__list .main-menu__list-item a sup, #main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item sup, .main-menu .content ul li a sup, .main-menu .content ul li .main-menu__menu-item sup, .main-menu .content ul .main-menu__list-item a sup, .main-menu .content ul .main-menu__list-item .main-menu__menu-item sup, .main-menu .content .main-menu__list li a sup, .main-menu .content .main-menu__list li .main-menu__menu-item sup, .main-menu .content .main-menu__list .main-menu__list-item a sup, .main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item sup, .main-menu .main-menu__content ul li a sup, .main-menu .main-menu__content ul li .main-menu__menu-item sup, .main-menu .main-menu__content ul .main-menu__list-item a sup, .main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item sup, .main-menu .main-menu__content .main-menu__list li a sup, .main-menu .main-menu__content .main-menu__list li .main-menu__menu-item sup, .main-menu .main-menu__content .main-menu__list .main-menu__list-item a sup, .main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item sup {
          padding-left: 4px;
          opacity: 0.7;
          font-weight: 300;
          letter-spacing: 0.05em; }
      #main-menu .content ul li.active a, #main-menu .content ul li.active .main-menu__menu-item, #main-menu .content ul li.main-menu__list-item--active a, #main-menu .content ul li.main-menu__list-item--active .main-menu__menu-item, #main-menu .content ul .main-menu__list-item.active a, #main-menu .content ul .main-menu__list-item.active .main-menu__menu-item, #main-menu .content ul .main-menu__list-item.main-menu__list-item--active a, #main-menu .content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, #main-menu .content .main-menu__list li.active a, #main-menu .content .main-menu__list li.active .main-menu__menu-item, #main-menu .content .main-menu__list li.main-menu__list-item--active a, #main-menu .content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, #main-menu .content .main-menu__list .main-menu__list-item.active a, #main-menu .content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, #main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, #main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content ul li.active a, #main-menu .main-menu__content ul li.active .main-menu__menu-item, #main-menu .main-menu__content ul li.main-menu__list-item--active a, #main-menu .main-menu__content ul li.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content ul .main-menu__list-item.active a, #main-menu .main-menu__content ul .main-menu__list-item.active .main-menu__menu-item, #main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active a, #main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list li.active a, #main-menu .main-menu__content .main-menu__list li.active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active a, #main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.active a, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .content ul li.active a, .main-menu .content ul li.active .main-menu__menu-item, .main-menu .content ul li.main-menu__list-item--active a, .main-menu .content ul li.main-menu__list-item--active .main-menu__menu-item, .main-menu .content ul .main-menu__list-item.active a, .main-menu .content ul .main-menu__list-item.active .main-menu__menu-item, .main-menu .content ul .main-menu__list-item.main-menu__list-item--active a, .main-menu .content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .content .main-menu__list li.active a, .main-menu .content .main-menu__list li.active .main-menu__menu-item, .main-menu .content .main-menu__list li.main-menu__list-item--active a, .main-menu .content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, .main-menu .content .main-menu__list .main-menu__list-item.active a, .main-menu .content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, .main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, .main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content ul li.active a, .main-menu .main-menu__content ul li.active .main-menu__menu-item, .main-menu .main-menu__content ul li.main-menu__list-item--active a, .main-menu .main-menu__content ul li.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content ul .main-menu__list-item.active a, .main-menu .main-menu__content ul .main-menu__list-item.active .main-menu__menu-item, .main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active a, .main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list li.active a, .main-menu .main-menu__content .main-menu__list li.active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active a, .main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.active a, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item {
        background: rgba(0, 0, 0, 0.3);
        color: #5ea9c8;
        border-left: 4px solid #5ea9c8; }
      #main-menu .content ul .main-menu__group-header, #main-menu .content .main-menu__list .main-menu__group-header, #main-menu .main-menu__content ul .main-menu__group-header, #main-menu .main-menu__content .main-menu__list .main-menu__group-header, .main-menu .content ul .main-menu__group-header, .main-menu .content .main-menu__list .main-menu__group-header, .main-menu .main-menu__content ul .main-menu__group-header, .main-menu .main-menu__content .main-menu__list .main-menu__group-header {
        font-size: 11px;
        text-transform: uppercase;
        padding: 12px 0 4px 24px;
        color: rgba(255, 255, 255, 0.5);
        letter-spacing: 0.06em; }
  #main-menu .footer, #main-menu .main-menu__footer, .main-menu .footer, .main-menu .main-menu__footer {
    grid-column: 1/2;
    grid-row: 3/4;
    z-index: 2;
    border-top: 1px solid #1f1f1f;
    box-shadow: inset 0 1px 0px 0px #353535, 0 -2px 3px 0px #232323;
    text-align: center; }
    #main-menu .footer .icon-superdesk, #main-menu .main-menu__footer .icon-superdesk, .main-menu .footer .icon-superdesk, .main-menu .main-menu__footer .icon-superdesk {
      background: url(232b89a70b5ba0ee6b7a8e8e67affb45.png) no-repeat 0 0;
      background-size: contain;
      width: 130px;
      height: 42px;
      margin: 14px auto 10px; }
    #main-menu .footer .powered, #main-menu .main-menu__footer .powered, .main-menu .footer .powered, .main-menu .main-menu__footer .powered {
      display: block;
      color: rgba(255, 255, 255, 0.4);
      font-size: 10px;
      font-weight: 300;
      letter-spacing: 0.05em;
      padding: 8px 0 6px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.065); }
    #main-menu .footer .about, #main-menu .main-menu__footer .about, .main-menu .footer .about, .main-menu .main-menu__footer .about {
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(255, 255, 255, 0.9);
      background-color: rgba(0, 0, 0, 0.1);
      font-size: 12px;
      font-weight: 300;
      padding: 0 16px;
      height: 3.2rem;
      font-weight: 300;
      letter-spacing: 0.05em;
      border-top: 1px solid rgba(255, 255, 255, 0.065); }
      #main-menu .footer .about a, #main-menu .main-menu__footer .about a, .main-menu .footer .about a, .main-menu .main-menu__footer .about a {
        color: rgba(255, 255, 255, 0.9);
        cursor: pointer; }

.about-content {
  position: relative; }
  .about-content .sf-logo {
    width: 110px;
    background-size: 110px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0; }

@media screen and (max-width: 1180px) {
  .top-menu.menu-open {
    left: 300px !important;
    right: -300px !important; } }

@media screen and (max-width: 320px) {
  .sf-main-menu {
    width: 260px; }
  .top-menu {
    max-height: 40px;
    overflow: hidden; }
    .top-menu.menu-open {
      left: 260px !important;
      right: -260px !important; } }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.notification-holder {
  position: fixed;
  z-index: 9050;
  width: 340px;
  top: -5px;
  left: 50%;
  margin-left: -170px;
  overflow: hidden;
  padding: 0 10px 10px; }
  .notification-holder .alert {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 3px -2px #666;
    padding: 15px 30px;
    margin: 0 0 10px;
    opacity: 0.98;
    filter: "alpha(opacity=98)"; }
    .notification-holder .alert.success {
      border-color: #a6d5a2; }

.zen-mode .notification-holder {
  background: none; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  right: 10px; }

::-webkit-scrollbar:hover {
  background-color: #e8e8e8;
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: #bbb; }

::-webkit-scrollbar-thumb:hover {
  background: #777;
  cursor: pointer; }

/*
    ----------------------------------------------------------------------
    INPUT ELEMENTS
    ----------------------------------------------------------------------
*/
.sdselect {
  width: 210px;
  position: relative; }
  .sdselect.open {
    box-shadow: 0px 0px 5px 0px #d0d0d0 !important; }
    .sdselect.open .sdselect-btn {
      border-bottom: 0 !important; }
  .sdselect:hover .sdselect-btn {
    cursor: pointer; }
  .sdselect .sdselect-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    padding: 6px;
    height: 27px;
    outline: none !important;
    box-shadow: inset 0 0 0 #000 !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #333;
    line-height: 15px;
    font-size: 12px; }
    .sdselect .sdselect-btn .caret {
      margin: 5px 3px 0 0; }
  .sdselect .sdselect-menu {
    position: absolute;
    background: #fff;
    z-index: 10;
    top: 26px;
    left: 0;
    right: 0;
    height: auto;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 2px 2px; }
    .sdselect .sdselect-menu .sdselect-filter {
      padding: 2px 7px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-filter input[type="text"] {
        height: 21px !important;
        padding: 3px !important;
        border: 0 !important;
        min-height: 0;
        box-shadow: 0 0 0 0 #000; }
        .sdselect .sdselect-menu .sdselect-filter input[type="text"]:focus {
          box-shadow: 0 0 0 0 #000 !important; }
    .sdselect .sdselect-menu .sdselect-all {
      padding: 4px 9px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-all a {
        text-decoration: none;
        font-size: 9px;
        text-transform: uppercase;
        color: #989898;
        margin-right: 10px; }
        .sdselect .sdselect-menu .sdselect-all a:hover {
          cursor: pointer;
          color: #666; }
    .sdselect .sdselect-menu .list-holder {
      height: auto;
      max-height: 150px;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 7px 0; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar {
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        width: 13px;
        background: #fff; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar:hover {
          background: #e8e8e8; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb {
        border-left: 4px solid #fff;
        border-right: 4px solid #fff;
        background: #bbb; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb:hover {
          background: #787878; }
    .sdselect .sdselect-menu ul li a {
      display: block;
      padding: 3px 7px;
      font-size: 12px;
      color: #333;
      text-decoration: none; }
      .sdselect .sdselect-menu ul li a:hover {
        cursor: pointer;
        color: #fff;
        background: #0083c4; }
      .sdselect .sdselect-menu ul li a i {
        margin-right: 5px;
        vertical-align: middle;
        margin-top: -4px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }

.searchbar {
  border-radius: 2px !important;
  background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 9px 4px #ffffff !important;
  padding: 0 0 0 35px !important; }
  .searchbar.searchbar-large {
    background-position: 9px 7px !important;
    height: 32px !important;
    font-size: 15px;
    line-height: 26px; }

.flat-searchbar {
  flex-grow: 0; }
  .flat-searchbar .search-handler {
    min-width: 48px;
    height: 48px;
    padding: 10px 10px 10px 14px;
    box-sizing: border-box;
    background: none;
    display: flex;
    white-space: nowrap;
    transition: all 0.3s ease; }
    .flat-searchbar .search-handler input {
      height: 28px;
      line-height: 100%;
      font-size: 14px;
      border: 0 !important;
      width: 0;
      padding: 0;
      background-color: rgba(255, 255, 255, 0);
      transition: all 0.3s ease; }
      .flat-searchbar .search-handler input:focus {
        box-shadow: none !important; }
    .flat-searchbar .search-handler .trigger-icon {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 28px;
      height: 28px;
      display: block;
      opacity: 0.5;
      filter: "alpha(opacity=50)"; }
      .flat-searchbar .search-handler .trigger-icon:hover {
        cursor: pointer;
        opacity: 0.8;
        filter: "alpha(opacity=80)"; }
      .flat-searchbar .search-handler .trigger-icon i {
        padding: 7px 3px 4px 6px; }
  .flat-searchbar .separator-handler {
    margin: 9px 0 0 5px;
    border-right: 2px dotted #bcbcbc;
    height: 30px;
    float: left; }
  .flat-searchbar .search-close {
    border: 0;
    background: none;
    display: none;
    height: 1.6rem;
    width: 1.6rem;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
    padding: 0;
    opacity: 0.35;
    transition: opacity 0.2s ease-out;
    color: currentColor;
    opacity: 0; }
    .flat-searchbar .search-close.visible {
      opacity: 0.35; }
      .flat-searchbar .search-close.visible:hover {
        opacity: 0.7; }
      .flat-searchbar .search-close.visible:active {
        opacity: 1; }
    .flat-searchbar .search-close i {
      display: block; }
  .flat-searchbar .search-start {
    height: 2.8rem;
    width: 2.8rem;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: center;
    margin: 0 0.8rem 0 0;
    padding: 0;
    transition: all 0.2s ease-out;
    background-color: rgba(61, 143, 177, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; }
    .flat-searchbar .search-start i {
      transition: color 0.2s ease-out;
      color: #5ea9c8; }
    .flat-searchbar .search-start.visible {
      opacity: 1; }
      .flat-searchbar .search-start.visible:hover {
        background-color: rgba(61, 143, 177, 0.75); }
        .flat-searchbar .search-start.visible:hover i {
          color: #fff; }
      .flat-searchbar .search-start.visible:active {
        background-color: #3d8fb1; }
        .flat-searchbar .search-start.visible:active i {
          color: #fff; }
    .flat-searchbar .search-start:hover {
      background-color: rgba(61, 143, 177, 0.75); }
      .flat-searchbar .search-start:hover i {
        color: #fff; }
    .flat-searchbar .search-start:active {
      background-color: #3d8fb1; }
      .flat-searchbar .search-start:active i {
        color: #fff; }
  .flat-searchbar.extended {
    flex-grow: 1; }
    .flat-searchbar.extended .search-handler input {
      width: auto;
      padding: 0 6px; }
    .flat-searchbar.extended .separator-handler {
      margin-left: 14px; }
    .flat-searchbar.extended .search-close {
      display: inline-block; }

.monitoring-backlink .separator-handler {
  margin-top: 0;
  margin-right: 10px; }

.filter-type {
  white-space: nowrap; }
  .filter-type__item {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 2px;
    cursor: pointer; }
    .filter-type__item i {
      height: auto;
      color: #999;
      padding: 2px 8px 1px 8px;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(215, 215, 215, 0.7);
      border-radius: 2px;
      box-sizing: border-box; }
    .filter-type__item a {
      height: 21px;
      font-size: 11px;
      font-family: Inter, Helvetica, Arial, sans-serif;
      line-height: 21px;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 2px;
      border: 1px solid #999;
      box-sizing: border-box;
      text-transform: uppercase;
      background: #fff !important;
      color: #333;
      opacity: 0.7; }
      .filter-type__item a:hover {
        color: #000;
        opacity: 1; }
      .filter-type__item a.filter-type__link--blue {
        border-color: #5ea9c8;
        color: #5ea9c8; }
      .filter-type__item a.filter-type__link--dark-blue {
        border-color: #216278;
        color: #216278; }
    .filter-type__item:hover i {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #aaaaaa;
      color: #666; }
    .filter-type__item--active i {
      opacity: 1;
      color: #F5F5F5;
      background: #505050;
      border-color: #505050;
      box-shadow: inset 0 1px 0px #373737 !important; }
    .filter-type__item--active a {
      opacity: 1;
      background: #505050 !important;
      border-color: #373737 #505050 #505050 !important;
      color: #fff !important;
      box-shadow: inset 0 2px 0px #373737 !important; }
    .filter-type__item--active:hover i {
      border-color: rgba(80, 80, 80, 0.8);
      background-color: rgba(80, 80, 80, 0.8);
      color: #F5F5F5; }
    .filter-type__item--active:hover a {
      opacity: 0.8; }

.filter-type--padded {
  padding: 10px 0 10px 20px; }

.result-type {
  margin-left: 10px; }

.dropdown__menu .filter-type {
  padding: 0 10px; }

.dropdown__menu--compare-versions {
  max-height: 400px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--compare-versions li {
    margin-bottom: 2px;
    line-height: 14px !important; }
    .dropdown__menu--compare-versions li .dropdown.open li .dropdown .dropdown__toggle:hover {
      display: none; }
    .dropdown__menu--compare-versions li button {
      width: 300px;
      padding-right: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      border-radius: 0;
      line-height: 14px !important;
      box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .dropdown__menu--compare-versions li button i {
        position: absolute;
        right: -5px;
        top: 9px; }
      .dropdown__menu--compare-versions li button.disabled, .dropdown__menu--compare-versions li button.disabled:hover {
        background: #f0f0f0; }
        .dropdown__menu--compare-versions li button.disabled i, .dropdown__menu--compare-versions li button.disabled:hover i {
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
      .dropdown__menu--compare-versions li button .headline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 500;
        width: 240px;
        display: inline-block; }
      .dropdown__menu--compare-versions li button .desk-details {
        display: flex;
        font-size: 10px;
        margin: 4px 0; }
        .dropdown__menu--compare-versions li button .desk-details span:first-of-type {
          flex-grow: 1; }
      .dropdown__menu--compare-versions li button em {
        font-size: 10px;
        font-weight: 500;
        color: #888;
        float: left;
        padding-right: 10px; }
    .dropdown__menu--compare-versions li .msg {
      padding: 0 20px; }

.dropdown__menu .fieldset button {
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-right: 10px;
  float: right; }

.online-users {
  float: left;
  height: 48px;
  padding-left: 15px;
  margin-left: 5px; }
  .online-users > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 16px 0;
    line-height: 13px; }

[sd-timezone] .timezone-label {
  margin-bottom: 1rem; }

[sd-timezone] .input-term input {
  height: 3.2rem;
  margin-bottom: 5px;
  width: 100%;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border: none;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.3rem;
  color: inherit;
  padding-left: 1rem; }
  [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1); }
  [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

[sd-timezone] .item-list {
  width: 100%;
  color: #333; }

[sd-timezone] .pills-list li {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  font-size: 1.3rem; }
  [sd-timezone] .pills-list li .icon-remove-sign {
    color: inherit; }
  [sd-timezone] .pills-list li #timezone {
    padding-right: 2.5rem;
    flex-grow: 1; }

[class^="--dark-ui"] [sd-timezone] .input-term input,
[class*="--dark-ui"] [sd-timezone] .input-term input {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:hover,
  [class*="--dark-ui"] [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:focus,
  [class*="--dark-ui"] [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input, .timepicker-input {
  position: relative;
  width: auto;
  min-width: 130px; }
  .datepicker-input input, .timepicker-input input {
    width: 100%;
    transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
    padding-right: 3.2rem;
    padding-left: 1.2rem;
    min-height: 3.2rem;
    border: none;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 1.3rem;
    color: inherit; }
    .datepicker-input input:hover, .timepicker-input input:hover {
      border-bottom-color: rgba(0, 0, 0, 0.3);
      background-color: rgba(0, 0, 0, 0.1) !important; }
    .datepicker-input input:focus, .timepicker-input input:focus {
      box-shadow: 0 1px 0 0 #5ea9c8;
      border-color: #5ea9c8; }
    .datepicker-input input.ng-invalid, .timepicker-input input.ng-invalid {
      color: #d10000;
      border-color: #b61818 !important;
      box-shadow: 0 1px 0 0 #b61818 !important; }
  .datepicker-input .icn-btn, .timepicker-input .icn-btn {
    position: absolute;
    right: 2px;
    top: 2px; }

.datepicker-input--dark input, .timepicker-input--dark input {
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: inherit;
  min-height: 32px;
  padding-left: 1.2rem !important; }
  .datepicker-input--dark input:hover, .timepicker-input--dark input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .datepicker-input--dark input:focus, .timepicker-input--dark input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input--dark .icn-btn, .timepicker-input--dark .icn-btn {
  background: transparent;
  top: 50%;
  margin-top: -14px; }

.datepicker-input--dark .name, .timepicker-input--dark .name {
  background-color: #4f4f4f;
  height: 24px;
  font-size: 12px;
  color: #fff; }

.datepicker-input--dark ul > li, .timepicker-input--dark ul > li {
  width: 90%; }

.datepicker-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 260px;
  box-sizing: border-box; }
  .datepicker-wrapper .btn {
    height: 28px; }
    .datepicker-wrapper .btn:hover {
      box-shadow: none; }
  .datepicker-wrapper .btn--mini {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 11px !important;
    height: auto; }
  .datepicker-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .datepicker-wrapper table td, .datepicker-wrapper table th {
      padding: 1px;
      border: 0; }
  .datepicker-wrapper .datepicker-additional {
    margin-bottom: 5px; }
    .datepicker-wrapper .datepicker-additional table {
      width: 100%; }
    .datepicker-wrapper .datepicker-additional .btn {
      width: 100%; }
  .datepicker-wrapper .datepicker-core table {
    width: 100%; }
    .datepicker-wrapper .datepicker-core table thead tr th .btn {
      background: none;
      padding: 0; }
    .datepicker-wrapper .datepicker-core table thead tr:last-child th small {
      font-weight: 500; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn strong {
      font-weight: normal;
      font-size: 14px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn i {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-repeat: no-repeat; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:first-child .btn i {
      margin-left: 3px;
      background-position: -189px -165px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:last-child .btn i {
      margin-right: 3px;
      background-position: -213px -165px; }
    .datepicker-wrapper .datepicker-core table tbody tr:first-child td {
      padding-top: 5px; }
    .datepicker-wrapper .datepicker-core table tbody td {
      padding: 0 2px; }
      .datepicker-wrapper .datepicker-core table tbody td .btn {
        width: 100% !important;
        min-width: 28px !important;
        padding: 0;
        background: none;
        color: #333;
        box-shadow: none; }
        .datepicker-wrapper .datepicker-core table tbody td .btn .text-muted {
          color: #999; }
        .datepicker-wrapper .datepicker-core table tbody td .btn:hover, .datepicker-wrapper .datepicker-core table tbody td .btn.active {
          color: #333;
          box-shadow: inset 0 0 1px 0 #5ea9c8;
          background: #eff7fa; }
        .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active {
          color: #fff;
          background: #5ea9c8; }
          .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary .text-muted, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active .text-muted {
            color: #fff; }

.timepicker-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 200px;
  min-height: 310px;
  box-sizing: border-box; }
  .timepicker-popup .timepicker-additional {
    margin-bottom: 5px; }
    .timepicker-popup .timepicker-additional table {
      width: 100%;
      border-collapse: collapse;
      border: 0; }
      .timepicker-popup .timepicker-additional table td, .timepicker-popup .timepicker-additional table th {
        padding: 1px; }
    .timepicker-popup .timepicker-additional .btn {
      width: 100%;
      letter-spacing: 0; }
    .timepicker-popup .timepicker-additional .btn--mini {
      padding: 4px 6px;
      font-size: 11px;
      line-height: 11px !important;
      height: 20px; }
  .timepicker-popup .timepicker-core .select-area {
    margin-top: 15px;
    border-top: 1px solid #ddd; }
    .timepicker-popup .timepicker-core .select-area .header {
      margin-top: -10px;
      float: left;
      background: #fff;
      text-transform: uppercase;
      color: #adadad;
      font-size: 11px;
      padding-right: 10px; }
    .timepicker-popup .timepicker-core .select-area ul {
      padding-top: 15px;
      *zoom: 1; }
      .timepicker-popup .timepicker-core .select-area ul:before, .timepicker-popup .timepicker-core .select-area ul:after {
        display: table;
        content: ""; }
      .timepicker-popup .timepicker-core .select-area ul:after {
        clear: both; }
      .timepicker-popup .timepicker-core .select-area ul > li {
        float: left;
        box-sizing: border-box;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 2px 2px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        border-radius: 2px; }
        .timepicker-popup .timepicker-core .select-area ul > li:hover {
          background: #eff7fa;
          cursor: pointer; }
        .timepicker-popup .timepicker-core .select-area ul > li.active {
          background: #5ea9c8;
          color: #fff; }

.pills-list.line-input > li {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  box-shadow: none; }
  .pills-list.line-input > li .actions {
    top: -9px; }
  .pills-list.line-input > li:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: transparent !important;
    box-shadow: none; }
  .pills-list.line-input > li:focus {
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important;
    background-color: transparent !important; }

/*
    ----------------------------------------------------------------------
    OTHER CUSTOM ELEMENTS
    ----------------------------------------------------------------------
*/
.backlink, a.backlink {
  text-decoration: none !important;
  color: #333;
  border: 0;
  transition: all ease 0.2s;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .backlink:before, a.backlink:before {
    font-family: 'sd_icons';
    font-weight: normal;
    font-style: normal;
    content: "\E677";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    flex-grow: 0;
    margin: -1px 8px 0 0;
    text-decoration: none !important;
    transition: all ease 0.2s;
    opacity: 0.7; }
  .backlink.white, a.backlink.white {
    color: #fff; }
  .backlink:hover, a.backlink:hover {
    color: #5ea9c8;
    text-decoration: none !important; }
    .backlink:hover:before, a.backlink:hover:before {
      text-decoration: none !important;
      margin: -1px 10px 0 -2px;
      opacity: 1; }

.stage-header__name a {
  transition: all ease 0.2s; }

.widget-content .stage-header__name a {
  text-decoration: none !important; }

.activity-log {
  margin-top: 10px; }
  .activity-log ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .activity-log ul li.activity .activity-content {
      margin-top: -3px;
      padding-right: 20px;
      color: #555; }
      .activity-log ul li.activity .activity-content b {
        font-weight: 500; }
    .activity-log ul li.activity .activity-date {
      font-size: 11px;
      color: #999;
      margin-top: -5px; }
    .activity-log ul li.activity.with-date {
      margin-top: 35px; }
      .activity-log ul li.activity.with-date .date {
        border-top: 1px solid #ebebeb;
        top: -17px;
        position: absolute;
        right: 0;
        left: 0; }
        .activity-log ul li.activity.with-date .date span {
          font-size: 12px;
          color: #999;
          margin-top: -10px;
          display: block;
          float: left;
          background: #f8f8f8;
          padding-right: 5px; }
    .activity-log ul li.activity:hover {
      cursor: default; }

.activity-load-more {
  width: 100%;
  font-size: 12px;
  margin: 20px 0; }

.notification-list {
  margin: 0 1rem;
  margin-bottom: 20px;
  list-style-type: none; }
  .notification-list li {
    background: #393939;
    padding: 10px 5px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    min-height: 45px;
    margin: 10px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
    .notification-list li .content {
      padding-left: 40px; }
      .notification-list li .content .text {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        color: #d7d7d7; }
      .notification-list li .content .date, .notification-list li .content .date time, .notification-list li .content time {
        font-size: 11px;
        color: #848484;
        margin-top: -3px;
        display: block; }
      .notification-list li .content a {
        cursor: pointer;
        color: #5ea9c8; }
        .notification-list li .content a:hover {
          text-decoration: none;
          color: #97c7db; }
    .notification-list li.unread {
      border-color: #545454;
      background: #2c2c2c; }
    .notification-list li.important {
      border: 1px solid #a60101 !important;
      box-shadow: inset 0px 0px 1px 1px #e4b2b2, 0px 2px 2px 0px #d8d8d8 !important; }
    .notification-list li.personal, .notification-list li.important {
      border: 1px solid #c8c8c8;
      border-radius: 3px;
      background: #fff;
      padding: 5px;
      margin-bottom: 7px;
      box-shadow: 0px 2px 2px 0 #d8d8d8; }
      .notification-list li.personal + li, .notification-list li.important + li {
        border-top-width: 0; }
        .notification-list li.personal + li.personal, .notification-list li.personal + li.important, .notification-list li.important + li.personal, .notification-list li.important + li.important {
          border-top-width: 1px; }
    .notification-list li .info {
      color: #e0e0e0; }
  .notification-list.white li {
    background: #fff;
    border-color: #dedede;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
    .notification-list.white li .content .text {
      color: #333; }
    .notification-list.white li.active {
      border-color: #999;
      box-shadow: 0 1px 2px 0 #666; }

.notification-pane ::-webkit-scrollbar:hover {
  background-color: #4a4a4a; }

.notification-pane ::-webkit-scrollbar-thumb {
  background: #5a5a5a; }

.notification-pane ::-webkit-scrollbar-thumb:hover {
  background: #666; }

.hard-error {
  position: fixed;
  top: 0;
  right: 200px;
  z-index: 9999;
  width: auto;
  max-width: 400px; }
  .hard-error .alert {
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0 15px; }
  .hard-error .alert-error {
    background-color: #612525;
    color: #cc7c7b;
    text-shadow: none; }
  .hard-error:hover .alert {
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    overflow: visible;
    white-space: pre-wrap; }

.sd-pagination {
  padding: 7px 20px; }
  .sd-pagination .btn i {
    margin-right: 0; }
  .sd-pagination .page-info {
    margin-right: 20px;
    display: inline-block; }
    .sd-pagination .page-info input {
      display: inline-block;
      width: 30px;
      text-align: center;
      margin-top: -1px;
      padding: 6px 3px !important;
      border-radius: 5px;
      margin: 0 5px;
      box-shadow: inset 0 5px 5px -5px #acacac; }
  .sd-pagination .btn-group, .sd-pagination .btn-group > .btn {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  .sd-pagination .btn-group > .btn + .btn {
    margin-left: 0px; }

.assignment-menu .assignment-box {
  width: 270px; }
  .assignment-menu .assignment-box h5 {
    border: 0; }
  .assignment-menu .assignment-box .assignment-content .assignment-result-list {
    margin-top: 10px;
    height: 140px;
    overflow: auto; }
    .assignment-menu .assignment-box .assignment-content .assignment-result-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li {
        height: 32px;
        margin-bottom: 3px; }
        .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li span {
          font-size: 13px;
          color: #4f4f4f;
          line-height: 24px;
          margin-left: 10px; }

.sortbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 5px;
  padding: 0 10px; }
  .sortbar > * + * {
    margin-left: 4px; }
  .sortbar .lab {
    margin-right: 10px; }
  .sortbar .dropdown__toggle {
    color: #686868;
    min-width: auto !important; }
  .sortbar .direction {
    background: none;
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.selectionlist {
  list-style-type: none;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: auto; }
  .selectionlist li {
    line-height: 16px;
    height: 16px;
    padding: 4px;
    margin-bottom: 3px;
    border-radius: 3px;
    background: #e8e8e8; }
  .selectionlist .sf-toggle-custom {
    margin-top: -1px;
    float: right; }

.plain-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .plain-list.plain-border-top {
    border-top: 1px solid #e5e5e5; }
  .plain-list > li {
    border-bottom: 1px solid #e5e5e5;
    height: 41px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box; }
    .plain-list > li:hover {
      background: #eff7fa; }
    .plain-list > li .btn--mini {
      margin-top: 10px; }

.plain-small > li {
  height: 31px;
  line-height: 30px; }

.users-list > li .name {
  font-size: 13px;
  color: #3599b6; }

.sd-mentions-item > div {
  display: flex;
  align-items: center;
  padding: 4px;
  min-height: 38px; }
  .sd-mentions-item > div * + * {
    margin-left: 6px; }

.sd-mentions-item.active > div {
  background: #84bdd5;
  cursor: pointer;
  color: #fff; }

.users-list-embed {
  position: relative; }
  .users-list-embed > li {
    padding: 4px 6px;
    clear: both; }
    .users-list-embed > li:hover, .users-list-embed > li.active {
      cursor: pointer;
      color: #fff; }
    .users-list-embed > li:hover {
      background: #84bdd5; }
    .users-list-embed > li:active {
      background: #97c7db; }
    .users-list-embed > li.active {
      background: #5ea9c8; }
    .users-list-embed > li.inactive {
      color: #ccc; }

.mentio-menu {
  padding: 5px;
  border: 1px solid #ddd;
  max-height: 126px;
  z-index: 9999 !important;
  overflow: auto;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  width: 190px;
  bottom: 5px; }
  .mentio-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.card-list > li, .card {
  display: block;
  padding: 10px;
  background: #fff;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  margin-bottom: 7px;
  position: relative; }
  .card-list > li:not([disabled]):hover, .card:not([disabled]):hover {
    cursor: pointer;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li:not([disabled]):hover .action, .card:not([disabled]):hover .action {
      display: block !important; }
  .card-list > li.selected, .card.selected {
    background-color: #eff7fa;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li.selected:hover, .card.selected:hover {
      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }
  .card-list > li[disabled], .card[disabled] {
    cursor: default !important;
    background-color: rgba(255, 255, 255, 0.45); }
  .card-list > li .action, .card .action {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 200px; }
    .card-list > li .action ul, .card .action ul {
      height: 100%;
      text-align: right; }
    .card-list > li .action .item-field, .card .action .item-field {
      height: 100%; }
      .card-list > li .action .item-field span, .card .action .item-field span {
        display: none; }
      .card-list > li .action .item-field a, .card .action .item-field a {
        padding: 0 23px;
        line-height: 62px;
        display: block; }

.active .card {
  background-color: #eff7fa;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
  .active .card:hover {
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }

.pills-list {
  max-width: 650px; }
  .pills-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background: #fff;
    margin-bottom: 6px;
    margin-right: 2px;
    border-radius: 2px;
    padding: 10px 16px;
    min-height: 18px;
    color: inherit;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.08);
    transition: all ease-in-out 0.2s; }
    .pills-list > li:hover {
      box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.2); }
    .pills-list > li.active {
      background: #5ea9c8;
      box-shadow: inset 0 2px 0 #3e92b5; }
      .pills-list > li.active:not(.editable) {
        color: #fff; }
    .pills-list > li.inactive {
      opacity: 0.5; }
    .pills-list > li.empty-info {
      background: transparent;
      border: 1px dotted rgba(123, 123, 123, 0.5);
      opacity: 0.75;
      box-shadow: none !important; }
    .pills-list > li .dropdown {
      margin-top: -3px; }
    .pills-list > li .actions {
      display: none;
      position: absolute;
      top: 0px;
      right: 4px; }
      .pills-list > li .actions button {
        transition: opacity ease-in-out 0.2s;
        border: 0;
        height: 30px;
        width: 30px;
        margin: 3px;
        background: none;
        text-align: center;
        display: block;
        float: left;
        line-height: 0;
        opacity: 0.4; }
        .pills-list > li .actions button:hover {
          cursor: pointer;
          opacity: 1; }
        .pills-list > li .actions button i {
          margin-top: -2px; }
    .pills-list > li h6 {
      text-transform: none;
      color: inherit;
      font-size: 14px;
      font-weight: 300;
      float: left;
      max-width: 99%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .pills-list > li .label-group {
      display: inline-block; }
      .pills-list > li .label-group.label-group--right {
        float: right; }
    .pills-list > li .label {
      font-size: 9px;
      font-weight: 700;
      padding: 2px 5px;
      line-height: 12px;
      margin-left: 5px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 400; }
    .pills-list > li:hover .actions {
      display: block !important; }
    .pills-list > li:hover h6 {
      max-width: 550px; }
    .pills-list > li h5 {
      display: inline-block; }
  .pills-list.pills-editable li.editable {
    padding: 0;
    height: auto;
    background: transparent; }
    .pills-list.pills-editable li.editable input {
      height: 30px;
      line-height: 30px;
      border-radius: 3px; }

[class^="--dark-ui"] .pills-list > li,
[class*="--dark-ui"] .pills-list > li {
  background: #4f4f4f; }

.pill-small {
  width: 200px;
  margin: 4px; }

.item-field {
  border-left: 1px solid #d8d8d8;
  display: inline-block; }
  .item-field span {
    display: none; }
  .item-field button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: text-top; }
  .item-field:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: #e0e0e0; }
  .item-field.disabled {
    cursor: default; }
    .item-field.disabled i {
      opacity: 0.3;
      filter: "alpha(opacity=30)"; }
    .item-field.disabled:hover {
      background: #e8e8e8; }

.dropdown .item-field {
  display: block;
  border-left: 0; }
  .dropdown .item-field span {
    display: inline-block; }

.dropdown .item-field:hover {
  background: none; }

.or-label {
  position: relative;
  text-align: center;
  font-style: italic; }
  .or-label:before {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: -75px; }
  .or-label:after {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: 15px; }

.list-group {
  box-sizing: border-box;
  width: 300px; }
  .list-group .list-group-item {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
    background-color: #fff; }
    .list-group .list-group-item:first-child {
      border-width: 1px;
      border-radius: 5px 5px 0 0; }
    .list-group .list-group-item:last-child {
      border-radius: 0 0 5px 5px; }
    .list-group .list-group-item:hover {
      background-color: #f4f4f4;
      cursor: pointer; }
    .list-group .list-group-item a {
      text-decoration: none;
      color: #444; }

.shadow-list-holder {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  box-sizing: border-box; }

.scroll-shadow {
  height: 0; }
  .scroll-shadow .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    height: 4px;
    position: relative;
    z-index: 503;
    transition: linear 0.1s all;
    opacity: 0;
    filter: "alpha(opacity=0)"; }
  .scroll-shadow.shadow .inner {
    opacity: 1;
    filter: "alpha(opacity=100)"; }

.toggle-box__button {
  transition: color ease-in-out 0.2s;
  color: #999;
  cursor: pointer; }
  .toggle-box__button i {
    color: inherit;
    margin-right: 5px;
    vertical-align: text-bottom; }
  .toggle-box__button:hover {
    text-decoration: none;
    color: #fff; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0; }
  .fade.in {
    opacity: 1; }

.close {
  float: right;
  line-height: 18px;
  opacity: 0.2;
  filter: "alpha(opacity=20)"; }
  .close:hover {
    text-decoration: none;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    cursor: pointer; }
  .close i {
    vertical-align: middle; }

.draggable-list__item {
  background-color: #fff;
  padding: 18px 14px 19px 25px;
  margin-bottom: 10px;
  cursor: move;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .draggable-list__item.placeholder {
    background: none;
    box-shadow: none;
    border: 2px dashed #ebebeb; }
  .draggable-list__item:after {
    content: "";
    width: 10px;
    top: 0;
    bottom: 0;
    left: 2px;
    background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px;
    opacity: 0.2;
    position: absolute;
    display: block; }
  .draggable-list__item:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    .draggable-list__item:hover:after {
      opacity: 0.8; }
  .draggable-list__item--small {
    padding: 10px 14px 10px 25px; }
  .draggable-list__item--no-padding {
    padding: 0 0 0 8px; }
    .draggable-list__item--no-padding:after {
      width: 6px;
      left: 2px;
      background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 0px top 3px; }

.draggable-list.serial-decimal {
  list-style-type: decimal !important;
  padding-top: 0px;
  margin-left: 5px; }
  .draggable-list.serial-decimal > li {
    word-spacing: 2px;
    line-height: 0px; }
  .draggable-list.serial-decimal .sort-item.active {
    background-color: #eee; }

.ui-resizable-e {
  cursor: col-resize !important; }

.spinner-big {
  background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center; }

.spinner-alt {
  background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center; }

.sd-check__wrapper .sd-checkbox + label {
  font-size: 13px;
  font-weight: 400;
  color: inherit;
  height: auto;
  text-transform: none; }
  .sd-check__wrapper .sd-checkbox + label.label--active {
    color: #479dc0; }

.sd-toggle + label {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  height: auto;
  text-transform: none; }

.definition-list .definition-list__term {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  font-weight: 400; }

.definition-list .definition-list__item {
  padding: 0.3rem 0;
  margin-left: 0;
  font-size: 1.4rem;
  font-weight: 300; }

.definition-list .definition-list__item + .definition-list__term {
  margin-top: 2rem; }

.nav-button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0; }
  .nav-button-bar .btn {
    flex-grow: 0;
    flex-shrink: 0; }

.sd-line-input__message--with-char-count {
  padding-right: 10rem; }

.sd-list-item.inactive {
  background-color: transparent;
  color: rgba(123, 123, 123, 0.75); }

.sd-toggle + label {
  letter-spacing: 0; }

.sd-list-item__text-label time {
  padding: 0;
  font-style: normal; }

[sd-meta-terms] {
  min-height: 2.8rem; }

.line-input--boxed .input-term input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.4rem;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .line-input--boxed .input-term input[type="text"]:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: rgba(0, 0, 0, 0.1) !important; }
  .line-input--boxed .input-term input[type="text"]:focus {
    background-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important; }

.line-input--boxed .terms-list {
  width: 100%;
  margin-top: 0.8rem; }

sd-tag-input + .sd-line-input__message {
  margin-top: -2rem; }

sd-multi-image-edit {
  height: 100vh;
  display: flex;
  flex-direction: column; }

.sd-wrap-helper {
  display: contents !important; }

.subnav {
  z-index: 5; }

.subnav + .subnav {
  z-index: 4; }

.sd-margin-all--0 {
  margin: 0 !important; }

.locked-info {
  display: flex;
  align-items: center;
  background: #EA484B;
  color: #fff;
  padding: 0.4rem;
  padding-right: 0;
  height: 3.2rem;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }

.locked-info__label {
  opacity: 0.8;
  font-weight: 300;
  margin-right: 0.4rem; }

.locked-info__name {
  font-weight: 400;
  margin-right: 1.2rem; }

.locked-info__button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  border-radius: 1.2rem;
  padding: 0 1.4rem;
  background-color: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: #fff;
  font-size: 1.1rem;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0.4rem 0 0; }
  .locked-info__button:hover {
    background-color: rgba(0, 0, 0, 0.16); }

.locked-info__avatar {
  margin-right: 4px;
  margin-left: -2px;
  transform: scale(0.9); }

.sd-dropdown-item {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #333;
  padding: .6rem 1.6rem;
  margin-bottom: .2rem;
  font-size: 1.3rem;
  text-align: left; }
  .sd-dropdown-item:hover {
    background: #eff7fa; }

.sd-alert [class^="icon-"],
.sd-alert [class*=" icon-"] {
  color: inherit; }

.sd-content-box {
  border-radius: 4px; }
  .sd-content-box--light {
    background-color: #fff; }
  .sd-content-box--emphasise {
    background-color: #fff;
    border: 1px solid rgba(94, 169, 200, 0.6); }

.sd-position--relative {
  position: relative !important; }

.sd-position--absolute {
  position: absolute !important; }

.sd-empty {
  display: contents !important; }

.a11y-only {
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.panel__heading {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 48px; }

.main-section--pinned-tabs .authoring-header,
.main-section--pinned-tabs .main-article {
  margin-right: 330px; }

.main-section--pinned-tabs .authoring-sticky {
  margin-right: 338px; }

.main-section--pinned-tabs .pinned-tab__wrapper {
  width: 330px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

.pinned-tab__wrapper {
  background-color: #fff;
  width: 0;
  overflow: hidden;
  position: absolute;
  right: 48px;
  top: 0;
  bottom: 32px;
  z-index: 1; }

.pinned-tab__wrapper {
  overflow: hidden; }
  .pinned-tab__wrapper .tabcontent {
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 1px;
    right: 1px;
    overflow: hidden; }
  .pinned-tab__wrapper .sd-widget {
    width: auto;
    height: 100%;
    position: relative;
    border: 0; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }
  .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: #f8f8f8; }
  .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
    line-height: 100%;
    font-size: 1.4rem;
    padding: 0 1rem; }
  .pinned-tab__wrapper .sd-widget.related-item .existing-items {
    top: -35px; }
  .pinned-tab__wrapper .sd-widget.ingest .preview,
  .pinned-tab__wrapper .sd-widget.archive .preview,
  .pinned-tab__wrapper .sd-widget.related-item .preview,
  .pinned-tab__wrapper .sd-widget.aggregate .preview,
  .pinned-tab__wrapper .sd-widget.package-manager .preview,
  .pinned-tab__wrapper .sd-widget.packages .preview,
  .pinned-tab__wrapper .sd-widget.user-activity .preview {
    top: 0; }

.workqueue .main-section--pinned-tabs .widget-wrapper.active-right .tabpane.right-tabpane {
  display: none !important; }

.pinned .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none; }
  .pinned .sd-sidetab-menu__btn [class^="big-icon-"],
  .pinned .sd-sidetab-menu__btn [class*=" big-icon-"] {
    color: rgba(255, 255, 255, 0.5) !important; }

/*
======================================
user avatar uploader
======================================
*/
.upload-avatar .modal-body {
  position: relative; }

.upload-avatar .sidebar {
  width: 200px; }
  .upload-avatar .sidebar ul li {
    border-bottom: 1px solid #eee;
    padding: 7px 10px 7px 20px;
    height: 36px;
    line-height: 22px;
    font-size: 13px;
    box-sizing: border-box; }
    .upload-avatar .sidebar ul li a {
      color: #3599b6;
      text-decoration: none; }
    .upload-avatar .sidebar ul li i {
      float: right;
      opacity: 0.4;
      filter: "alpha(opacity=40)";
      margin-top: 2px;
      margin-right: 4px;
      transition: margin-right ease 0.2s; }
    .upload-avatar .sidebar ul li [class^="icon-"] {
      float: left;
      margin-right: 10px; }
    .upload-avatar .sidebar ul li:hover {
      cursor: pointer;
      background: #f4f4f4; }
      .upload-avatar .sidebar ul li:hover i {
        margin-right: 0; }
      .upload-avatar .sidebar ul li:hover [class^="icon-"] {
        margin-right: 10px; }
    .upload-avatar .sidebar ul li.active {
      background-color: white;
      border-right: 1px solid white;
      margin-right: -1px; }
      .upload-avatar .sidebar ul li.active a {
        color: #333; }
      .upload-avatar .sidebar ul li.active i {
        margin-right: 0px; }
      .upload-avatar .sidebar ul li.active [class^="icon-"] {
        margin-right: 10px;
        opacity: 1;
        filter: "alpha(opacity=100)"; }
      .upload-avatar .sidebar ul li.active:hover {
        background: #fff; }
  .upload-avatar .sidebar .remove-avatar {
    padding: 7px 10px 7px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #eee; }
    .upload-avatar .sidebar .remove-avatar i {
      opacity: 0.4;
      float: left;
      margin-right: 10px; }
    .upload-avatar .sidebar .remove-avatar .sd-checkbox {
      float: right;
      margin: 2px 0 0 0; }
    .upload-avatar .sidebar .remove-avatar span {
      vertical-align: middle; }
    .upload-avatar .sidebar .remove-avatar label {
      font-size: 11px;
      color: #999;
      margin: 0; }
    .upload-avatar .sidebar .remove-avatar:hover {
      background: #f4f4f4; }
    .upload-avatar .sidebar .remove-avatar.active i {
      opacity: 1; }

.upload-avatar .main {
  padding: 20px;
  overflow: visible;
  overflow: auto;
  background-color: white; }
  .upload-avatar .main .computer {
    height: 100%; }
    .upload-avatar .main .computer .dropzone {
      height: 100%;
      box-sizing: border-box;
      border: 2px dashed #e0e0e0;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .upload-avatar .main .computer .dropzone .text {
        text-align: center;
        color: #ccc;
        font-size: 30px;
        font-weight: 300; }
      .upload-avatar .main .computer .dropzone .input-holder {
        text-align: center;
        margin: 30px auto 0;
        width: 170px; }
        .upload-avatar .main .computer .dropzone .input-holder input {
          width: 100%;
          height: auto;
          cursor: pointer !important; }
        .upload-avatar .main .computer .dropzone .input-holder input::-webkit-file-upload-button {
          visibility: hidden; }
        .upload-avatar .main .computer .dropzone .input-holder input:before {
          content: attr(label);
          display: inline-block;
          background: -webkit-linear-gradient(top, #f9f9f9, #fff);
          border: 1px solid #d0d0d0;
          border-radius: 2px;
          padding: 0 10px;
          outline: none;
          white-space: nowrap;
          -webkit-user-select: none;
          text-shadow: 1px 1px #fff;
          font-size: 12px;
          color: #787878;
          box-sizing: border-box;
          width: 100%;
          text-align: center;
          cursor: pointer !important; }
        .upload-avatar .main .computer .dropzone .input-holder input:focus {
          outline: none !important; }
        .upload-avatar .main .computer .dropzone .input-holder input:hover:before {
          border-color: #c0c0c0;
          cursor: pointer !important; }
        .upload-avatar .main .computer .dropzone .input-holder input:active:before {
          background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
          outline: none; }
  .upload-avatar .main .camera video {
    box-sizing: border-box;
    width: 100%; }
  .upload-avatar .main .preview .crop-area {
    position: absolute;
    top: 50px;
    left: 20px;
    right: 20px;
    bottom: 20px; }
    .upload-avatar .main .preview .crop-area .original {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 300px; }
      .upload-avatar .main .preview .crop-area .original img {
        width: 100%; }
    .upload-avatar .main .preview .crop-area .preview {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      left: 300px; }
      .upload-avatar .main .preview .crop-area .preview .preview-large {
        width: 120px;
        height: 120px;
        overflow: hidden;
        margin: 0 15px 30px 15px; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-4-3-small {
        width: 300px;
        height: 225px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: right; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-4-3-medium {
        width: 400px;
        height: 300px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: right; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-4-3-large {
        width: 800px;
        height: 600px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: right; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-16-9-small {
        width: 300px;
        height: 169px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: right; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-16-9-medium {
        width: 400px;
        height: 225px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: right; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-16-9-large {
        width: 1280px;
        height: 720px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: right; }
      .upload-avatar .main .preview .crop-area .preview .preview-round {
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin: 0 45px 30px 45px;
        border-radius: 30px; }
    .upload-avatar .main .preview .crop-area.image {
      top: 200px; }
      .upload-avatar .main .preview .crop-area.image .loading {
        background: url(bc64c8da982d3a424c62b4d324c50a18.gif) no-repeat center; }
  .upload-avatar .main .preview .cords-label {
    color: #999; }

.upload-progress {
  position: absolute;
  height: 2px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: #f0f0f0; }
  .upload-progress .bar {
    height: 2px;
    background: #5ea9c8; }

/*
======================================
media uploader
======================================
*/
.upload-media .modal__body {
  display: flex;
  flex-direction: column;
  overflow-x: hidden !important;
  padding: 0 !important; }

.upload-media .drag-area {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  border: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.upload-media .upload-edit {
  z-index: 1;
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative; }
  .upload-media .upload-edit.error {
    top: 40px; }
  .upload-media .upload-edit .upload-thumbs .flex-grid__item {
    min-height: 350px;
    background: #fff; }
    .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb {
      border-radius: 3px 3px 0 0;
      overflow: hidden;
      position: relative; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder {
        height: 200px;
        background-color: #F5F5F5;
        position: relative;
        line-height: 205px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder i {
          position: absolute;
          top: 50%;
          margin-top: -25px;
          left: 50%;
          margin-left: -30px;
          opacity: 0.2;
          filter: "alpha(opacity=20)";
          z-index: 1; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder img {
          width: 100%;
          position: relative;
          z-index: 2;
          display: inline-block;
          vertical-align: middle; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder .failed {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: 2;
          background: rgba(255, 255, 255, 0.7) url(a2f2b54edee7b4c9c833d88670e40572.png) no-repeat center center; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .remove {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 20px;
        width: 20px;
        background: #fff;
        opacity: 0.4;
        filter: "alpha(opacity=40)";
        text-align: center;
        line-height: 20px;
        z-index: 2; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .remove:hover {
          cursor: pointer;
          opacity: 0.9;
          filter: "alpha(opacity=90)"; }
          .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .remove:hover i {
            opacity: 0.5;
            filter: "alpha(opacity=50)"; }
    .upload-media .upload-edit .upload-thumbs .flex-grid__item .info {
      position: relative;
      padding-top: 2px;
      padding-bottom: 3px;
      border-top: 1px solid #ebebeb;
      border-radius: 0 0 3px 3px; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .upload-progress {
        position: absolute;
        height: 2px;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background: #f0f0f0;
        top: -1px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .upload-progress .bar {
          height: 2px;
          background: #5ea9c8; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info input[type="text"] {
        border: 0 !important;
        height: 26px !important;
        font-size: 13px;
        padding: 2px 0 8px 0;
        border-bottom: 1px solid #ebebeb !important;
        border-radius: 0 !important; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info input[type="text"]:hover {
          border-bottom: 1px solid #ccc !important; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info input[type="text"]:focus {
          box-shadow: none !important;
          border-bottom: 1px solid #5ea9c8 !important; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info label {
        padding: 0;
        line-height: 14px;
        color: #999; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .btn--mini {
        position: absolute;
        right: 4px;
        top: 4px;
        border: 0;
        background: none;
        display: none;
        width: 18px;
        height: 18px;
        padding: 2px; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .form__row {
        line-height: 18px;
        position: relative;
        padding: 3px 6px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .form__row:hover .btn--mini {
          display: block; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .other-info {
        z-index: 5;
        background: #fff; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .other-info .row.shadow {
          background: #f4f4f4;
          border-top-width: 2px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .other-info .row .text {
          color: #999;
          font-size: 13px; }

/*
======================================
edit image modal
======================================
*/
.modal-body__flex {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow-y: hidden !important; }
  .modal-body__flex--disabled {
    position: relative; }
    .modal-body__flex--disabled:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(255, 255, 255, 0.8);
      z-index: 999; }
  .modal-body__flex-top {
    display: flex;
    flex: 1; }
  .modal-body__flex-bottom {
    background-color: #dedede;
    border-top: 1px solid #d5d5d5;
    padding: 15px 8px 0 8px;
    box-sizing: border-box;
    flex: 0 0 auto; }
  .modal-body__flex-main {
    flex: 1;
    overflow: auto;
    padding: 4px 20px 0px 20px;
    box-sizing: border-box; }
    .modal-body__flex-main label {
      color: #808080; }
      .modal-body__flex-main label span.size {
        color: black;
        font-weight: 500;
        margin-left: 10px; }
    .modal-body__flex-main button {
      margin-top: 10px;
      margin-right: 8px; }
  .modal-body__flex-sidebar {
    width: 335px;
    overflow-y: auto;
    background-color: #f0f0f0;
    border-left: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 15px; }
  .modal-body__flex-loader:before {
    content: '';
    position: absolute;
    top: 100px;
    left: 100px;
    transform: translateY(-50%);
    background-position: left !important;
    background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center; }
  .modal-body__flex-metadata > div {
    margin-bottom: 25px; }
  .modal-body__flex-metadata label {
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
    line-height: 12px; }
  .modal-body__flex-metadata .header {
    font-size: 16px; }

.crop-area__thumbnails {
  max-height: 260px;
  overflow-y: auto; }
  .crop-area__thumbnails ul li {
    margin: 0 7px 14px 7px;
    max-width: 160px;
    display: inline-block;
    padding: 10px 10px 0px 10px;
    background-color: #f0f0f0;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    box-shadow: 0 1px 0 #d6d6d6;
    border-radius: 2px;
    vertical-align: top; }
    .crop-area__thumbnails ul li img {
      max-width: 140px;
      max-height: 140px; }
    .crop-area__thumbnails ul li.active {
      border: 1px solid #b3b3b3;
      background-color: white;
      box-shadow: 0 1px 0 #b3b3b3; }
    .crop-area__thumbnails ul li label {
      color: #808080; }

.image-point__image, .crop-area img {
  max-height: 55vh; }

.image-point__poi {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block; }
  .image-point__poi__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3; }
    .image-point__poi__overlay:hover {
      cursor: crosshair; }
  .image-point__poi__cursor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    border: 2px solid rgba(255, 255, 255, 0.7);
    box-sizing: border-box; }
  .image-point__poi__cross-left, .image-point__poi__cross-right, .image-point__poi__cross-top, .image-point__poi__cross-bottom {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 2; }
  .image-point__poi__cross-left, .image-point__poi__cross-right {
    height: 2px;
    left: 0; }
  .image-point__poi__cross-top, .image-point__poi__cross-bottom {
    width: 2px;
    top: 0; }

.crop-box {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border-color: rgba(0, 0, 0, 0.5);
  border-style: solid;
  box-sizing: border-box;
  z-index: 1200; }

@media only screen and (min-width: 1900px) {
  .crop-area__thumbnails {
    max-height: 390px; }
    .crop-area__thumbnails ul li {
      width: 225px;
      max-width: 225px;
      height: 177px; }
      .crop-area__thumbnails ul li img {
        max-width: 200px;
        max-height: 132px; } }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
sd-content-schema-editor .schema-editor {
  margin-bottom: 10px;
  box-sizing: border-box;
  cursor: pointer; }
  sd-content-schema-editor .schema-editor h4 {
    padding: 5px; }
  sd-content-schema-editor .schema-editor ul.pills-list {
    padding-top: 10px; }
    sd-content-schema-editor .schema-editor ul.pills-list .vocabulary-field-type {
      font-weight: 300;
      font-style: italic; }
    sd-content-schema-editor .schema-editor ul.pills-list > li {
      padding: 20px;
      margin-bottom: 12px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li .header {
        margin-bottom: 10px; }
        sd-content-schema-editor .schema-editor ul.pills-list > li .header button {
          margin: -15px;
          opacity: 0; }
        sd-content-schema-editor .schema-editor ul.pills-list > li .header .title {
          font-size: 16px;
          font-weight: 500; }
      sd-content-schema-editor .schema-editor ul.pills-list > li fieldset {
        padding-top: 10px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li .dropdown--add-more > button {
        opacity: .1;
        z-index: 99;
        transition: all 0.3s; }
      sd-content-schema-editor .schema-editor ul.pills-list > li .dropdown--add-more .dropdown__menu {
        margin-top: 10px;
        margin-left: -90px;
        max-height: 253px;
        overflow: auto;
        z-index: 100; }
      sd-content-schema-editor .schema-editor ul.pills-list > li:hover .header button {
        opacity: 1; }
      sd-content-schema-editor .schema-editor ul.pills-list > li:hover .dropdown--add-more > button {
        opacity: 1; }
      sd-content-schema-editor .schema-editor ul.pills-list > li:first-of-type .dropdown--add-more__top {
        top: -14px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li:last-of-type .dropdown--add-more__bottom {
        bottom: -14px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.ui-sortable-helper .dropdown--add-more {
        display: none; }
    sd-content-schema-editor .schema-editor ul.pills-list .dropdown--add-more {
      position: absolute;
      margin-left: -14px;
      left: 50%; }
      sd-content-schema-editor .schema-editor ul.pills-list .dropdown--add-more__top {
        top: -18px; }
      sd-content-schema-editor .schema-editor ul.pills-list .dropdown--add-more__bottom {
        bottom: -19px; }
  sd-content-schema-editor .schema-editor .field {
    margin-bottom: 15px; }
    sd-content-schema-editor .schema-editor .field label {
      min-width: 130px;
      line-height: 23px; }
    sd-content-schema-editor .schema-editor .field input, sd-content-schema-editor .schema-editor .field select, sd-content-schema-editor .schema-editor .field .input-medium {
      width: 90px; }
    sd-content-schema-editor .schema-editor .field .dropdown {
      margin-top: 0; }
    sd-content-schema-editor .schema-editor .field .sd-check__wrapper {
      margin-left: 0; }
      sd-content-schema-editor .schema-editor .field .sd-check__wrapper .sd-checkbox {
        margin-top: 3px;
        margin-left: 0; }
    sd-content-schema-editor .schema-editor .field:last-of-type {
      margin-bottom: 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.dashboard-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 96px;
  overflow-y: auto; }
  .dashboard-container > .content {
    padding: 0 2.4rem 5.2rem 0; }
  .dashboard-container .empty-dashboard {
    position: absolute;
    left: 50%;
    top: 40%;
    font-size: 22px;
    font-weight: bold;
    color: #aaa;
    width: 300px;
    margin-left: -150px; }

.sd-widget {
  background: #fff;
  border-top: 0;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: [topLine] auto [mainHeader] auto [mainContent] 1fr;
  grid-template-columns: 1fr auto;
  position: relative; }
  .sd-widget .widget-line {
    grid-row: topLine;
    border-radius: 1px 1px 0 0;
    height: 3px;
    background: #444; }
  .sd-widget .widget-header {
    grid-row: mainHeader;
    display: flex;
    align-items: center;
    height: 34px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 2; }
    .sd-widget .widget-header .widget-title {
      color: #333;
      padding-left: 8px;
      font-size: 1.3rem;
      font-weight: 400; }
  .sd-widget .widget-header__search-button {
    display: flex;
    align-items: center;
    width: 36px;
    justify-content: center;
    height: 100%;
    border-right: 1px solid rgba(123, 123, 123, 0.2);
    transition: all ease-in-out 0.1s; }
    .sd-widget .widget-header__search-button i {
      opacity: 0.5;
      transition: all ease-in-out 0.1s; }
    .sd-widget .widget-header__search-button:hover i {
      opacity: 1; }
    .sd-widget .widget-header__search-button:active i {
      opacity: 1;
      color: #5ea9c8; }
    .sd-widget .widget-header__search-button--active {
      background-color: #5ea9c8; }
      .sd-widget .widget-header__search-button--active i {
        opacity: 0.5;
        color: #fff; }
  .sd-widget .widget-content {
    position: relative;
    grid-row: mainContent;
    overflow-y: auto; }
    .sd-widget .widget-content .activity-list.card-list > li {
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.2);
      border-radius: 2px; }
      .sd-widget .widget-content .activity-list.card-list > li:hover {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.2); }
  .sd-widget .widget-footer {
    border-top: 1px solid #e7e7e7;
    height: 31px; }
  .sd-widget .widget-settings {
    position: absolute;
    top: 6px;
    right: 4px;
    line-height: 14px;
    width: 28px;
    height: 28px;
    text-align: center;
    z-index: 3; }
    .sd-widget .widget-settings .dropdown__toggle {
      margin-top: 4px; }
      .sd-widget .widget-settings .dropdown__toggle i {
        opacity: 0.7;
        filter: "alpha(opacity=70)"; }
    .sd-widget .widget-settings .dropdown__menu {
      margin-top: -7px;
      margin-right: 4px; }
  .sd-widget .slider .arrow {
    width: 8px;
    height: 12px;
    background: url(cf5c71eac6ee6443c36859fd33e09492.png) no-repeat 0 0;
    margin-top: 9px;
    opacity: 0.85;
    filter: "alpha(opacity=85)"; }
    .sd-widget .slider .arrow.left {
      float: left;
      margin-left: 9px; }
    .sd-widget .slider .arrow.right {
      background-position: -10px 0px;
      margin-right: 9px;
      float: right; }
    .sd-widget .slider .arrow:hover {
      cursor: pointer;
      opacity: 1;
      filter: "alpha(opacity=100)"; }
    .sd-widget .slider .arrow.disable {
      opacity: 0.4;
      filter: "alpha(opacity=40)"; }
  .sd-widget ::-webkit-scrollbar {
    border-left: 4px solid #f8f8f8 !important;
    border-right: 1px solid #f8f8f8 !important;
    width: 8px !important;
    background: #f8f8f8 !important; }
  .sd-widget ::-webkit-scrollbar-track {
    background: #f8f8f8 !important;
    border-left: 3px solid #f8f8f8 !important; }
    .sd-widget ::-webkit-scrollbar-track:hover {
      background: rgba(0, 0, 0, 0.05) !important; }
  .sd-widget ::-webkit-scrollbar-thumb {
    border-left: 3px solid #f8f8f8 !important; }

/*
---------------------------------------------
Widgets styles
---------------------------------------------
*/
.d-widget.default .widget-content {
  padding: 20px; }

.sd-widget.ingest-stats .widget-content {
  padding: 10px;
  overflow: hidden; }

.statistics .stats-container {
  float: left; }
  .statistics .stats-container.size1 {
    width: 372px; }
  .statistics .stats-container.size2 {
    width: 744px; }

.statistics .stats-block {
  float: left;
  border: 1px solid #ccc;
  margin-right: 30px;
  margin-bottom: 30px;
  border-radius: 3px; }
  .statistics .stats-block .title {
    text-align: center;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 18px;
    color: #666;
    letter-spacing: 1px; }
  .statistics .stats-block .block {
    padding: 10px; }
  .statistics .stats-block.theme-dark {
    background: #212121;
    border-color: #000; }
    .statistics .stats-block.theme-dark .title {
      color: #a8a8a8;
      border-color: #313131; }

/*
---------------------------------------------
STREAM PAGE
---------------------------------------------
*/
.workspace-stream {
  padding: 40px 35px 5.2rem !important;
  overflow: auto;
  bottom: auto; }
  .workspace-stream .activity-container {
    width: 500px; }

/*
=============================================
Gridster library
=============================================
*/
.gridster {
  position: relative; }

.gridster > * {
  margin: 0 auto;
  -webkit-transition: height .4s;
  -moz-transition: height .4s;
  -o-transition: height .4s;
  -ms-transition: height .4s;
  transition: height .4s; }

.gridster .gs_w {
  z-index: 2;
  position: absolute; }

.ready .gs_w:not(.preview-holder) {
  -webkit-transition: opacity .3s, left .3s, top .3s;
  -moz-transition: opacity .3s, left .3s, top .3s;
  -o-transition: opacity .3s, left .3s, top .3s;
  transition: opacity .3s, left .3s, top .3s; }

.ready .gs_w:not(.preview-holder) {
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s; }

.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #f0f0f0;
  border: 1px dashed #c8c8c8;
  border-radius: 3px; }

.gridster .player-revert {
  z-index: 10 !important;
  -webkit-transition: left .3s, top .3s !important;
  -moz-transition: left .3s, top .3s !important;
  -o-transition: left .3s, top .3s !important;
  transition: left .3s, top .3s !important; }

.gridster .dragging {
  z-index: 10 !important;
  transition: all 0s !important;
  opacity: 0.8;
  filter: "alpha(opacity=80)";
  cursor: move; }

.gridster .dash-grid {
  list-style-type: none;
  width: 100% !important; }
  .gridster .dash-grid li .widget-close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(900502ce15042f6509f53d837fca5888.png) no-repeat 0 0;
    z-index: 100;
    right: -15px;
    top: -15px;
    cursor: pointer; }
  .gridster .dash-grid li .widget-resize-width, .gridster .dash-grid li .widget-resize-height {
    cursor: pointer;
    position: absolute; }
  .gridster .dash-grid li .widget-resize-width {
    width: 47px;
    height: 43px;
    z-index: 100;
    right: -25px;
    top: 50%;
    margin-top: -22px; }
    .gridster .dash-grid li .widget-resize-width .resize-left, .gridster .dash-grid li .widget-resize-width .resize-right {
      width: 23px;
      height: 43px;
      float: left;
      opacity: 0;
      filter: "alpha(opacity=0)";
      transition: all 0.3s linear;
      background: url(0c12d208a5eb6e69390855a2392335f4.png) no-repeat 0 0; }
    .gridster .dash-grid li .widget-resize-width .resize-right {
      background-position: -23px 0;
      float: right; }
  .gridster .dash-grid li .widget-resize-height {
    width: 43px;
    height: 47px;
    z-index: 100;
    left: 50%;
    bottom: -24px;
    margin-left: -22px; }
    .gridster .dash-grid li .widget-resize-height .resize-up, .gridster .dash-grid li .widget-resize-height .resize-down {
      width: 43px;
      height: 23px;
      background: url(0c12d208a5eb6e69390855a2392335f4.png) no-repeat -47px 0;
      opacity: 0;
      filter: "alpha(opacity=0)";
      transition: all 0.3s linear; }
    .gridster .dash-grid li .widget-resize-height .resize-down {
      background-position: -47px -23px;
      margin-top: 1px; }

.gridster.editmode .dash-grid li:hover .resize-left, .gridster.editmode .dash-grid li:hover .resize-right, .gridster.editmode .dash-grid li:hover .resize-up, .gridster.editmode .dash-grid li:hover .resize-down {
  opacity: 0.5;
  filter: "alpha(opacity=50)";
  transition: all 0.3s linear; }
  .gridster.editmode .dash-grid li:hover .resize-left:hover, .gridster.editmode .dash-grid li:hover .resize-right:hover, .gridster.editmode .dash-grid li:hover .resize-up:hover, .gridster.editmode .dash-grid li:hover .resize-down:hover {
    opacity: 1;
    filter: "alpha(opacity=100)";
    transition: all 0.3s linear; }

.gridster.editmode .dash-grid li.dragging .widget-resize-width, .gridster.editmode .dash-grid li.dragging .widget-resize-height {
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.gridster.editmode .d-widget {
  border-color: #999;
  box-shadow: 0 0 4px 1px #b8b8b8;
  transition: all 0.3s linear; }

/*
=============================================
Add new widget modal
=============================================
*/
.widget-select .modal-screen {
  top: 48px;
  bottom: auto; }

.widget-select .modal-body {
  height: 500px;
  max-height: 500px;
  background-color: #f8f8f8; }
  .widget-select .modal-body .nav-tabs {
    line-height: 48px;
    padding-left: 20px; }
    .widget-select .modal-body .nav-tabs label {
      display: inline-block;
      color: #989898; }

.widget-select .modal-footer {
  min-height: 60px; }
  .widget-select .modal-footer .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .widget-select .modal-footer .btn-done {
    float: right;
    margin-top: -28px; }
  .widget-select .modal-footer .btn-next i {
    margin-left: 8px;
    width: 8px; }

.widget-list {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  display: flex;
  flex-flow: row wrap; }
  .widget-list li {
    width: calc(33% - 40px);
    margin: 20px;
    padding: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-sizing: border-box;
    background-color: white;
    position: relative; }
    .widget-list li .thumbnail {
      border-radius: 2px 2px 0 0;
      position: relative;
      padding-top: 6px;
      min-height: 177px;
      background-color: #dadada; }
      .widget-list li .thumbnail::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 8px;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 2px 2px 0 0; }
      .widget-list li .thumbnail img {
        max-width: 100%; }
    .widget-list li .title {
      text-align: center;
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #333;
      padding: 8px 0; }
    .widget-list li:hover {
      cursor: pointer;
      box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.5); }
    .widget-list li.widget.world-clock .thumbnail {
      background-color: #03a9f4; }
    .widget-list li.widget.user-activity .thumbnail {
      background-color: #7F56C9; }
    .widget-list li.widget.ingest-stats .thumbnail {
      background-color: #00bcd4; }
    .widget-list li.widget.aggregate .thumbnail {
      background-color: #8bc34a; }
    .widget-list li.widget.archive .thumbnail {
      background-color: #3f51b5; }
    .widget-list li.widget.ingest .thumbnail {
      background-color: #673ab7; }
    .widget-list li.widget.activity .thumbnail {
      background-color: #009688; }
    .widget-list li.widget.routing .thumbnail {
      background-color: #e55028; }
    .widget-list li.widget.analytics .thumbnail {
      background-color: #d62776; }
    .widget-list li.widget.stages-auto-publish .thumbnail {
      background-color: #AE44BE; }
    .widget-list li.widget.selected {
      cursor: default;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); }
      .widget-list li.widget.selected .thumbnail, .widget-list li.widget.selected .title {
        opacity: 0.3;
        filter: "alpha(opacity=30)"; }
      .widget-list li.widget.selected::before {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        background-color: #49b04b;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYgMjIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0yNS4zMSAyLjU1NWMtLjgtLjgtMi4yLS42LTMgLjJsLTEyLjQgMTIuNC02LjI4OC02LjI4OWMtMS0xLTIuNC0xLTMtLjItLjguOC0uNiAyLjIuMiAzLjJsNy40ODkgNy40ODljMCAwIC44MDcuNiAxLjYuNnMxLjUwOS0uNTgxIDEuNTA5LS41ODFsMTMuNjktMTMuODE5YzEtLjggMS0yLjIuMi0zIi8+PC9zdmc+);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center center;
        border-radius: 50%;
        top: -16px;
        right: -16px;
        z-index: 1;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.55); }

.widget-detail {
  padding: 40px !important;
  display: flex; }
  .widget-detail .thumbnail-box {
    position: relative;
    width: calc(60% - 30px);
    margin-right: 30px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-sizing: border-box; }
    .widget-detail .thumbnail-box::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 8px;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 2px 2px 0 0; }
    .widget-detail .thumbnail-box.world-clock {
      background-color: #03a9f4; }
    .widget-detail .thumbnail-box.ingest-stats {
      background-color: #00bcd4; }
    .widget-detail .thumbnail-box.aggregate {
      background-color: #8bc34a; }
    .widget-detail .thumbnail-box.archive {
      background-color: #3f51b5; }
    .widget-detail .thumbnail-box.ingest {
      background-color: #673ab7; }
    .widget-detail .thumbnail-box.activity {
      background-color: #009688; }
    .widget-detail .thumbnail-box.routing {
      background-color: #e55028; }
    .widget-detail .thumbnail-box.analytics {
      background-color: #d62776; }
  .widget-detail .content-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(40%); }
    .widget-detail .content-box .title {
      font-size: 30px;
      line-height: 110%;
      font-weight: 700;
      padding: 0 0 20px;
      width: 100%; }
    .widget-detail .content-box .description {
      font-size: 14px;
      width: 100%;
      margin-bottom: 20px;
      flex-grow: 1; }
      .widget-detail .content-box .description ul {
        list-style: circle; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.sd-widget.ingest .widget-header, .sd-widget.archive .widget-header, .sd-widget.related-item .widget-header, .sd-widget.aggregate .widget-header, .sd-widget.package-manager .widget-header, .sd-widget.packages .widget-header, .sd-widget.user-activity .widget-header {
  z-index: 2;
  background: #fff;
  box-sizing: border-box; }

.sd-widget.ingest .widget-content, .sd-widget.archive .widget-content, .sd-widget.related-item .widget-content, .sd-widget.aggregate .widget-content, .sd-widget.package-manager .widget-content, .sd-widget.packages .widget-content, .sd-widget.user-activity .widget-content {
  overflow-x: hidden;
  top: 0; }

.sd-widget.ingest .widget-mode, .sd-widget.archive .widget-mode, .sd-widget.related-item .widget-mode, .sd-widget.aggregate .widget-mode, .sd-widget.package-manager .widget-mode, .sd-widget.packages .widget-mode, .sd-widget.user-activity .widget-mode {
  float: right;
  position: relative;
  z-index: 1;
  margin-right: 40px;
  padding: 9px 0 0; }
  .sd-widget.ingest .widget-mode .text, .sd-widget.archive .widget-mode .text, .sd-widget.related-item .widget-mode .text, .sd-widget.aggregate .widget-mode .text, .sd-widget.package-manager .widget-mode .text, .sd-widget.packages .widget-mode .text, .sd-widget.user-activity .widget-mode .text {
    text-transform: uppercase;
    font-size: 11px;
    vertical-align: middle;
    color: #999; }

.sd-widget.ingest .search-box__content, .sd-widget.archive .search-box__content, .sd-widget.related-item .search-box__content, .sd-widget.aggregate .search-box__content, .sd-widget.package-manager .search-box__content, .sd-widget.packages .search-box__content, .sd-widget.user-activity .search-box__content {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 100%;
  transition: opacity ease-in-out 0.2s;
  opacity: 1; }

.sd-widget.ingest .search-cancel, .sd-widget.archive .search-cancel, .sd-widget.related-item .search-cancel, .sd-widget.aggregate .search-cancel, .sd-widget.package-manager .search-cancel, .sd-widget.packages .search-cancel, .sd-widget.user-activity .search-cancel {
  position: absolute;
  height: 24px;
  width: 24px;
  padding: 4px;
  right: 6px;
  margin: 0;
  top: 5px;
  transition: opacity ease-in-out 0.2s;
  opacity: 0.5; }
  .sd-widget.ingest .search-cancel:hover, .sd-widget.archive .search-cancel:hover, .sd-widget.related-item .search-cancel:hover, .sd-widget.aggregate .search-cancel:hover, .sd-widget.package-manager .search-cancel:hover, .sd-widget.packages .search-cancel:hover, .sd-widget.user-activity .search-cancel:hover {
    opacity: 1; }
  .sd-widget.ingest .search-cancel:active i, .sd-widget.archive .search-cancel:active i, .sd-widget.related-item .search-cancel:active i, .sd-widget.aggregate .search-cancel:active i, .sd-widget.package-manager .search-cancel:active i, .sd-widget.packages .search-cancel:active i, .sd-widget.user-activity .search-cancel:active i {
    color: #5ea9c8; }

.sd-widget.ingest .search-box, .sd-widget.archive .search-box, .sd-widget.related-item .search-box, .sd-widget.aggregate .search-box, .sd-widget.package-manager .search-box, .sd-widget.packages .search-box, .sd-widget.user-activity .search-box {
  transition: all ease-in-out 0.2s;
  position: relative;
  height: 34px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  z-index: 1;
  background-color: #fff; }
  .sd-widget.ingest .search-box:hover, .sd-widget.archive .search-box:hover, .sd-widget.related-item .search-box:hover, .sd-widget.aggregate .search-box:hover, .sd-widget.package-manager .search-box:hover, .sd-widget.packages .search-box:hover, .sd-widget.user-activity .search-box:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.1); }
  .sd-widget.ingest .search-box:focus-within, .sd-widget.archive .search-box:focus-within, .sd-widget.related-item .search-box:focus-within, .sd-widget.aggregate .search-box:focus-within, .sd-widget.package-manager .search-box:focus-within, .sd-widget.packages .search-box:focus-within, .sd-widget.user-activity .search-box:focus-within {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #5ea9c8; }
  .sd-widget.ingest .search-box input, .sd-widget.archive .search-box input, .sd-widget.related-item .search-box input, .sd-widget.aggregate .search-box input, .sd-widget.package-manager .search-box input, .sd-widget.packages .search-box input, .sd-widget.user-activity .search-box input {
    transition: all ease-in-out 0.16s;
    flex-grow: 1;
    height: 100%;
    border: none !important;
    border-radius: 0;
    padding: 0 30px 0 0.8rem;
    margin: 0;
    box-shadow: none;
    display: block;
    background-color: transparent; }
  .sd-widget.ingest .search-box.blank, .sd-widget.archive .search-box.blank, .sd-widget.related-item .search-box.blank, .sd-widget.aggregate .search-box.blank, .sd-widget.package-manager .search-box.blank, .sd-widget.packages .search-box.blank, .sd-widget.user-activity .search-box.blank {
    background: #fff; }
  .sd-widget.ingest .search-box .text, .sd-widget.archive .search-box .text, .sd-widget.related-item .search-box .text, .sd-widget.aggregate .search-box .text, .sd-widget.package-manager .search-box .text, .sd-widget.packages .search-box .text, .sd-widget.user-activity .search-box .text {
    font-size: 14px;
    font-style: italic;
    color: #666;
    padding: 10px;
    background: #fff; }
  .sd-widget.ingest .search-box .more-actions, .sd-widget.archive .search-box .more-actions, .sd-widget.related-item .search-box .more-actions, .sd-widget.aggregate .search-box .more-actions, .sd-widget.package-manager .search-box .more-actions, .sd-widget.packages .search-box .more-actions, .sd-widget.user-activity .search-box .more-actions {
    position: absolute;
    right: 0px;
    top: 6px; }
  .sd-widget.ingest .search-box .search-box__btn, .sd-widget.archive .search-box .search-box__btn, .sd-widget.related-item .search-box .search-box__btn, .sd-widget.aggregate .search-box .search-box__btn, .sd-widget.package-manager .search-box .search-box__btn, .sd-widget.packages .search-box .search-box__btn, .sd-widget.user-activity .search-box .search-box__btn {
    flex: 0 0 auto;
    margin: 0 0.8rem 0 auto; }
  .sd-widget.ingest .search-box .search-box__icon, .sd-widget.archive .search-box .search-box__icon, .sd-widget.related-item .search-box .search-box__icon, .sd-widget.aggregate .search-box .search-box__icon, .sd-widget.package-manager .search-box .search-box__icon, .sd-widget.packages .search-box .search-box__icon, .sd-widget.user-activity .search-box .search-box__icon {
    opacity: 0.3;
    margin-left: 0.6rem; }
  .sd-widget.ingest .search-box--hidden, .sd-widget.archive .search-box--hidden, .sd-widget.related-item .search-box--hidden, .sd-widget.aggregate .search-box--hidden, .sd-widget.package-manager .search-box--hidden, .sd-widget.packages .search-box--hidden, .sd-widget.user-activity .search-box--hidden {
    height: 0;
    box-shadow: none;
    border: none; }
    .sd-widget.ingest .search-box--hidden .search-box__content, .sd-widget.archive .search-box--hidden .search-box__content, .sd-widget.related-item .search-box--hidden .search-box__content, .sd-widget.aggregate .search-box--hidden .search-box__content, .sd-widget.package-manager .search-box--hidden .search-box__content, .sd-widget.packages .search-box--hidden .search-box__content, .sd-widget.user-activity .search-box--hidden .search-box__content {
      opacity: 0; }

.sd-widget.ingest .search-box--no-shadow, .sd-widget.ingest .search-box--no-shadow:hover, .sd-widget.archive .search-box--no-shadow, .sd-widget.archive .search-box--no-shadow:hover, .sd-widget.related-item .search-box--no-shadow, .sd-widget.related-item .search-box--no-shadow:hover, .sd-widget.aggregate .search-box--no-shadow, .sd-widget.aggregate .search-box--no-shadow:hover, .sd-widget.package-manager .search-box--no-shadow, .sd-widget.package-manager .search-box--no-shadow:hover, .sd-widget.packages .search-box--no-shadow, .sd-widget.packages .search-box--no-shadow:hover, .sd-widget.user-activity .search-box--no-shadow, .sd-widget.user-activity .search-box--no-shadow:hover {
  box-shadow: none; }

.sd-widget.ingest .search-box--fluid-height, .sd-widget.archive .search-box--fluid-height, .sd-widget.related-item .search-box--fluid-height, .sd-widget.aggregate .search-box--fluid-height, .sd-widget.package-manager .search-box--fluid-height, .sd-widget.packages .search-box--fluid-height, .sd-widget.user-activity .search-box--fluid-height {
  min-height: 34px;
  height: inherit; }

.sd-widget.ingest .content-list-holder, .sd-widget.archive .content-list-holder, .sd-widget.related-item .content-list-holder, .sd-widget.aggregate .content-list-holder, .sd-widget.package-manager .content-list-holder, .sd-widget.packages .content-list-holder, .sd-widget.user-activity .content-list-holder {
  position: static;
  flex-grow: 1;
  overflow-y: auto; }

.sd-widget.ingest .filter-box, .sd-widget.archive .filter-box, .sd-widget.related-item .filter-box, .sd-widget.aggregate .filter-box, .sd-widget.package-manager .filter-box, .sd-widget.packages .filter-box, .sd-widget.user-activity .filter-box {
  height: 38px;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box; }
  .sd-widget.ingest .filter-box .btn, .sd-widget.archive .filter-box .btn, .sd-widget.related-item .filter-box .btn, .sd-widget.aggregate .filter-box .btn, .sd-widget.package-manager .filter-box .btn, .sd-widget.packages .filter-box .btn, .sd-widget.user-activity .filter-box .btn {
    margin: 5px 5px 0 0;
    padding: 0 10px; }
    .sd-widget.ingest .filter-box .btn i, .sd-widget.archive .filter-box .btn i, .sd-widget.related-item .filter-box .btn i, .sd-widget.aggregate .filter-box .btn i, .sd-widget.package-manager .filter-box .btn i, .sd-widget.packages .filter-box .btn i, .sd-widget.user-activity .filter-box .btn i {
      opacity: 0.75;
      filter: "alpha(opacity=75)"; }
  .sd-widget.ingest .filter-box .text, .sd-widget.archive .filter-box .text, .sd-widget.related-item .filter-box .text, .sd-widget.aggregate .filter-box .text, .sd-widget.package-manager .filter-box .text, .sd-widget.packages .filter-box .text, .sd-widget.user-activity .filter-box .text {
    margin-right: 10px;
    float: left;
    padding: 10px;
    font-style: italic; }

.sd-widget.ingest .pagination-box, .sd-widget.archive .pagination-box, .sd-widget.related-item .pagination-box, .sd-widget.aggregate .pagination-box, .sd-widget.package-manager .pagination-box, .sd-widget.packages .pagination-box, .sd-widget.user-activity .pagination-box {
  height: 38px;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box; }
  .sd-widget.ingest .pagination-box .sd-pagination, .sd-widget.archive .pagination-box .sd-pagination, .sd-widget.related-item .pagination-box .sd-pagination, .sd-widget.aggregate .pagination-box .sd-pagination, .sd-widget.package-manager .pagination-box .sd-pagination, .sd-widget.packages .pagination-box .sd-pagination, .sd-widget.user-activity .pagination-box .sd-pagination {
    padding: 5px 10px; }
  .sd-widget.ingest .pagination-box.mode-detailed, .sd-widget.archive .pagination-box.mode-detailed, .sd-widget.related-item .pagination-box.mode-detailed, .sd-widget.aggregate .pagination-box.mode-detailed, .sd-widget.package-manager .pagination-box.mode-detailed, .sd-widget.packages .pagination-box.mode-detailed, .sd-widget.user-activity .pagination-box.mode-detailed {
    top: 76px; }
  .sd-widget.ingest .pagination-box .page-info, .sd-widget.archive .pagination-box .page-info, .sd-widget.related-item .pagination-box .page-info, .sd-widget.aggregate .pagination-box .page-info, .sd-widget.package-manager .pagination-box .page-info, .sd-widget.packages .pagination-box .page-info, .sd-widget.user-activity .pagination-box .page-info {
    float: left; }

.sd-widget.ingest .pin-info, .sd-widget.archive .pin-info, .sd-widget.related-item .pin-info, .sd-widget.aggregate .pin-info, .sd-widget.package-manager .pin-info, .sd-widget.packages .pin-info, .sd-widget.user-activity .pin-info {
  font-size: 9px; }

.sd-widget.ingest .ingest-list-holder, .sd-widget.archive .ingest-list-holder, .sd-widget.related-item .ingest-list-holder, .sd-widget.aggregate .ingest-list-holder, .sd-widget.package-manager .ingest-list-holder, .sd-widget.packages .ingest-list-holder, .sd-widget.user-activity .ingest-list-holder {
  position: absolute;
  top: 3.6rem;
  left: 0;
  right: 0;
  bottom: 0; }
  .sd-widget.ingest .ingest-list-holder.mode-detailed, .sd-widget.archive .ingest-list-holder.mode-detailed, .sd-widget.related-item .ingest-list-holder.mode-detailed, .sd-widget.aggregate .ingest-list-holder.mode-detailed, .sd-widget.package-manager .ingest-list-holder.mode-detailed, .sd-widget.packages .ingest-list-holder.mode-detailed, .sd-widget.user-activity .ingest-list-holder.mode-detailed {
    top: 114px; }

.sd-widget.ingest .ingest-list, .sd-widget.archive .ingest-list, .sd-widget.related-item .ingest-list, .sd-widget.aggregate .ingest-list, .sd-widget.package-manager .ingest-list, .sd-widget.packages .ingest-list, .sd-widget.user-activity .ingest-list {
  margin: 0;
  list-style-type: none;
  padding: 0;
  /*overflow: hidden;*/ }
  .sd-widget.ingest .ingest-list > li, .sd-widget.archive .ingest-list > li, .sd-widget.related-item .ingest-list > li, .sd-widget.aggregate .ingest-list > li, .sd-widget.package-manager .ingest-list > li, .sd-widget.packages .ingest-list > li, .sd-widget.user-activity .ingest-list > li {
    position: relative; }
    .sd-widget.ingest .ingest-list > li .item-block, .sd-widget.archive .ingest-list > li .item-block, .sd-widget.related-item .ingest-list > li .item-block, .sd-widget.aggregate .ingest-list > li .item-block, .sd-widget.package-manager .ingest-list > li .item-block, .sd-widget.packages .ingest-list > li .item-block, .sd-widget.user-activity .ingest-list > li .item-block {
      cursor: pointer;
      border-bottom: 1px solid #e5e5e5;
      padding: 10px;
      display: flex; }
      .sd-widget.ingest .ingest-list > li .item-block .content, .sd-widget.archive .ingest-list > li .item-block .content, .sd-widget.related-item .ingest-list > li .item-block .content, .sd-widget.aggregate .ingest-list > li .item-block .content, .sd-widget.package-manager .ingest-list > li .item-block .content, .sd-widget.packages .ingest-list > li .item-block .content, .sd-widget.user-activity .ingest-list > li .item-block .content {
        flex-grow: 1;
        padding: 0 16px 0 8px; }
      .sd-widget.ingest .ingest-list > li .item-block i, .sd-widget.archive .ingest-list > li .item-block i, .sd-widget.related-item .ingest-list > li .item-block i, .sd-widget.aggregate .ingest-list > li .item-block i, .sd-widget.package-manager .ingest-list > li .item-block i, .sd-widget.packages .ingest-list > li .item-block i, .sd-widget.user-activity .ingest-list > li .item-block i {
        color: #999;
        margin-top: 1px; }
      .sd-widget.ingest .ingest-list > li .item-block--basic, .sd-widget.archive .ingest-list > li .item-block--basic, .sd-widget.related-item .ingest-list > li .item-block--basic, .sd-widget.aggregate .ingest-list > li .item-block--basic, .sd-widget.package-manager .ingest-list > li .item-block--basic, .sd-widget.packages .ingest-list > li .item-block--basic, .sd-widget.user-activity .ingest-list > li .item-block--basic {
        border-bottom: none;
        padding: 4px 0; }
    .sd-widget.ingest .ingest-list > li .basic .legal, .sd-widget.archive .ingest-list > li .basic .legal, .sd-widget.related-item .ingest-list > li .basic .legal, .sd-widget.aggregate .ingest-list > li .basic .legal, .sd-widget.package-manager .ingest-list > li .basic .legal, .sd-widget.packages .ingest-list > li .basic .legal, .sd-widget.user-activity .ingest-list > li .basic .legal {
      margin-left: 10px; }
    .sd-widget.ingest .ingest-list > li .basic .keyword, .sd-widget.archive .ingest-list > li .basic .keyword, .sd-widget.related-item .ingest-list > li .basic .keyword, .sd-widget.aggregate .ingest-list > li .basic .keyword, .sd-widget.package-manager .ingest-list > li .basic .keyword, .sd-widget.packages .ingest-list > li .basic .keyword, .sd-widget.user-activity .ingest-list > li .basic .keyword {
      font-weight: 500;
      color: #216278;
      display: block; }
    .sd-widget.ingest .ingest-list > li .basic .headline, .sd-widget.archive .ingest-list > li .basic .headline, .sd-widget.related-item .ingest-list > li .basic .headline, .sd-widget.aggregate .ingest-list > li .basic .headline, .sd-widget.package-manager .ingest-list > li .basic .headline, .sd-widget.packages .ingest-list > li .basic .headline, .sd-widget.user-activity .ingest-list > li .basic .headline {
      display: inline-block; }
    .sd-widget.ingest .ingest-list > li .basic .takekey, .sd-widget.archive .ingest-list > li .basic .takekey, .sd-widget.related-item .ingest-list > li .basic .takekey, .sd-widget.aggregate .ingest-list > li .basic .takekey, .sd-widget.package-manager .ingest-list > li .basic .takekey, .sd-widget.packages .ingest-list > li .basic .takekey, .sd-widget.user-activity .ingest-list > li .basic .takekey {
      color: #333;
      font-weight: 500;
      display: block; }
    .sd-widget.ingest .ingest-list > li .top-line, .sd-widget.archive .ingest-list > li .top-line, .sd-widget.related-item .ingest-list > li .top-line, .sd-widget.aggregate .ingest-list > li .top-line, .sd-widget.package-manager .ingest-list > li .top-line, .sd-widget.packages .ingest-list > li .top-line, .sd-widget.user-activity .ingest-list > li .top-line {
      margin: 0;
      list-style-type: none;
      padding: 0;
      margin-bottom: 5px; }
      .sd-widget.ingest .ingest-list > li .top-line > li, .sd-widget.archive .ingest-list > li .top-line > li, .sd-widget.related-item .ingest-list > li .top-line > li, .sd-widget.aggregate .ingest-list > li .top-line > li, .sd-widget.package-manager .ingest-list > li .top-line > li, .sd-widget.packages .ingest-list > li .top-line > li, .sd-widget.user-activity .ingest-list > li .top-line > li {
        float: left;
        padding-right: 7px;
        margin-right: 7px;
        border-right: 1px solid #e7e7e7;
        font-size: 11px;
        color: #626262;
        line-height: 21px; }
        .sd-widget.ingest .ingest-list > li .top-line > li em, .sd-widget.archive .ingest-list > li .top-line > li em, .sd-widget.related-item .ingest-list > li .top-line > li em, .sd-widget.aggregate .ingest-list > li .top-line > li em, .sd-widget.package-manager .ingest-list > li .top-line > li em, .sd-widget.packages .ingest-list > li .top-line > li em, .sd-widget.user-activity .ingest-list > li .top-line > li em {
          color: #aaa;
          margin-right: 4px; }
        .sd-widget.ingest .ingest-list > li .top-line > li .state-label, .sd-widget.archive .ingest-list > li .top-line > li .state-label, .sd-widget.related-item .ingest-list > li .top-line > li .state-label, .sd-widget.aggregate .ingest-list > li .top-line > li .state-label, .sd-widget.package-manager .ingest-list > li .top-line > li .state-label, .sd-widget.packages .ingest-list > li .top-line > li .state-label, .sd-widget.user-activity .ingest-list > li .top-line > li .state-label {
          margin-top: 4px; }
        .sd-widget.ingest .ingest-list > li .top-line > li .type-icon, .sd-widget.archive .ingest-list > li .top-line > li .type-icon, .sd-widget.related-item .ingest-list > li .top-line > li .type-icon, .sd-widget.aggregate .ingest-list > li .top-line > li .type-icon, .sd-widget.package-manager .ingest-list > li .top-line > li .type-icon, .sd-widget.packages .ingest-list > li .top-line > li .type-icon, .sd-widget.user-activity .ingest-list > li .top-line > li .type-icon {
          opacity: 0.5;
          filter: "alpha(opacity=50)"; }
        .sd-widget.ingest .ingest-list > li .top-line > li .urgency-label, .sd-widget.archive .ingest-list > li .top-line > li .urgency-label, .sd-widget.related-item .ingest-list > li .top-line > li .urgency-label, .sd-widget.aggregate .ingest-list > li .top-line > li .urgency-label, .sd-widget.package-manager .ingest-list > li .top-line > li .urgency-label, .sd-widget.packages .ingest-list > li .top-line > li .urgency-label, .sd-widget.user-activity .ingest-list > li .top-line > li .urgency-label {
          margin-top: 2px; }
        .sd-widget.ingest .ingest-list > li .top-line > li:last-child, .sd-widget.archive .ingest-list > li .top-line > li:last-child, .sd-widget.related-item .ingest-list > li .top-line > li:last-child, .sd-widget.aggregate .ingest-list > li .top-line > li:last-child, .sd-widget.package-manager .ingest-list > li .top-line > li:last-child, .sd-widget.packages .ingest-list > li .top-line > li:last-child, .sd-widget.user-activity .ingest-list > li .top-line > li:last-child {
          border: 0; }
        .sd-widget.ingest .ingest-list > li .top-line > li time, .sd-widget.archive .ingest-list > li .top-line > li time, .sd-widget.related-item .ingest-list > li .top-line > li time, .sd-widget.aggregate .ingest-list > li .top-line > li time, .sd-widget.package-manager .ingest-list > li .top-line > li time, .sd-widget.packages .ingest-list > li .top-line > li time, .sd-widget.user-activity .ingest-list > li .top-line > li time {
          color: #999; }
    .sd-widget.ingest .ingest-list > li .main-line figure, .sd-widget.archive .ingest-list > li .main-line figure, .sd-widget.related-item .ingest-list > li .main-line figure, .sd-widget.aggregate .ingest-list > li .main-line figure, .sd-widget.package-manager .ingest-list > li .main-line figure, .sd-widget.packages .ingest-list > li .main-line figure, .sd-widget.user-activity .ingest-list > li .main-line figure {
      float: left;
      margin-right: 10px;
      border: 1px solid #f0f0f0;
      padding: 2px;
      margin-top: 3px; }
      .sd-widget.ingest .ingest-list > li .main-line figure img, .sd-widget.archive .ingest-list > li .main-line figure img, .sd-widget.related-item .ingest-list > li .main-line figure img, .sd-widget.aggregate .ingest-list > li .main-line figure img, .sd-widget.package-manager .ingest-list > li .main-line figure img, .sd-widget.packages .ingest-list > li .main-line figure img, .sd-widget.user-activity .ingest-list > li .main-line figure img {
        height: 55px; }
    .sd-widget.ingest .ingest-list > li .main-line h5, .sd-widget.archive .ingest-list > li .main-line h5, .sd-widget.related-item .ingest-list > li .main-line h5, .sd-widget.aggregate .ingest-list > li .main-line h5, .sd-widget.package-manager .ingest-list > li .main-line h5, .sd-widget.packages .ingest-list > li .main-line h5, .sd-widget.user-activity .ingest-list > li .main-line h5 {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px; }
    .sd-widget.ingest .ingest-list > li.alert, .sd-widget.archive .ingest-list > li.alert, .sd-widget.related-item .ingest-list > li.alert, .sd-widget.aggregate .ingest-list > li.alert, .sd-widget.package-manager .ingest-list > li.alert, .sd-widget.packages .ingest-list > li.alert, .sd-widget.user-activity .ingest-list > li.alert {
      border: 0;
      border-radius: 0; }
    .sd-widget.ingest .ingest-list > li .pinned .content, .sd-widget.archive .ingest-list > li .pinned .content, .sd-widget.related-item .ingest-list > li .pinned .content, .sd-widget.aggregate .ingest-list > li .pinned .content, .sd-widget.package-manager .ingest-list > li .pinned .content, .sd-widget.packages .ingest-list > li .pinned .content, .sd-widget.user-activity .ingest-list > li .pinned .content {
      opacity: 0.4;
      filter: "alpha(opacity=40)"; }
    .sd-widget.ingest .ingest-list > li .pinned.pinned-instance, .sd-widget.archive .ingest-list > li .pinned.pinned-instance, .sd-widget.related-item .ingest-list > li .pinned.pinned-instance, .sd-widget.aggregate .ingest-list > li .pinned.pinned-instance, .sd-widget.package-manager .ingest-list > li .pinned.pinned-instance, .sd-widget.packages .ingest-list > li .pinned.pinned-instance, .sd-widget.user-activity .ingest-list > li .pinned.pinned-instance {
      padding: 10px 5px 5px;
      border-bottom: 0; }
      .sd-widget.ingest .ingest-list > li .pinned.pinned-instance .content, .sd-widget.archive .ingest-list > li .pinned.pinned-instance .content, .sd-widget.related-item .ingest-list > li .pinned.pinned-instance .content, .sd-widget.aggregate .ingest-list > li .pinned.pinned-instance .content, .sd-widget.package-manager .ingest-list > li .pinned.pinned-instance .content, .sd-widget.packages .ingest-list > li .pinned.pinned-instance .content, .sd-widget.user-activity .ingest-list > li .pinned.pinned-instance .content {
        padding: 5px;
        background: #fff;
        opacity: 1;
        filter: "alpha(opacity=100)";
        border: 1px solid #d0d0d0;
        border-radius: 3px; }
    .sd-widget.ingest .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.archive .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.related-item .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.aggregate .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.package-manager .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.packages .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.user-activity .ingest-list > li:first-child .pinned.pinned-instance {
      margin-top: 10px; }
    .sd-widget.ingest .ingest-list > li .basic.item-block .content p, .sd-widget.archive .ingest-list > li .basic.item-block .content p, .sd-widget.related-item .ingest-list > li .basic.item-block .content p, .sd-widget.aggregate .ingest-list > li .basic.item-block .content p, .sd-widget.package-manager .ingest-list > li .basic.item-block .content p, .sd-widget.packages .ingest-list > li .basic.item-block .content p, .sd-widget.user-activity .ingest-list > li .basic.item-block .content p {
      padding-right: 15px; }
      .sd-widget.ingest .ingest-list > li .basic.item-block .content p i, .sd-widget.archive .ingest-list > li .basic.item-block .content p i, .sd-widget.related-item .ingest-list > li .basic.item-block .content p i, .sd-widget.aggregate .ingest-list > li .basic.item-block .content p i, .sd-widget.package-manager .ingest-list > li .basic.item-block .content p i, .sd-widget.packages .ingest-list > li .basic.item-block .content p i, .sd-widget.user-activity .ingest-list > li .basic.item-block .content p i {
        margin-top: -2px;
        height: 18px;
        padding-left: 0;
        margin-right: 4px;
        background-position-x: 0px;
        color: #999; }
    .sd-widget.ingest .ingest-list > li .pin-info, .sd-widget.archive .ingest-list > li .pin-info, .sd-widget.related-item .ingest-list > li .pin-info, .sd-widget.aggregate .ingest-list > li .pin-info, .sd-widget.package-manager .ingest-list > li .pin-info, .sd-widget.packages .ingest-list > li .pin-info, .sd-widget.user-activity .ingest-list > li .pin-info {
      text-transform: uppercase;
      font-size: 10px;
      color: #999; }
    .sd-widget.ingest .ingest-list > li .toggle-box, .sd-widget.archive .ingest-list > li .toggle-box, .sd-widget.related-item .ingest-list > li .toggle-box, .sd-widget.aggregate .ingest-list > li .toggle-box, .sd-widget.package-manager .ingest-list > li .toggle-box, .sd-widget.packages .ingest-list > li .toggle-box, .sd-widget.user-activity .ingest-list > li .toggle-box {
      margin-bottom: 0; }
  .sd-widget.ingest .ingest-list .active .item-block, .sd-widget.archive .ingest-list .active .item-block, .sd-widget.related-item .ingest-list .active .item-block, .sd-widget.aggregate .ingest-list .active .item-block, .sd-widget.package-manager .ingest-list .active .item-block, .sd-widget.packages .ingest-list .active .item-block, .sd-widget.user-activity .ingest-list .active .item-block {
    background: #eff7fa; }
  .sd-widget.ingest .ingest-list.simple-list, .sd-widget.archive .ingest-list.simple-list, .sd-widget.related-item .ingest-list.simple-list, .sd-widget.aggregate .ingest-list.simple-list, .sd-widget.package-manager .ingest-list.simple-list, .sd-widget.packages .ingest-list.simple-list, .sd-widget.user-activity .ingest-list.simple-list {
    margin-top: 1.6rem; }

.sd-widget.ingest .main-list, .sd-widget.archive .main-list, .sd-widget.related-item .main-list, .sd-widget.aggregate .main-list, .sd-widget.package-manager .main-list, .sd-widget.packages .main-list, .sd-widget.user-activity .main-list {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 34px;
  width: 100%;
  transition: all ease 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  .sd-widget.ingest .main-list.wrap, .sd-widget.archive .main-list.wrap, .sd-widget.related-item .main-list.wrap, .sd-widget.aggregate .main-list.wrap, .sd-widget.package-manager .main-list.wrap, .sd-widget.packages .main-list.wrap, .sd-widget.user-activity .main-list.wrap {
    left: -100%;
    right: auto;
    overflow: hidden; }
    .sd-widget.ingest .main-list.wrap .scroll-shadow, .sd-widget.archive .main-list.wrap .scroll-shadow, .sd-widget.related-item .main-list.wrap .scroll-shadow, .sd-widget.aggregate .main-list.wrap .scroll-shadow, .sd-widget.package-manager .main-list.wrap .scroll-shadow, .sd-widget.packages .main-list.wrap .scroll-shadow, .sd-widget.user-activity .main-list.wrap .scroll-shadow {
      display: none; }
    .sd-widget.ingest .main-list.wrap .content-list-holder, .sd-widget.archive .main-list.wrap .content-list-holder, .sd-widget.related-item .main-list.wrap .content-list-holder, .sd-widget.aggregate .main-list.wrap .content-list-holder, .sd-widget.package-manager .main-list.wrap .content-list-holder, .sd-widget.packages .main-list.wrap .content-list-holder, .sd-widget.user-activity .main-list.wrap .content-list-holder {
      overflow: hidden !important; }
  .sd-widget.ingest .main-list.custom-widget, .sd-widget.archive .main-list.custom-widget, .sd-widget.related-item .main-list.custom-widget, .sd-widget.aggregate .main-list.custom-widget, .sd-widget.package-manager .main-list.custom-widget, .sd-widget.packages .main-list.custom-widget, .sd-widget.user-activity .main-list.custom-widget {
    bottom: 50%; }

.sd-widget.ingest .preview, .sd-widget.archive .preview, .sd-widget.related-item .preview, .sd-widget.aggregate .preview, .sd-widget.package-manager .preview, .sd-widget.packages .preview, .sd-widget.user-activity .preview {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  top: 38px;
  transition: all ease 0.2s; }
  .sd-widget.ingest .preview.custom-widget, .sd-widget.archive .preview.custom-widget, .sd-widget.related-item .preview.custom-widget, .sd-widget.aggregate .preview.custom-widget, .sd-widget.package-manager .preview.custom-widget, .sd-widget.packages .preview.custom-widget, .sd-widget.user-activity .preview.custom-widget {
    top: 50%; }
  .sd-widget.ingest .preview .nav, .sd-widget.archive .preview .nav, .sd-widget.related-item .preview .nav, .sd-widget.aggregate .preview .nav, .sd-widget.package-manager .preview .nav, .sd-widget.packages .preview .nav, .sd-widget.user-activity .preview .nav {
    height: 34px;
    display: flex;
    align-items: center;
    background: #f4f4f4;
    padding: 0 10px;
    border-bottom: 1px solid #e7e7e7; }
  .sd-widget.ingest .preview .open, .sd-widget.ingest .preview .associate, .sd-widget.archive .preview .open, .sd-widget.archive .preview .associate, .sd-widget.related-item .preview .open, .sd-widget.related-item .preview .associate, .sd-widget.aggregate .preview .open, .sd-widget.aggregate .preview .associate, .sd-widget.package-manager .preview .open, .sd-widget.package-manager .preview .associate, .sd-widget.packages .preview .open, .sd-widget.packages .preview .associate, .sd-widget.user-activity .preview .open, .sd-widget.user-activity .preview .associate {
    border: 0;
    background: 0;
    padding: 0 8px;
    color: #333;
    line-height: 34px;
    box-sizing: border-box; }
    .sd-widget.ingest .preview .open span, .sd-widget.ingest .preview .associate span, .sd-widget.archive .preview .open span, .sd-widget.archive .preview .associate span, .sd-widget.related-item .preview .open span, .sd-widget.related-item .preview .associate span, .sd-widget.aggregate .preview .open span, .sd-widget.aggregate .preview .associate span, .sd-widget.package-manager .preview .open span, .sd-widget.package-manager .preview .associate span, .sd-widget.packages .preview .open span, .sd-widget.packages .preview .associate span, .sd-widget.user-activity .preview .open span, .sd-widget.user-activity .preview .associate span {
      line-height: 24px; }
    .sd-widget.ingest .preview .open i, .sd-widget.ingest .preview .associate i, .sd-widget.archive .preview .open i, .sd-widget.archive .preview .associate i, .sd-widget.related-item .preview .open i, .sd-widget.related-item .preview .associate i, .sd-widget.aggregate .preview .open i, .sd-widget.aggregate .preview .associate i, .sd-widget.package-manager .preview .open i, .sd-widget.package-manager .preview .associate i, .sd-widget.packages .preview .open i, .sd-widget.packages .preview .associate i, .sd-widget.user-activity .preview .open i, .sd-widget.user-activity .preview .associate i {
      margin-top: 3px;
      margin-right: 5px;
      opacity: 0.4;
      filter: "alpha(opacity=40)"; }
    .sd-widget.ingest .preview .open:hover i, .sd-widget.ingest .preview .associate:hover i, .sd-widget.archive .preview .open:hover i, .sd-widget.archive .preview .associate:hover i, .sd-widget.related-item .preview .open:hover i, .sd-widget.related-item .preview .associate:hover i, .sd-widget.aggregate .preview .open:hover i, .sd-widget.aggregate .preview .associate:hover i, .sd-widget.package-manager .preview .open:hover i, .sd-widget.package-manager .preview .associate:hover i, .sd-widget.packages .preview .open:hover i, .sd-widget.packages .preview .associate:hover i, .sd-widget.user-activity .preview .open:hover i, .sd-widget.user-activity .preview .associate:hover i {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .sd-widget.ingest .preview .state-label, .sd-widget.archive .preview .state-label, .sd-widget.related-item .preview .state-label, .sd-widget.aggregate .preview .state-label, .sd-widget.package-manager .preview .state-label, .sd-widget.packages .preview .state-label, .sd-widget.user-activity .preview .state-label {
    margin-top: 5px; }
  .sd-widget.ingest .preview .content-item-preview .content-container, .sd-widget.archive .preview .content-item-preview .content-container, .sd-widget.related-item .preview .content-item-preview .content-container, .sd-widget.aggregate .preview .content-item-preview .content-container, .sd-widget.package-manager .preview .content-item-preview .content-container, .sd-widget.packages .preview .content-item-preview .content-container, .sd-widget.user-activity .preview .content-item-preview .content-container {
    top: 36px; }
    .sd-widget.ingest .preview .content-item-preview .content-container img, .sd-widget.archive .preview .content-item-preview .content-container img, .sd-widget.related-item .preview .content-item-preview .content-container img, .sd-widget.aggregate .preview .content-item-preview .content-container img, .sd-widget.package-manager .preview .content-item-preview .content-container img, .sd-widget.packages .preview .content-item-preview .content-container img, .sd-widget.user-activity .preview .content-item-preview .content-container img {
      max-width: 100%;
      height: auto; }
  .sd-widget.ingest .preview.wrap, .sd-widget.archive .preview.wrap, .sd-widget.related-item .preview.wrap, .sd-widget.aggregate .preview.wrap, .sd-widget.package-manager .preview.wrap, .sd-widget.packages .preview.wrap, .sd-widget.user-activity .preview.wrap {
    left: 100%; }
    .sd-widget.ingest .preview.wrap .scroll-shadow, .sd-widget.archive .preview.wrap .scroll-shadow, .sd-widget.related-item .preview.wrap .scroll-shadow, .sd-widget.aggregate .preview.wrap .scroll-shadow, .sd-widget.package-manager .preview.wrap .scroll-shadow, .sd-widget.packages .preview.wrap .scroll-shadow, .sd-widget.user-activity .preview.wrap .scroll-shadow {
      display: none; }

.sd-widget.related-item .preview .content-item-preview {
  position: static;
  width: 325px; }

.widget-ingest .ingest-list-holder, .widget-archive .ingest-list-holder, .widget-related-item .ingest-list-holder {
  background: #f8f8f8; }

.widget-ingest .ingest-list, .widget-archive .ingest-list, .widget-related-item .ingest-list {
  padding: 12px 12px 3.2rem; }
  .widget-ingest .ingest-list > li .item-block, .widget-archive .ingest-list > li .item-block, .widget-related-item .ingest-list > li .item-block {
    border-color: #dedede;
    padding: 12px 0; }
    .widget-ingest .ingest-list > li .item-block.pinned.pinned-instance, .widget-archive .ingest-list > li .item-block.pinned.pinned-instance, .widget-related-item .ingest-list > li .item-block.pinned.pinned-instance {
      padding: 0 0 12px 0; }
  .widget-ingest .ingest-list > li.active .item-block.pinned, .widget-archive .ingest-list > li.active .item-block.pinned, .widget-related-item .ingest-list > li.active .item-block.pinned {
    background: none; }
    .widget-ingest .ingest-list > li.active .item-block.pinned .content, .widget-archive .ingest-list > li.active .item-block.pinned .content, .widget-related-item .ingest-list > li.active .item-block.pinned .content {
      background: #eff7fa; }
  .widget-ingest .ingest-list > li .top-line > li, .widget-archive .ingest-list > li .top-line > li, .widget-related-item .ingest-list > li .top-line > li {
    border: 0; }
  .widget-ingest .ingest-list > li .main-line h5, .widget-archive .ingest-list > li .main-line h5, .widget-related-item .ingest-list > li .main-line h5 {
    font-family: Inter, Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 13px;
    line-height: 20px; }

.tabpane.widget-ingest .sd-widget .widget-mode, .tabpane.widget-archive .sd-widget .widget-mode, .tabpane.widget-related-item .sd-widget .widget-mode {
  margin: 0;
  padding: 10px 5px; }
  .tabpane.widget-ingest .sd-widget .widget-mode time, .tabpane.widget-archive .sd-widget .widget-mode time, .tabpane.widget-related-item .sd-widget .widget-mode time {
    font-size: 11px;
    color: #999;
    text-align: right;
    display: inline-block;
    margin: 4px 10px 0 0; }

.tabpane.widget-ingest .sd-widget .main-list, .tabpane.widget-archive .sd-widget .main-list, .tabpane.widget-related-item .sd-widget .main-list {
  top: 0px; }

.tabpane.widget-ingest .sd-widget .existing-items, .tabpane.widget-archive .sd-widget .existing-items, .tabpane.widget-related-item .sd-widget .existing-items {
  top: -35px; }

.tabpane.widget-ingest .sd-widget .ingest-list-holder, .tabpane.widget-archive .sd-widget .ingest-list-holder, .tabpane.widget-related-item .sd-widget .ingest-list-holder {
  bottom: 0; }

.tabpane.widget-ingest .sd-widget .preview, .tabpane.widget-archive .sd-widget .preview, .tabpane.widget-related-item .sd-widget .preview {
  top: 44px; }

.tabpane.widget-related-item .boxed-list__static-actions .more-activity-toggle {
  height: 2.4rem;
  width: 2.4rem;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static; }
  .tabpane.widget-related-item .boxed-list__static-actions .more-activity-toggle i {
    margin: 0;
    vertical-align: middle; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
/*
---------------------------------------------
TASK PAGE
---------------------------------------------
*/
.task-labels {
  list-style-type: none;
  padding: 0;
  margin: 5px 0 0; }

.task-label, .task-labels > li {
  float: left;
  margin-right: 4px;
  background: #eee;
  border-radius: 3px;
  height: 18px;
  line-height: 18px;
  color: #444;
  padding: 2px 5px;
  min-height: auto;
  font-size: 10px; }
  .task-label i, .task-labels > li i {
    opacity: 0.7;
    filter: "alpha(opacity=70)"; }
  .task-label.urgent, .task-labels > li.urgent {
    background-color: #ba7474; }
  .task-label.critical, .task-labels > li.critical {
    background-color: #8b0000; }
  .task-label.done, .task-labels > li.done {
    background-color: #288001; }

.task-list > header {
  padding: 10px; }
  .task-list > header .card .header {
    min-height: 24px; }
  .task-list > header .card .title {
    padding: 3px 0;
    line-height: 18px;
    min-height: 18px; }
  .task-list > header button {
    border: 0;
    background: none; }
  .task-list > header .switch-view {
    float: left;
    margin-right: 30px; }
    .task-list > header .switch-view button {
      display: inline-block;
      border-radius: 3px;
      height: 30px;
      box-sizing: border-box;
      padding: 0 10px;
      line-height: 30px;
      color: #4f4f4f;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px; }
      .task-list > header .switch-view button:hover {
        background: #e4e4e4; }
      .task-list > header .switch-view button.active {
        background: #ddd;
        color: #000;
        box-shadow: inset 0 2px 0 #ccc; }
  .task-list > header .status-tabs {
    float: left;
    margin: -10px 0; }
    .task-list > header .status-tabs li button {
      text-transform: uppercase;
      font-size: 12px; }
    .task-list > header .status-tabs li.active button {
      border-bottom: 3px solid #666;
      padding-bottom: 6px; }
      .task-list > header .status-tabs li.active button.todo {
        border-bottom-color: #b70000; }
      .task-list > header .status-tabs li.active button.in_progress {
        border-bottom-color: #cc7800; }
      .task-list > header .status-tabs li.active button.done {
        border-bottom-color: #288001; }

.task-list {
  white-space: nowrap; }
  .task-list .content {
    padding: 20px;
    white-space: nowrap;
    overflow: auto; }
  .task-list .card .title {
    font-weight: 500; }
  .task-list .card .marker {
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 2px 0 0 2px; }
    .task-list .card .marker.todo {
      background: #b70000; }
    .task-list .card .marker.in_progress {
      background: #cc7800; }
    .task-list .card .marker.done {
      background: #288001; }
  .task-list .board-holder {
    width: 300px;
    display: inline-block;
    vertical-align: top; }
  .task-list .board {
    min-height: 500px;
    margin-right: 20px; }
    .task-list .board header {
      text-transform: uppercase;
      font-size: 11px;
      color: #333;
      line-height: 24px;
      font-weight: 500;
      border-bottom: 4px solid #666; }
      .task-list .board header.todo {
        border-bottom-color: #b70000; }
      .task-list .board header.in_progress {
        border-bottom-color: #cc7800; }
      .task-list .board header.done {
        border-bottom-color: #288001; }
    .task-list .board .card-list > li {
      margin-top: 5px;
      background: #fff;
      padding: 5px;
      min-height: 24px;
      position: relative !important;
      height: auto !important; }
      .task-list .board .card-list > li .title {
        padding: 0 10px;
        font-size: 13px;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
        color: #333;
        min-height: 24px;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .task-list .board .card-list > li:hover .title {
        padding: 0 45px 0 10px; }
      .task-list .board .card-list > li .action .item-field a {
        padding: 0 10px;
        line-height: 40px; }

.workspace-tasks .preview-pane .action-menu {
  width: 94px !important; }
  .workspace-tasks .preview-pane .action-menu .change {
    border: 0;
    background: 0;
    padding: 14px;
    float: left; }

.workspace-tasks .preview-pane header p {
  line-height: 48px;
  color: #999;
  max-width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.workspace-tasks .preview-pane .content {
  padding: 20px; }

.workspace-tasks .preview-pane textarea {
  height: 32px;
  border-color: #ddd !important; }
  .workspace-tasks .preview-pane textarea:focus {
    border-color: #ddd !important;
    box-shadow: none !important; }

.workspace-tasks .preview-pane .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #444;
  margin: 0 0 15px 0; }

.workspace-tasks .preview-pane .description {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 22px;
  color: #444; }

.workspace-tasks .preview-pane .assignee-container {
  background: #eee;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 10px;
  *zoom: 1; }
  .workspace-tasks .preview-pane .assignee-container:before, .workspace-tasks .preview-pane .assignee-container:after {
    display: table;
    content: ""; }
  .workspace-tasks .preview-pane .assignee-container:after {
    clear: both; }
  .workspace-tasks .preview-pane .assignee-container .assignee-name {
    margin: 0;
    line-height: 30px;
    float: left; }

.workspace-tasks .preview-pane .assignee-box {
  margin-bottom: 10px; }

.workspace-tasks .preview-pane .task-labels {
  margin-top: 0;
  margin-bottom: 15px; }
  .workspace-tasks .preview-pane .task-labels .icon-desk-time {
    vertical-align: middle; }

.workspace-tasks .preview-pane .time-edit {
  margin-top: 5px;
  margin-bottom: 10px;
  *zoom: 1; }
  .workspace-tasks .preview-pane .time-edit:before, .workspace-tasks .preview-pane .time-edit:after {
    display: table;
    content: ""; }
  .workspace-tasks .preview-pane .time-edit:after {
    clear: both; }
  .workspace-tasks .preview-pane .time-edit .field {
    float: left;
    width: 50%;
    box-sizing: border-box; }
    .workspace-tasks .preview-pane .time-edit .field:first-child {
      padding-right: 5px; }
    .workspace-tasks .preview-pane .time-edit .field:last-child {
      padding-left: 5px; }
  .workspace-tasks .preview-pane .time-edit input {
    box-sizing: border-box;
    width: 100%; }

.create-task-popup .modal-body textarea {
  resize: none; }

.create-task-popup .modal-body .title {
  border: 0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 5px 20px;
  font-weight: 400;
  height: 40px;
  font-size: 18px;
  line-height: 28px; }
  .create-task-popup .modal-body .title:focus {
    box-shadow: none !important; }

.create-task-popup .modal-body fieldset.full {
  margin: -20px -20px 15px; }

.create-task-popup .modal-body fieldset.due {
  margin: -0 -15px;
  position: relative; }
  .create-task-popup .modal-body fieldset.due .break {
    height: 1px;
    background: #dcdcdc;
    margin: 10px 15px 0; }
  .create-task-popup .modal-body fieldset.due label {
    float: left;
    background: #f8f8f8;
    padding: 0 10px 0 0;
    margin: -10px 15px 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    font-weight: 500; }
  .create-task-popup .modal-body fieldset.due .field {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px; }
    .create-task-popup .modal-body fieldset.due .field.clear {
      clear: left; }

.create-task-popup .modal-body .description {
  height: 28px;
  padding: 5px;
  border: 1px solid #dfdfdf !important;
  margin-bottom: 15px; }
  .create-task-popup .modal-body .description:focus {
    border-color: #ccc !important; }

.create-task-popup .modal-body .assignee-box {
  margin-bottom: 15px; }

.stages-list {
  float: none;
  margin-top: 3px; }

.stage-label a, .stage-label button {
  background: #fff;
  border-color: #d7d7d7 !important;
  color: #333 !important; }
  .stage-label a:hover, .stage-label button:hover {
    border-color: #505050 !important;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); }

.stage-label.active a {
  background: #505050 !important;
  border-color: #505050 !important;
  border-top: 0 !important;
  color: #fff !important;
  box-shadow: inset 0 2px 0px #373737 !important; }
  .stage-label.active a:hover {
    background: #505050 !important; }

/*

.add-comment-box {
    width: 100%;
    @include box-sizing(border-box);
    background: $background-main;
    border: 1px solid #e1e1e1;
    padding: 10px;
    @include border-radius(5px);
    margin-bottom: 15px;
    text-align: right;

    textarea {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 62px;
        line-height: 20px;
        @include box-sizing(border-box);
        @include border-radius(3px);
        padding: 10px;
        border-color: #adadad;
        @include box-shadow(0px 1px 0px 0px #fff);
        @include box-shadow(inset 0px 3px 6px -3px #a8a8a8);
        font-size: 14px;
        color: #444;
        text-align: left;
    }

    .btn {
        margin-left: 5px;
        margin-top: 10px;
        display: none;
    }

    &.focused {
        .btn {
            display: inline-block;
        }
    }

}

.comment-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
        padding-bottom: 15px;
        margin-bottom: 8px;
        position: relative;
        .comment-info {
            figure {
                border: 1px solid #b9b9b9;
                float: left;
                margin-right: 10px;
                    img {
                        width: 30px;
                        height: 30px;
                    }
            }
            b {
                font-size: 12px;
                display: block;
                line-height: 14px;
                color: #007fb3;
            }
            time {
                font-size: 11px;
                color: #aeaeae;

            }
        }
        .comment-text {
            font-size: 13px;
            color: #303030;
            line-height: 18px;
            border-top: 1px solid #ddd;
            padding-top: 5px;
            margin: 10px 0 3px 42px;
            position: relative;
            &:before {
                content: " ";
                width: 9px;
                height: 9px;
                position: absolute;
                background: url(~images/comment-ballon.png) no-repeat 0 0;
                top: -9px;
                left:15px;
            }
        }
        .action-menu {
            @include generic-inline-action-menu();
        }
        &:hover {
            .action-menu {
                display: block;
            }
        }
    }

}

*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.world-clock .widget-content .clock-container {
  height: 185px;
  overflow: hidden; }
  .world-clock .widget-content .clock-container > div:first-child .clock-box:first-child {
    border-left: 0 !important; }

.world-clock .widget-content .clock-box {
  min-height: 185px;
  box-sizing: border-box;
  border-left: 1px solid #e7e7e7;
  width: 106px;
  text-align: center;
  float: left; }
  .world-clock .widget-content .clock-box header {
    color: #686868;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 0px; }
  .world-clock .widget-content .clock-box .wclock {
    width: 100%;
    height: 87px;
    text-align: center; }
  .world-clock .widget-content .clock-box time {
    display: block;
    font-size: 12px;
    color: #555;
    margin-top: 10px; }
  .world-clock .widget-content .clock-box .date {
    display: block;
    color: #a8a8a8;
    font-size: 11px; }
  .world-clock .widget-content .clock-box.digital {
    background-color: #313134;
    color: #fff; }
    .world-clock .widget-content .clock-box.digital header {
      color: #fff; }
    .world-clock .widget-content .clock-box.digital time {
      padding-top: 27px;
      margin-bottom: 15px;
      font-size: 34px;
      height: 45px;
      vertical-align: middle;
      color: #69e005; }

.world-clock.widget-config .nav-tabs {
  border-bottom: 1px solid #dedede; }

.world-clock.widget-config .tab-content {
  padding: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 48px;
  margin: 0;
  padding: 20px;
  display: block;
  width: auto; }

.world-clock.widget-config .list-group {
  max-width: 100%;
  max-height: 280px;
  overflow: auto; }
  .world-clock.widget-config .list-group::-webkit-scrollbar {
    width: 10px;
    border-left: 3px solid #fff; }
  .world-clock.widget-config .list-group::-webkit-scrollbar-thumb {
    border-radius: 2px;
    border-left: 3px solid #fff;
    background: #aaa; }
.close-desk-widget-content {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  display: flex;
  flex-direction: column;
  overflow: auto; }
  .close-desk-widget-content .space-eater {
    flex-grow: 1; }
  .close-desk-widget-content .simple-list {
    padding: 0; }

.widget-list li.widget.close-desk .thumbnail {
  background-color: #e55028; }

.widget-detail .thumbnail-box.close-desk {
  background-color: #e55028; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.sd-widget.activity .activity-holder {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fafafa; }
  .sd-widget.activity .activity-holder .shadow-list-holder {
    padding: 0 10px; }

.sd-widget.activity .activity-log li.with-date {
  margin-top: 25px; }
  .sd-widget.activity .activity-log li.with-date .date {
    border-top: 0;
    top: -15px; }
    .sd-widget.activity .activity-log li.with-date .date span {
      float: none;
      padding: 3px 5px;
      color: #333;
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 500; }

.sd-widget.activity .activity-log li:hover {
  box-shadow: none; }

.sd-widget.activity .activity-load-more {
  margin: 14px 0 12px; }

.sd-widget.activity .activity-log ul li.activity .activity-content p {
  font-weight: 300;
  font-size: 12px; }
  .sd-widget.activity .activity-log ul li.activity .activity-content p b {
    font-weight: 600; }
  .sd-widget.activity .activity-log ul li.activity .activity-content p span {
    word-break: break-word; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.upload-avatar .modal-content {
  flex: 0 0 750px !important; }

.upload-avatar .main .computer .info {
  font-size: 12px;
  color: #5ea9c8;
  padding: 10px;
  text-align: center; }

.upload-avatar .remove-avatar {
  cursor: pointer; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.user-roles-settings .new-role-modal {
  width: 299px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px; }
  .user-roles-settings .new-role-modal .content .field {
    margin-bottom: 10px; }
    .user-roles-settings .new-role-modal .content .field textarea {
      height: 22px; }

.user-roles-settings .label.default {
  font-size: 9px;
  font-weight: 600;
  padding: 2px 5px;
  line-height: 12px;
  margin-left: 5px;
  text-transform: uppercase; }

.privileges-settings {
  padding: 0;
  overflow: auto !important; }
  .privileges-settings table {
    padding: 20px; }
  .privileges-settings thead tr .label {
    position: absolute;
    top: -6px;
    left: 17%;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 9px;
    line-height: 10px;
    height: 13px;
    letter-spacing: 0.1em;
    box-sizing: border-box; }
  .privileges-settings thead tr th {
    font-size: 13px;
    font-weight: normal;
    word-wrap: break-word;
    text-align: center;
    border: 1px solid #f0f0f0 !important;
    border-right: 0 !important;
    border-color: #e5e5e5 !important;
    background: #f2f2f2;
    padding: 10px 16px;
    white-space: nowrap;
    z-index: 1; }
  .privileges-settings thead tr .name {
    min-width: 270px; }
  .privileges-settings thead tr input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  .privileges-settings td {
    padding: 10px 16px;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-top: 0;
    text-align: center;
    word-wrap: break-word;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none; }
  .privileges-settings .name {
    min-width: 270px;
    font-size: 11px;
    text-align: left;
    border-left: 0 !important;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 500;
    max-width: 270px;
    color: #666; }
  .privileges-settings .role-field {
    min-width: 90px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.users .users-subnav .multiple-action {
  margin-left: 30px;
  float: left; }

.disabled-label {
  background: #c8a1a8;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  height: 13px;
  line-height: 13px;
  padding: 0 8px;
  border-radius: 2px;
  margin-left: 10px; }

.users-table {
  border-top: 2px solid #d7d7d7; }
  .users-table .table-header {
    background: #fff; }
  .users-table .table-title {
    height: 30px;
    font-size: 11px;
    color: #8a8a8a;
    line-height: 30px;
    font-weight: 300;
    text-transform: uppercase; }
  .users-table .table-newest {
    margin: 0 0 30px;
    background: #fafdf6;
    border-top: 1px solid #d7d7d7; }
  .users-table .table-body {
    margin-top: -1px; }
  .users-table .table-body {
    background: #fff;
    border-top: 1px solid #d7d7d7; }
  .users-table .table-header > li, .users-table .table-newest > li, .users-table .table-body > li {
    height: 40px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    clear: both; }
    .users-table .table-header > li > div:not(.tooltip), .users-table .table-newest > li > div:not(.tooltip), .users-table .table-body > li > div:not(.tooltip) {
      float: left;
      height: 30px;
      padding: 5px;
      line-height: 30px; }
      .users-table .table-header > li > div:not(.tooltip).chckbx, .users-table .table-newest > li > div:not(.tooltip).chckbx, .users-table .table-body > li > div:not(.tooltip).chckbx {
        width: 25px;
        text-align: center; }
        .users-table .table-header > li > div:not(.tooltip).chckbx span, .users-table .table-newest > li > div:not(.tooltip).chckbx span, .users-table .table-body > li > div:not(.tooltip).chckbx span {
          vertical-align: middle;
          margin: 0; }
      .users-table .table-header > li > div:not(.tooltip).row-wrapper, .users-table .table-newest > li > div:not(.tooltip).row-wrapper, .users-table .table-body > li > div:not(.tooltip).row-wrapper {
        position: absolute;
        left: 60px;
        right: 92px;
        top: 5px;
        padding: 0;
        box-sizing: border-box; }
        .users-table .table-header > li > div:not(.tooltip).row-wrapper > div, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div {
          color: #333;
          float: left;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          box-sizing: border-box;
          padding: 0 5px;
          height: 30px; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.name {
            font-weight: 500; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.email {
            color: #3599b6;
            font-weight: 300; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.created {
            font-size: 11px;
            color: #999; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.name {
            width: 28%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.role, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.role, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.role {
            width: 16%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.username, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.username, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.username {
            width: 14%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.email {
            width: 30%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.created {
            width: 12%; }
      .users-table .table-header > li > div:not(.tooltip).action, .users-table .table-newest > li > div:not(.tooltip).action, .users-table .table-body > li > div:not(.tooltip).action {
        float: right;
        width: 82px;
        line-height: 18px !important; }
    .users-table .table-header > li.inactive .row-wrapper > div, .users-table .table-newest > li.inactive .row-wrapper > div, .users-table .table-body > li.inactive .row-wrapper > div {
      color: #cccccc; }
      .users-table .table-header > li.inactive .row-wrapper > div.email, .users-table .table-newest > li.inactive .row-wrapper > div.email, .users-table .table-body > li.inactive .row-wrapper > div.email {
        color: #a1d4e3; }
  .users-table .table-header > li > div, .users-table .table-header .name, .users-table .table-header .email, .users-table .table-header .created {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 500; }
  .users-table .table-header .sortable i {
    margin: -2px 0 0 5px; }
  .users-table .table-header .sortable:hover {
    cursor: pointer; }
  .users-table .table-body > li.selected, .users-table .table-newest > li.selected {
    background: #eff7fa; }
  .users-table .table-body > li:hover, .users-table .table-newest > li:hover {
    background: #f4f4f4;
    cursor: pointer; }
  .users-table .table-body > li > div.action, .users-table .table-newest > li > div.action {
    padding: 0;
    height: 40px; }
    .users-table .table-body > li > div.action .item-functions, .users-table .table-newest > li > div.action .item-functions {
      display: none; }
      .users-table .table-body > li > div.action .item-functions li, .users-table .table-newest > li > div.action .item-functions li {
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        border-left: 1px solid #d8d8d8; }
        .users-table .table-body > li > div.action .item-functions li span, .users-table .table-newest > li > div.action .item-functions li span {
          display: none; }
        .users-table .table-body > li > div.action .item-functions li:hover, .users-table .table-newest > li > div.action .item-functions li:hover {
          background-color: #e8e8e8; }
  .users-table .table-body > li:hover > div.action .item-functions, .users-table .table-newest > li:hover > div.action .item-functions {
    display: block; }
  .users-table .alert {
    height: auto !important;
    border-radius: 0px;
    border-width: 0 0 1px; }
    .users-table .alert.alert-info {
      border-color: #bce8f1; }
      .users-table .alert.alert-info:hover {
        background: #d9edf7; }

/*
====================================================
    User detail pane
====================================================
*/
.user-details-pane {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: calc(100% - 48px); }
  .user-details-pane .profile-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto; }
  .user-details-pane .header-info {
    background-color: rgba(94, 169, 200, 0.11);
    padding: 20px 0 0; }
    .user-details-pane .header-info h2 {
      text-align: center;
      font-size: 18px;
      line-height: 20px;
      margin: 10px 0 4px 0;
      padding: 0 20px; }
    .user-details-pane .header-info h5 {
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      line-height: 16px;
      padding: 0 20px;
      margin-bottom: 10px;
      color: rgba(0, 0, 0, 0.75); }
    .user-details-pane .header-info .active {
      position: absolute;
      top: 20px;
      right: 15px; }
    .user-details-pane .header-info .user-roles {
      list-style-type: none;
      margin: 15px 0;
      padding: 0; }
      .user-details-pane .header-info .user-roles li {
        display: inline-block;
        border-radius: 3px;
        padding: 2px 10px;
        background: #b2b2b2;
        color: #fff;
        font-size: 11px;
        margin-right: 3px; }
  .user-details-pane .date-time {
    color: #999;
    font-weight: 300; }
  .user-details-pane .details-info {
    flex-grow: 1;
    overflow: auto;
    padding: 20px;
    position: relative; }
  .user-details-pane .error-holder {
    height: 40px;
    margin: 0 -20px; }
    .user-details-pane .error-holder .alert {
      padding: 10px 20px; }
  .user-details-pane .validation-error {
    color: #ab3434;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0; }
  .user-details-pane .validation-info {
    font-size: 11px;
    color: #888; }
  .user-details-pane .profile-pic {
    display: flex;
    position: relative;
    justify-content: center; }
    .user-details-pane .profile-pic .disabled-label {
      position: absolute;
      bottom: 15%;
      left: 40%;
      border: 1px solid #fff; }
  .user-details-pane .alert {
    border-radius: 0px; }
  .user-details-pane .ng-invalid-required .required-info {
    display: inline-block !important; }

.modal.user-profile-page .modal__body {
  height: calc(100vh - 180px);
  border-radius: 0 0 4px 4px; }

.modal.user-profile-page .user-details-pane {
  position: static; }
  .modal.user-profile-page .user-details-pane ::-webkit-scrollbar {
    border-left: 9px solid #f8f8f8; }
  .modal.user-profile-page .user-details-pane ::-webkit-scrollbar-thumb {
    border-left: 8px solid #f8f8f8; }

.modal.user-profile-page .details-info {
  bottom: 58px; }

.modal.user-profile-page .action-bar {
  top: auto !important;
  bottom: 0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 0; }

/*
==============================================
Profile page styles
==============================================
*/
.user-profile-page .user-details-pane {
  top: 0;
  padding: 0;
  height: 100%; }

.profile-activity-container {
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  bottom: 20px;
  padding: 10px 30px 0;
  background-color: #f8f8f8;
  overflow-x: hidden;
  overflow-y: auto; }
  .profile-activity-container::-webkit-scrollbar {
    width: 10px;
    border-left: 0; }
  .profile-activity-container::-webkit-scrollbar-thumb {
    border-right: 2px solid #f8f8f8;
    border-left: 0; }
  .profile-activity-container > .btn {
    margin: 10px 0 20px; }
  .profile-activity-container .profile-activity {
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    max-width: 500px; }
    .profile-activity-container .profile-activity .activity-header {
      height: 40px;
      border-bottom: 1px solid #ddd; }
      .profile-activity-container .profile-activity .activity-header h6 {
        line-height: 40px;
        font-weight: normal;
        font-size: 20px;
        color: #444;
        text-transform: none; }
    .profile-activity-container .profile-activity .group-date {
      margin-top: 20px;
      margin-bottom: 16px;
      color: #888;
      font-size: 11px;
      font-weight: 500;
      height: 1px;
      border-top: 1px solid #ddd;
      position: relative; }
      .profile-activity-container .profile-activity .group-date .day {
        position: relative;
        top: -.9em;
        display: inline-block;
        background-color: #f8f8f8; }
      .profile-activity-container .profile-activity .group-date .date {
        padding-left: 4px;
        padding-right: 4px;
        text-transform: lowercase;
        position: relative;
        top: -.9em;
        display: inline-block;
        background-color: #f8f8f8; }
    .profile-activity-container .profile-activity .activity-entry {
      border-bottom: 1px solid #ddd;
      background: #fff;
      margin-top: 4px;
      clear: left; }
      .profile-activity-container .profile-activity .activity-entry .activity-figure {
        float: left; }
      .profile-activity-container .profile-activity .activity-entry .activity-date {
        color: #888;
        font-size: 11px;
        font-weight: 500; }
  .profile-activity-container ::-webkit-scrollbar {
    border-left: 9px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    width: 13px;
    background: #f8f8f8; }
  .profile-activity-container ::-webkit-scrollbar-thumb {
    border-left: 8px solid #f8f8f8; }

.user-details-pane .action-bar {
  background: #dfeef4;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
  border-bottom: none; }
  .user-details-pane .action-bar.show {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

.user-profile-page {
  overflow: auto; }
  .user-profile-page .form-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 600px;
    background: #fff;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 #e0e0e0;
    z-index: 2; }
  .user-profile-page .user-details-pane > header {
    height: 48px;
    box-sizing: border-box;
    border-bottom: 1px solid #dfdfdf; }
    .user-profile-page .user-details-pane > header .nav-tabs {
      padding: 0 10px; }
  .user-profile-page .user-details-pane > .content {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0; }
    .user-profile-page .user-details-pane > .content .inner-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      overflow: auto; }
  .user-profile-page .user-details-pane .action-bar {
    top: -96px; }
    .user-profile-page .user-details-pane .action-bar.show {
      top: -48px; }
  .user-profile-page .other-content {
    position: absolute;
    top: 0;
    left: 600px;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: #f8f8f8; }
    .user-profile-page .other-content .tablist-container {
      width: 100%;
      box-sizing: border-box;
      height: 38px;
      border-bottom: 1px solid #e5e5e5;
      background: #efefef; }
      .user-profile-page .other-content .tablist-container ul li {
        float: left;
        height: 38px;
        line-height: 38px;
        padding: 0 20px;
        border-right: 1px solid #dfdfdf;
        color: #218baa; }
        .user-profile-page .other-content .tablist-container ul li.active {
          background: #f8f8f8; }
    .user-profile-page .other-content .tabcontent-container {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: auto; }
      .user-profile-page .other-content .tabcontent-container .profile-activity-container {
        left: 0;
        background: none; }
        .user-profile-page .other-content .tabcontent-container .profile-activity-container .activity.with-date .date span {
          background-color: #f8f8f8 !important; }

.user-link {
  color: #3599b6; }
  .user-link:hover {
    cursor: pointer; }

.user-popup {
  position: fixed;
  min-width: 240px;
  width: auto;
  height: 150px;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 1001;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); }
  .user-popup .title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 300; }
  .user-popup .actions {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px; }
    .user-popup .actions a:hover {
      text-decoration: none; }

.preferences .dateline_preview {
  background-color: rgba(0, 0, 0, 0.06);
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 14px;
  padding: 0.2rem 1.4rem;
  margin-top: 1rem; }

.preferences .preferences__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1.2rem 0 0.8rem; }
  .preferences .preferences__actions .preferences__action-link {
    cursor: pointer;
    color: #5ea9c8;
    display: inline-block;
    padding: 0.2rem;
    font-size: 1.1rem;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    flex-grow: 0; }
  .preferences .preferences__actions .preferences__action-spacer {
    display: inline-block;
    flex-grow: 0;
    height: 1.2rem;
    margin-right: 0.6rem;
    padding-left: 0.6rem;
    width: 0.1rem;
    border: 1px dotted rgba(0, 0, 0, 0.65);
    border-width: 0 1px 0 0; }

.preferences .input-term input[type="text"] {
  border: 1px solid rgba(123, 123, 123, 0.5);
  border-radius: 3px;
  padding: 0 5px;
  width: auto;
  min-width: 100%;
  min-height: 30px; }
  .preferences .input-term input[type="text"]:hover {
    border: 1px solid rgba(123, 123, 123, 0.8); }
  .preferences .input-term input[type="text"]:focus {
    border: 1px solid #5ea9c8;
    box-shadow: inset 0 0 0 1px #5ea9c8; }

.preferences [sd-meta-dropdown] .dropdown__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.2rem !important;
  min-width: 240px; }
  .preferences [sd-meta-dropdown] .dropdown__toggle .dropdown__caret {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 !important; }

.mini-modal {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 6px 16px rgba(0, 0, 0, 0.3); }
  .mini-modal .title {
    font-size: 15px;
    padding: 12px 20px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  .mini-modal .content {
    padding: 10px 20px;
    font-size: 14px; }
  .mini-modal .footer {
    padding: 10px 20px 20px; }
  .mini-modal .close {
    position: absolute;
    top: 10px;
    right: 10px; }

.password-popup {
  position: fixed;
  min-width: 260px;
  top: 150px;
  left: 10%;
  background-color: #fff;
  z-index: 999; }

.user-preferences__heading {
  padding: 0.8rem 0 1.6rem;
  margin: 0;
  font-size: 1.6rem;
  color: #333;
  font-weight: 300;
  letter-spacing: 0.02em; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
/* 	============================
		PRODUCT CONFIG
	============================ */
/* Product create/edit popup */
.add-product-popup .modal-body {
  bottom: 0;
  height: 500px !important;
  max-height: 500px !important;
  border-radius: 0px 0px 4px 4px; }
  .add-product-popup .modal-body .modal-screen {
    top: 48px; }

.product-search {
  float: left;
  max-width: 650px;
  margin-left: 10px; }
  .product-search input {
    width: 505px;
    float: left; }
  .product-search select {
    width: 100px; }

.pills-list .match {
  background-color: #c9e8ca; }

.pills-list .no-match {
  background-color: #fde9e9; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
div {
  -webkit-column-rule: 4px outset #ff00ff;
  /* Chrome, Safari, Opera */
  -moz-column-rule: 4px outset #ff00ff;
  /* Firefox */
  column-rule: 4px outset #ff00ff; }

.filter-result-modal {
  position: absolute; }
  .filter-result-modal .content .active {
    background-color: #eff7fa !important;
    border-right: 2px solid rgba(94, 169, 200, 0.75) !important; }
    .filter-result-modal .content .active:hover .item-functions {
      background-color: #eff7fa; }
      .filter-result-modal .content .active:hover .item-functions .item-field:hover {
        background-color: #d6e8ef; }
      .filter-result-modal .content .active:hover .item-functions .item-field.disabled:hover {
        background-color: #d6e8ef; }

.destination-box {
  margin: 0 0 12px 0;
  padding: 12px 12px 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1); }

.multi-action-bar .btn.btn--primary {
  margin-top: 10px !important; }

.subnav.active {
  background-color: #fff; }

.publish-queue {
  top: 48px; }
  .publish-queue header .refresh-box span {
    font-style: italic;
    padding: 16px 0;
    margin-right: 20px; }
  .publish-queue .preview-layout .list-pane > .content {
    overflow: auto;
    right: 400px; }
  .publish-queue .preview-layout.closed .list-pane > .content {
    right: 0; }
  .publish-queue .shift-preview__toggle {
    display: none; }

.subscriber-modal .tab-content .tab-pane {
  min-height: 400px; }

.products-content .sortbar span, .subscribers-content .sortbar span {
  margin-left: 5px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.template-card .card-box__header--dark {
  background-color: #747c87; }

.template-card .card-box__content {
  min-height: 120px;
  /* should be big enough to fit in dropdown menu */ }

.template-card .card-box__content-list .creation-time {
  display: inline-block; }

.header .sortbar {
  margin: 3px 10px 0 0;
  padding: 0 5px 0 0;
  border-right: 2px dotted #bcbcbc; }
  .header .sortbar .lab {
    margin-top: -2px; }

.template-editor-modal .template-container {
  display: grid;
  grid-template-columns: 1fr 32%;
  grid-template-rows: 1fr;
  height: 100%; }

.template-editor-modal .template-container__content {
  overflow-x: hidden;
  overflow-y: auto;
  grid-column: 1/2; }

.template-editor-modal .template-container__metadata {
  overflow-x: hidden;
  overflow-y: auto;
  grid-column: 2/3;
  padding: 3.2rem; }

.template-editor-modal .template-content {
  overflow-x: hidden;
  box-shadow: 3px -3px 8px -3px rgba(0, 0, 0, 0.1); }

.template-editor-modal .template-metadata .field {
  margin-bottom: 15px; }
  .template-editor-modal .template-metadata .field--margin-double {
    margin-bottom: 30px; }

.template-editor-modal .template-metadata .sd-toggle {
  margin-top: 4px; }

.template-editor-modal .template-metadata .toggle-box__label {
  color: #333; }

.template-editor-modal .template-metadata .multi-select {
  margin-bottom: 20px; }
  .template-editor-modal .template-metadata .multi-select ul li {
    display: inline-block; }

.template-editor-modal .template-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 16px 0px 20px 24px; }
  .template-editor-modal .template-icon i {
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: 48px;
    opacity: .7; }

.template-editor-modal .template-header {
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: top;
  padding: 20px 13px;
  width: calc(100% - 112px); }
  .template-editor-modal .template-header input#template-name {
    font-size: 15px;
    font-weight: 500; }
  .template-editor-modal .template-header .authoring-header__item label {
    min-width: 90px;
    line-height: 16px; }

.template-editor-modal .error {
  color: #b94a48;
  margin: -13px 10px;
  width: 100%; }

.template-editor-modal .template-editor {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff; }
  .template-editor-modal .template-editor .authoring-header__general-info {
    display: none; }
  .template-editor-modal .template-editor .authoring-header {
    border: 0;
    max-width: none;
    padding: 1.6rem 4rem 2.4rem; }
  .template-editor-modal .template-editor .main-article {
    padding: 2.4rem 4rem;
    border-width: 0; }

.template-editor-modal select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.3s; }

.template-editor-modal .field--double > select, .template-editor-modal .field--double > input, .template-editor-modal .field--double > .field {
  display: inline-block;
  vertical-align: top;
  width: 48%; }
  .template-editor-modal .field--double > select:first-of-type, .template-editor-modal .field--double > input:first-of-type, .template-editor-modal .field--double > .field:first-of-type {
    margin-right: 2%; }

.target-field select {
  width: 200px; }

.target-field .terms {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  padding-top: 10px;
  *zoom: 1; }
  .target-field .terms:before, .target-field .terms:after {
    display: table;
    content: ""; }
  .target-field .terms:after {
    clear: both; }
  .target-field .terms li {
    position: relative;
    background: #e8e8e8;
    line-height: 26px;
    float: left;
    height: 26px;
    padding: 0 6px;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    transition: all 0.5s; }
    .target-field .terms li i:not(.alt) {
      position: absolute;
      display: none;
      right: 5px;
      top: 6px;
      opacity: 0;
      filter: "alpha(opacity=0)";
      transition: all 0.5s; }
    .target-field .terms li:hover {
      cursor: pointer;
      background: #e0e0e0; }
      .target-field .terms li:hover i {
        opacity: 0.7;
        filter: "alpha(opacity=70)"; }
    .target-field .terms li:hover > i:not(.alt) {
      display: inline-block; }
    .target-field .terms li.selected {
      background: #333333;
      color: #e8e8e8; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.label--lite {
  font-size: 11px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  text-transform: uppercase; }

.inline-tag-list {
  *zoom: 1;
  padding: 10px 0 0 0; }
  .inline-tag-list:before, .inline-tag-list:after {
    display: table;
    content: ""; }
  .inline-tag-list:after {
    clear: both; }
  .inline-tag-list li {
    float: left; }
    .inline-tag-list li .inline-tag {
      line-height: 26px;
      border-radius: 2px;
      padding: 0px 0px 0px 8px;
      background: #dedede;
      color: #333;
      margin: 0 5px 5px 0;
      float: left; }
      .inline-tag-list li .inline-tag.tag-prime {
        background: #5ea9c8;
        color: #fff; }
      .inline-tag-list li .inline-tag.tag-darker {
        background: #bababa; }
      .inline-tag-list li .inline-tag span {
        font-weight: 500;
        margin-right: 5px;
        text-transform: uppercase;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }
      .inline-tag-list li .inline-tag button {
        background: none;
        border: 0;
        float: right;
        height: 26px;
        margin-left: 5px;
        padding-left: 2px;
        border-radius: 0 3px 3px 0; }
        .inline-tag-list li .inline-tag button i {
          opacity: 0.3;
          filter: "alpha(opacity=30)";
          margin-top: -4px; }
        .inline-tag-list li .inline-tag button:hover {
          background: rgba(0, 0, 0, 0.1); }
          .inline-tag-list li .inline-tag button:hover i {
            opacity: 1;
            filter: "alpha(opacity=100)"; }

/*----------------------------------------
  #Urgency label
----------------------------------------*/
.urgency-label {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.urgency-label--0 {
  background: #cccccc; }

.urgency-label--1 {
  background: #01405b; }

.urgency-label--2 {
  background: #005e84; }

.urgency-label--3 {
  background: #3684a4; }

.urgency-label--4 {
  background: #64a4bf; }

.urgency-label--5 {
  background: #a1c6d8; }

/*----------------------------------------
  #Priority label
----------------------------------------*/
.priority-label {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.priority-label--0 {
  background: #cccccc; }

.priority-label--1 {
  background: #b82f00; }

.priority-label--2 {
  background: #de6237; }

.priority-label--3 {
  background: #e49c56; }

.priority-label--4 {
  background: #edc175; }

.priority-label--5 {
  background: #b6c28b; }

.priority-label--6 {
  background: #c0c9a1; }

/*----------------------------------------
  #State labels
----------------------------------------*/
.state-label, .profile-label, .language-label {
  display: inline-block;
  line-height: 1.4rem;
  font-size: 0.9rem;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 0 0.8rem;
  border: 1px solid;
  vertical-align: middle;
  border-color: #8c8c8c;
  color: #8c8c8c;
  font-weight: 500; }
  .state-label.state_embargo, .state_embargo.profile-label, .state_embargo.language-label {
    border-color: #ff3381 !important;
    color: #ff3381 !important; }
  .state-label.state-draft, .state-draft.profile-label, .state-draft.language-label {
    border-color: #8c8c8c;
    color: #8c8c8c; }
  .state-label.state-ingested, .state-ingested.profile-label, .state-ingested.language-label, .state-label.state-routed, .state-routed.profile-label, .state-routed.language-label, .state-label.state-fetched, .state-fetched.profile-label, .state-fetched.language-label {
    border-color: #5d9bc0;
    color: #5d9bc0; }
  .state-label.state-submitted, .state-submitted.profile-label, .state-submitted.language-label, .state-label.state-in_progress, .state-in_progress.profile-label, .state-in_progress.language-label, .state-label.state-subbed, .state-subbed.profile-label, .state-subbed.language-label {
    border-color: #d2a800;
    color: #d2a800; }
  .state-label.state-published, .state-published.profile-label, .state-published.language-label {
    border-color: #5e8d32;
    color: #5e8d32; }
  .state-label.state-spiked, .state-spiked.profile-label, .state-spiked.language-label, .state-label.state-recalled, .state-recalled.profile-label, .state-recalled.language-label, .state-label.state-killed, .state-killed.profile-label, .state-killed.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.state-killed, .state-killed.profile-label, .state-killed.language-label {
    border-color: #be1600;
    color: #be1600;
    background-color: #ffeae7; }
  .state-label.state-on_hold, .state-on_hold.profile-label, .state-on_hold.language-label, .state-label.state-scheduled, .state-scheduled.profile-label, .state-scheduled.language-label {
    border-color: #da7200;
    color: #da7200; }
  .state-label.state-corrected, .state-corrected.profile-label, .state-corrected.language-label {
    border-color: navy;
    color: navy; }
  .state-label.not-for-publication, .not-for-publication.profile-label, .not-for-publication.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.for-publication, .for-publication.profile-label, .for-publication.language-label {
    border-color: #5e8d32;
    color: #5e8d32; }
  .state-label.legal, .legal.profile-label, .legal.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.missing-link, .missing-link.profile-label, .missing-link.language-label {
    border-color: #be1600;
    color: #be1600; }
  .state-label.takes, .takes.profile-label, .takes.language-label {
    border-color: darkmagenta;
    color: darkmagenta; }
    .state-label.takes div:hover, .takes.profile-label div:hover, .takes.language-label div:hover {
      background-color: darkmagenta; }
  .state-label.takes:hover, .takes.profile-label:hover, .takes.language-label:hover {
    background-color: darkmagenta;
    color: #fff; }
  .state-label.sms, .sms.profile-label, .sms.language-label, .state-label.updated, .updated.profile-label, .updated.language-label {
    border-color: navy;
    color: navy; }
  .state-label.updated:hover, .updated.profile-label:hover, .updated.language-label:hover {
    background-color: navy;
    color: #fff; }
  .state-label--right {
    margin-right: 0;
    margin-left: 0.8rem; }

.profile-label {
  background-color: #8c8c8c;
  color: #fff; }

.info-block {
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0;
  color: #999; }

/* board colors */
.todo-status {
  background: #b70000; }

.inprogress-status {
  background: #cc7800; }

.done-status {
  background: #288001; }

.desk-tabs .online-users {
  margin-top: -10px;
  margin-left: 20px;
  border-left: 1px solid #dfdfdf; }

.master-desk-view {
  overflow: hidden;
  padding-bottom: 0 !important;
  z-index: auto; }

.main-desk-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  flex: 1 1;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  height: auto;
  padding: 20px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none; }
  .main-desk-container::-webkit-scrollbar {
    width: 18px;
    height: 18px;
    border-top: 1px solid #d0d0d0; }
  .main-desk-container::-webkit-scrollbar:hover {
    background-color: #f8f8f8; }
  .main-desk-container::-webkit-scrollbar-thumb {
    border-top: 1px solid #d0d0d0;
    background: #bbb;
    box-shadow: inset 0px 1px 0px 3px #f8f8f8; }
  .main-desk-container::-webkit-scrollbar-thumb:hover {
    background: #777; }
  .main-desk-container .desk-container {
    flex: 0 0 20%;
    min-width: 250px;
    box-sizing: border-box;
    position: relative; }
  .main-desk-container .desk {
    position: absolute;
    left: 0;
    right: 30px;
    top: 0;
    bottom: 0;
    overflow: hidden; }
    .main-desk-container .desk__header {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 25px;
      line-height: 25px;
      border-bottom: 5px solid #4d4d4d; }
    .main-desk-container .desk__name {
      text-transform: uppercase;
      float: left;
      font-weight: 700; }
      .main-desk-container .desk__name:hover {
        cursor: default; }
    .main-desk-container .desk__open {
      margin-left: 10px; }
      .main-desk-container .desk__open i {
        margin-bottom: 3px;
        color: #999; }
      .main-desk-container .desk__open:hover {
        cursor: pointer; }
        .main-desk-container .desk__open:hover i {
          color: #333; }
    .main-desk-container .desk__action {
      float: right; }
      .main-desk-container .desk__action .dropdown__toggle {
        opacity: 0.6;
        filter: "alpha(opacity=60)";
        border: 0;
        background: none;
        vertical-align: baseline; }
      .main-desk-container .desk__action .dropdown__menu {
        right: 5px; }
    .main-desk-container .desk__content {
      position: absolute;
      left: 0;
      right: 0;
      top: 30px;
      bottom: 0;
      overflow-x: hidden;
      overflow-y: auto; }
      .main-desk-container .desk__content::-webkit-scrollbar {
        width: 10px;
        height: 10px; }
      .main-desk-container .desk__content::-webkit-scrollbar:hover {
        background: #f8f8f8; }
      .main-desk-container .desk__content::-webkit-scrollbar-thumb {
        background: #ddd;
        box-shadow: inset 3px 2px 0px 1px #f8f8f8; }
      .main-desk-container .desk__content::-webkit-scrollbar-thumb:hover {
        background: #ccc; }

.inline-content-items {
  min-height: 18px;
  margin-bottom: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
  .inline-content-items .item {
    cursor: default;
    background: #fff;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    border-left: 3px solid #d1d1d1;
    border-right: 2px solid #fff;
    border-bottom: 1px solid #eee;
    position: relative; }
    .inline-content-items .item:last-child {
      border-bottom: none; }
    .inline-content-items .item.active {
      background: #eff7fa;
      border-right-color: #5ea9c8; }
    .inline-content-items .item.locked {
      border-left-color: #b70101; }
    .inline-content-items .item .type {
      float: left;
      height: 32px; }
      .inline-content-items .item .type i {
        margin: 0 8px;
        text-align: center;
        vertical-align: middle;
        color: #999; }
    .inline-content-items .item .urgency {
      height: 32px;
      float: left;
      line-height: 30px;
      margin-right: 10px; }
    .inline-content-items .item .urgency-label, .inline-content-items .item .priority-label {
      vertical-align: middle; }
    .inline-content-items .item time {
      color: #999;
      font-size: 11px; }
    .inline-content-items .item .text {
      height: 32px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      padding-right: 10px; }
      .inline-content-items .item .text .keywords {
        color: #216278;
        font-weight: 500;
        text-transform: uppercase;
        margin-right: 5px; }
    .inline-content-items .item:not(:-moz-handler-blocked) .text {
      white-space: normal; }
    .inline-content-items .item .action {
      position: absolute;
      right: 0;
      top: 0;
      display: none;
      background-color: inherit; }
      .inline-content-items .item .action button {
        background: transparent;
        height: 32px;
        border: 0;
        border-left: 1px solid #e0e0e0;
        display: block;
        float: left; }
        .inline-content-items .item .action button:hover {
          cursor: pointer;
          background: #f0f0f0; }
    .inline-content-items .item.active .action button:hover {
      background: #c8e4ee; }
    .inline-content-items .item.shifted:hover .text {
      padding-right: 57px; }
    .inline-content-items .item.shifted:hover .action {
      display: block; }
  .inline-content-items.content-tasks .item {
    border-left: none; }

.slugline-content .loading {
  width: 18px;
  height: 18px;
  background: url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat #f8f8f8;
  background-size: 18px;
  text-align: center; }

.slugline-content .no-items {
  color: #bababa;
  font-weight: 500;
  cursor: default; }

.slugline-content .inline_slugline_item .place {
  text-transform: uppercase;
  color: #777;
  font-weight: 500; }

.slugline-content .inline_slugline_item .slugline {
  padding-left: 20px;
  color: #216278;
  text-transform: uppercase;
  font-weight: 500; }

.slugline-content .inline_slugline_item .oldslugline {
  padding-left: 20px;
  color: #3599b6;
  text-transform: uppercase; }

.slugline-content .inline_slugline_item .headline {
  padding-left: 40px;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (max-width: 1560px) {
  .main-desk-container .desk-container {
    flex: 0 0 25%; } }

@media (max-width: 1180px) {
  .main-desk-container .desk-container {
    flex: 0 0 33%; } }

/* Desk create/edit popup */
.sd-wizard .modal__body .modal__body-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: 0 0; }
  .sd-wizard .modal__body .modal__body-content > div, .sd-wizard .modal__body .modal__body-content > div > div, .sd-wizard .modal__body .modal__body-content > form, .sd-wizard .modal__body .modal__body-content > form > fieldset {
    display: flex;
    flex-direction: column;
    overflow-y: auto; }
  .sd-wizard .modal__body .modal__body-content .content {
    flex: 1 1 auto;
    width: 100%;
    overflow-y: auto;
    padding: 2rem;
    background: #f8f8f8; }
  .sd-wizard .modal__body .modal__body-content form.content, .sd-wizard .modal__body .modal__body-content .field {
    display: block; }
  .sd-wizard .modal__body .modal__body-content .modal__footer {
    display: block;
    flex: 0 0 auto; }

.sd-wizard .stages .col {
  position: absolute;
  box-sizing: border-box;
  top: 60px;
  bottom: 10px;
  left: 0;
  right: 50%;
  padding: 10px 20px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sd-wizard .stages .col:last-child {
    left: 50%;
    right: 0;
    border-left: 1px solid #e0e0e0; }

.sd-wizard .stages .row {
  padding-top: 20px;
  clear: both; }
  .sd-wizard .stages .row label {
    display: inline-block; }
  .sd-wizard .stages .row .prevent-off {
    pointer-events: none; }

.sd-wizard .stages .heading {
  padding: 2px 0;
  color: #666;
  margin-right: 10px;
  text-transform: uppercase; }

.sd-wizard .stages [sd-content-expiry] {
  position: relative;
  float: none; }
  .sd-wizard .stages [sd-content-expiry] .right {
    position: absolute;
    top: -18px;
    right: 0; }
  .sd-wizard .stages [sd-content-expiry] label {
    font-size: 13px;
    color: #333; }

.sd-wizard .stages .stage-type {
  margin-bottom: 10px; }

.sd-wizard .stages select {
  margin-bottom: 10px; }

.sd-wizard .stages .pills-list li {
  cursor: pointer; }
  .sd-wizard .stages .pills-list li label {
    line-height: 12px; }
  .sd-wizard .stages .pills-list li .global-label {
    font-size: 12px;
    color: #aaa;
    margin-top: 5px;
    margin-right: 5px;
    text-transform: none; }
    .sd-wizard .stages .pills-list li .global-label span:nth-child(2) {
      margin-left: 0; }
  .sd-wizard .stages .pills-list li.active .global-label {
    color: #fff;
    opacity: 0.8; }
  .sd-wizard .stages .pills-list li.editable {
    padding-top: 0; }
    .sd-wizard .stages .pills-list li.editable .char-count.error {
      font-weight: 500;
      color: #D33C30; }

.sd-wizard .stages .pills-list.edit-mode li.editable {
  box-shadow: none;
  outline: 1px solid #5ea9c8;
  background-color: rgba(94, 169, 200, 0.1);
  margin-bottom: 10px; }

.sd-wizard .stages .pills-list.edit-mode li:not(.editable) {
  display: none; }

.sd-wizard .stages .status-list .status {
  display: block;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
  height: 28px;
  padding: 5px 10px;
  text-transform: uppercase; }
  .sd-wizard .stages .status-list .status:hover {
    cursor: pointer; }
  .sd-wizard .stages .status-list .status.todo {
    background: #b70000;
    color: #b70000; }
    .sd-wizard .stages .status-list .status.todo.active {
      background: #b70000;
      color: #fff; }
  .sd-wizard .stages .status-list .status.in_progress {
    background: #cc7800;
    color: #cc7800; }
    .sd-wizard .stages .status-list .status.in_progress.active {
      background: #cc7800;
      color: #fff; }
  .sd-wizard .stages .status-list .status.done {
    background: #288001;
    color: #288001; }
    .sd-wizard .stages .status-list .status.done.active {
      background: #288001;
      color: #fff; }

.sd-wizard .people-stage .header .search-result {
  overflow: auto;
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px;
  z-index: 1; }

.sd-wizard textarea {
  height: 44px; }

.sd-wizard .col-heading {
  padding: 2px 0;
  color: #666;
  margin-right: 10px;
  text-transform: uppercase; }

.user-email {
  color: #3599b6;
  font-weight: 300;
  display: inline-block;
  padding: 0 2rem; }

.content-expiry-label {
  color: #333; }

.modal--tabs .button-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  background: #e9f0f3;
  padding: 10px;
  text-align: right;
  width: 100%;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.members-list {
  padding-top: 1rem; }

/*----------------------------------------
  #Item groups (stages, task statuses etc.)
----------------------------------------*/
.item-group {
  margin-top: 5px;
  margin-bottom: 10px; }
  .item-group__content {
    padding: 2px;
    overflow: auto;
    max-height: 330px;
    overflow-x: hidden; }
    .item-group__content--full-height {
      max-height: none; }
    .item-group__content::-webkit-scrollbar {
      width: 4px;
      height: 4px;
      border: none; }
    .item-group__content::-webkit-scrollbar:hover {
      background-color: #f8f8f8; }
    .item-group__content::-webkit-scrollbar-thumb {
      border: none;
      background: rgba(0, 0, 0, 0.1); }
    .item-group__content::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.25); }
  .item-group__loading {
    width: 18px;
    height: 18px;
    background: url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat #f8f8f8;
    background-size: 18px;
    text-align: center; }
  .item-group__no-items {
    color: #bababa;
    font-weight: 500;
    cursor: default; }
  .item-group__header {
    padding: 0;
    height: 26px;
    line-height: 16px; }
  .item-group__name {
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
    font-weight: 500;
    cursor: default;
    float: left; }
    .item-group__name--todo {
      color: #b70000; }
    .item-group__name--in_progress {
      color: #cc7800; }
    .item-group__name--done {
      color: #288001; }

/*---------------------------------------------------------------
  #Content item (list item for content, tasks, users and slulines
----------------------------------------------------------------*/
.content-item, .slugline-item {
  cursor: default;
  background: #fff;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  border-left: 3px solid rgba(255, 255, 255, 0);
  border-right: 2px solid #fff;
  border-bottom: 1px solid #eee;
  position: relative;
  display: flex;
  padding-right: 8px; }
  .content-item--slugline-view {
    min-height: 32px;
    border-left: none;
    height: auto;
    line-height: 160%;
    padding: 10px; }
  .content-item:last-child, .slugline-item:last-child {
    border-bottom: none; }
  .content-item--active {
    background: #eff7fa;
    border-right-color: #5ea9c8; }
  .content-item--locked {
    border-left-color: #b70101; }
  .content-item.gone, .gone.slugline-item {
    opacity: 0.5; }
  .content-item--no-border {
    border-left: none; }
  .content-item__type {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; }
    .content-item__type i {
      margin: 0 8px 0 6px;
      text-align: center;
      color: #999;
      flex-shrink: 0; }
  .content-item__urgency-field {
    height: 100%;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; }
  .content-item .urgency-label, .slugline-item .urgency-label, .content-item .priority-label, .slugline-item .priority-label {
    vertical-align: middle;
    flex-shrink: 0; }
  .content-item time, .slugline-item time {
    color: #999;
    font-size: 11px; }
  .content-item__text {
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    padding-right: 10px;
    flex-grow: 1; }
    .content-item__text .keywords {
      color: #216278;
      font-weight: 500;
      text-transform: uppercase;
      margin-right: 5px; }
  .content-item__date time {
    white-space: nowrap; }
  .content-item:not(:-moz-handler-blocked) .content-item__text, .slugline-item:not(:-moz-handler-blocked) .content-item__text {
    white-space: normal; }
  .content-item__action {
    display: none;
    background-color: inherit;
    margin-right: -8px; }
  .content-item.active .action button:hover, .active.slugline-item .action button:hover {
    background: #c8e4ee; }
  .content-item.active.custom-monitoring, .active.custom-monitoring.slugline-item {
    background-color: #eff7fa !important; }
  .content-item.shifted:hover .content-item__text, .shifted.slugline-item:hover .content-item__text {
    padding-right: 0; }
  .content-item.shifted:hover .content-item__action, .shifted.slugline-item:hover .content-item__action {
    display: flex;
    align-items: center;
    justify-content: center; }
  .content-item.shifted:hover time, .shifted.slugline-item:hover time {
    display: none; }
  .content-item.custom-monitoring:hover, .custom-monitoring.slugline-item:hover {
    background-color: #f4f4f4;
    cursor: pointer; }

.slugline-item {
  border-left: none;
  height: auto;
  line-height: 160%;
  padding: 0 8px;
  margin: 0;
  display: block;
  border-bottom: 1px #eee solid; }
  .slugline-item:last-child {
    border-bottom: none; }
  .slugline-item__row {
    height: 24px;
    clear: both;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .slugline-item__row--main {
      padding-top: 10px; }
  .slugline-item .place {
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
    font-weight: 500; }
  .slugline-item .slugline {
    color: #216278;
    font-weight: 500;
    text-transform: uppercase; }
  .slugline-item .oldslugline {
    color: #4badce;
    font-weight: 400;
    text-transform: uppercase; }
  .slugline-item .headline {
    font-weight: 400;
    color: #555; }
  .slugline-item time {
    color: #999;
    font-size: 11px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.sd-widget.comments .widget-content {
  background: #f8f8f8; }

.sd-widget.comments .notification-list li .date {
  margin-top: 3px !important; }

.sd-widget.comments .notification-list li .content {
  padding: 0 0 0 40px; }

.sd-widget.comments .notification-list li.no-comments {
  background-color: transparent;
  box-shadow: none;
  padding: 16% 0 0;
  text-align: center;
  color: #888; }
  .sd-widget.comments .notification-list li.no-comments h3 {
    font-weight: 400;
    margin: 12px 0 4px; }
  .sd-widget.comments .notification-list li.no-comments span {
    font-weight: 300; }
  .sd-widget.comments .notification-list li.no-comments .round-box {
    display: block;
    box-sizing: border-box;
    padding-top: 16px;
    height: 90px;
    width: 90px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.08); }
  .sd-widget.comments .notification-list li.no-comments i {
    display: block;
    width: 56px;
    height: 48px;
    opacity: 0.2;
    margin: 1.4rem auto 0 auto;
    font-size: 5.2rem; }

.sd-widget.comments .notification-list li.loading-info {
  background-color: transparent;
  box-shadow: none;
  padding: 16% 0 0;
  text-align: center;
  color: #888; }

.sd-widget.comments .add-comment {
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  background: #f0f0f0;
  padding: 10px;
  box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.12); }
  .sd-widget.comments .add-comment form {
    margin: 0; }
  .sd-widget.comments .add-comment .new-comment {
    border: 2px solid #5ea9c8 !important;
    border-radius: 3px !important; }
  .sd-widget.comments .add-comment .actions {
    height: 30px;
    margin-top: 10px; }
    .sd-widget.comments .add-comment .actions .post {
      margin-top: 5px; }
      .sd-widget.comments .add-comment .actions .post .sd-checkbox {
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 0; }
/*was 65*/
.sd-widget.inline-comments .form__row, .sd-widget.suggestions .form__row {
  display: flex;
  justify-content: center; }

.sd-widget.inline-comments .notification-list .item, .sd-widget.suggestions .notification-list .item {
  padding: 1rem; }
  .sd-widget.inline-comments .notification-list .item .commented-text, .sd-widget.suggestions .notification-list .item .commented-text {
    margin-bottom: 1rem;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .sd-widget.inline-comments .notification-list .item .commented-text .text, .sd-widget.suggestions .notification-list .item .commented-text .text {
      font-weight: bold; }
  .sd-widget.inline-comments .notification-list .item .accepted, .sd-widget.suggestions .notification-list .item .accepted {
    margin-left: 1rem; }

.sd-widget.inline-comments .notification-list--empty li, .sd-widget.suggestions .notification-list--empty li {
  background-color: transparent;
  box-shadow: none;
  padding: 16% 0 0;
  text-align: center;
  color: #888; }
  .sd-widget.inline-comments .notification-list--empty li h3, .sd-widget.suggestions .notification-list--empty li h3 {
    font-weight: 400;
    margin: 12px 0 4px; }
  .sd-widget.inline-comments .notification-list--empty li .round-box, .sd-widget.suggestions .notification-list--empty li .round-box {
    padding-top: 16px;
    height: 90px;
    width: 90px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.08); }
  .sd-widget.inline-comments .notification-list--empty li i, .sd-widget.suggestions .notification-list--empty li i {
    display: block;
    width: 56px;
    height: 48px;
    opacity: 0.2;
    margin: 1.4rem auto 0 auto;
    font-size: 5.2rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.sd-widget.metadata .widget-content {
  background: #f8f8f8; }

.sd-widget.metadata .ednote {
  *zoom: 1;
  height: auto !important; }
  .sd-widget.metadata .ednote:before, .sd-widget.metadata .ednote:after {
    display: table;
    content: ""; }
  .sd-widget.metadata .ednote:after {
    clear: both; }
  .sd-widget.metadata .ednote .data {
    clear: both;
    float: none !important;
    height: auto !important;
    width: 100% !important; }

.basic-list {
  margin-bottom: 20px; }
  .basic-list--dotted .basic-list__item {
    border-bottom: 1px dotted rgba(123, 123, 123, 0.5); }
  .basic-list--no-margin {
    margin-bottom: 0; }
  .basic-list .basic-list__item {
    padding: 1rem 0 0.8rem;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .basic-list .basic-list__item--stacked {
      flex-direction: column;
      align-items: stretch; }
      .basic-list .basic-list__item--stacked .basic-list__item-label {
        padding-bottom: 0.5rem; }
      .basic-list .basic-list__item--stacked .basic-list__item-data {
        text-align: left; }
        .basic-list .basic-list__item--stacked .basic-list__item-data .basic-input {
          max-width: auto;
          text-align: left; }
  .basic-list .basic-list__item-label {
    flex-grow: 0;
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 1rem;
    margin: 0;
    color: rgba(0, 0, 0, 0.5);
    min-width: 6rem;
    font-weight: 500; }
  .basic-list .basic-list__item-data {
    flex-grow: 1;
    margin-bottom: 2px;
    text-align: right; }
    .basic-list .basic-list__item-data .basic-input {
      max-width: 160px;
      text-align: right; }
  .basic-list .state-label {
    margin-right: 0; }
    .basic-list .state-label + .state-label {
      margin-left: 0.5rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.sd-widget.packages .packages-content {
  padding-left: 10px;
  padding-right: 10px;
  background: #f8f8f8; }
  .sd-widget.packages .packages-content .package-preview {
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #efefef;
    background: #fafafa;
    padding: 5px; }
    .sd-widget.packages .packages-content .package-preview .title {
      padding-left: 5px;
      padding-right: 5px; }
      .sd-widget.packages .packages-content .package-preview .title .a {
        font-weight: 500;
        font-size: 14px;
        color: #000; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  right: 10px; }

::-webkit-scrollbar:hover {
  background-color: #e8e8e8;
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: #bbb; }

::-webkit-scrollbar-thumb:hover {
  background: #777;
  cursor: pointer; }

/*
    ----------------------------------------------------------------------
    INPUT ELEMENTS
    ----------------------------------------------------------------------
*/
.sdselect {
  width: 210px;
  position: relative; }
  .sdselect.open {
    box-shadow: 0px 0px 5px 0px #d0d0d0 !important; }
    .sdselect.open .sdselect-btn {
      border-bottom: 0 !important; }
  .sdselect:hover .sdselect-btn {
    cursor: pointer; }
  .sdselect .sdselect-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    padding: 6px;
    height: 27px;
    outline: none !important;
    box-shadow: inset 0 0 0 #000 !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #333;
    line-height: 15px;
    font-size: 12px; }
    .sdselect .sdselect-btn .caret {
      margin: 5px 3px 0 0; }
  .sdselect .sdselect-menu {
    position: absolute;
    background: #fff;
    z-index: 10;
    top: 26px;
    left: 0;
    right: 0;
    height: auto;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 2px 2px; }
    .sdselect .sdselect-menu .sdselect-filter {
      padding: 2px 7px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-filter input[type="text"] {
        height: 21px !important;
        padding: 3px !important;
        border: 0 !important;
        min-height: 0;
        box-shadow: 0 0 0 0 #000; }
        .sdselect .sdselect-menu .sdselect-filter input[type="text"]:focus {
          box-shadow: 0 0 0 0 #000 !important; }
    .sdselect .sdselect-menu .sdselect-all {
      padding: 4px 9px;
      border-bottom: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-all a {
        text-decoration: none;
        font-size: 9px;
        text-transform: uppercase;
        color: #989898;
        margin-right: 10px; }
        .sdselect .sdselect-menu .sdselect-all a:hover {
          cursor: pointer;
          color: #666; }
    .sdselect .sdselect-menu .list-holder {
      height: auto;
      max-height: 150px;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 7px 0; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar {
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        width: 13px;
        background: #fff; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar:hover {
          background: #e8e8e8; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb {
        border-left: 4px solid #fff;
        border-right: 4px solid #fff;
        background: #bbb; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb:hover {
          background: #787878; }
    .sdselect .sdselect-menu ul li a {
      display: block;
      padding: 3px 7px;
      font-size: 12px;
      color: #333;
      text-decoration: none; }
      .sdselect .sdselect-menu ul li a:hover {
        cursor: pointer;
        color: #fff;
        background: #0083c4; }
      .sdselect .sdselect-menu ul li a i {
        margin-right: 5px;
        vertical-align: middle;
        margin-top: -4px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }

.searchbar {
  border-radius: 2px !important;
  background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 9px 4px #ffffff !important;
  padding: 0 0 0 35px !important; }
  .searchbar.searchbar-large {
    background-position: 9px 7px !important;
    height: 32px !important;
    font-size: 15px;
    line-height: 26px; }

.flat-searchbar {
  flex-grow: 0; }
  .flat-searchbar .search-handler {
    min-width: 48px;
    height: 48px;
    padding: 10px 10px 10px 14px;
    box-sizing: border-box;
    background: none;
    display: flex;
    white-space: nowrap;
    transition: all 0.3s ease; }
    .flat-searchbar .search-handler input {
      height: 28px;
      line-height: 100%;
      font-size: 14px;
      border: 0 !important;
      width: 0;
      padding: 0;
      background-color: rgba(255, 255, 255, 0);
      transition: all 0.3s ease; }
      .flat-searchbar .search-handler input:focus {
        box-shadow: none !important; }
    .flat-searchbar .search-handler .trigger-icon {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 28px;
      height: 28px;
      display: block;
      opacity: 0.5;
      filter: "alpha(opacity=50)"; }
      .flat-searchbar .search-handler .trigger-icon:hover {
        cursor: pointer;
        opacity: 0.8;
        filter: "alpha(opacity=80)"; }
      .flat-searchbar .search-handler .trigger-icon i {
        padding: 7px 3px 4px 6px; }
  .flat-searchbar .separator-handler {
    margin: 9px 0 0 5px;
    border-right: 2px dotted #bcbcbc;
    height: 30px;
    float: left; }
  .flat-searchbar .search-close {
    border: 0;
    background: none;
    display: none;
    height: 1.6rem;
    width: 1.6rem;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
    padding: 0;
    opacity: 0.35;
    transition: opacity 0.2s ease-out;
    color: currentColor;
    opacity: 0; }
    .flat-searchbar .search-close.visible {
      opacity: 0.35; }
      .flat-searchbar .search-close.visible:hover {
        opacity: 0.7; }
      .flat-searchbar .search-close.visible:active {
        opacity: 1; }
    .flat-searchbar .search-close i {
      display: block; }
  .flat-searchbar .search-start {
    height: 2.8rem;
    width: 2.8rem;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: center;
    margin: 0 0.8rem 0 0;
    padding: 0;
    transition: all 0.2s ease-out;
    background-color: rgba(61, 143, 177, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; }
    .flat-searchbar .search-start i {
      transition: color 0.2s ease-out;
      color: #5ea9c8; }
    .flat-searchbar .search-start.visible {
      opacity: 1; }
      .flat-searchbar .search-start.visible:hover {
        background-color: rgba(61, 143, 177, 0.75); }
        .flat-searchbar .search-start.visible:hover i {
          color: #fff; }
      .flat-searchbar .search-start.visible:active {
        background-color: #3d8fb1; }
        .flat-searchbar .search-start.visible:active i {
          color: #fff; }
    .flat-searchbar .search-start:hover {
      background-color: rgba(61, 143, 177, 0.75); }
      .flat-searchbar .search-start:hover i {
        color: #fff; }
    .flat-searchbar .search-start:active {
      background-color: #3d8fb1; }
      .flat-searchbar .search-start:active i {
        color: #fff; }
  .flat-searchbar.extended {
    flex-grow: 1; }
    .flat-searchbar.extended .search-handler input {
      width: auto;
      padding: 0 6px; }
    .flat-searchbar.extended .separator-handler {
      margin-left: 14px; }
    .flat-searchbar.extended .search-close {
      display: inline-block; }

.monitoring-backlink .separator-handler {
  margin-top: 0;
  margin-right: 10px; }

.filter-type {
  white-space: nowrap; }
  .filter-type__item {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 2px;
    cursor: pointer; }
    .filter-type__item i {
      height: auto;
      color: #999;
      padding: 2px 8px 1px 8px;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(215, 215, 215, 0.7);
      border-radius: 2px;
      box-sizing: border-box; }
    .filter-type__item a {
      height: 21px;
      font-size: 11px;
      font-family: Inter, Helvetica, Arial, sans-serif;
      line-height: 21px;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 2px;
      border: 1px solid #999;
      box-sizing: border-box;
      text-transform: uppercase;
      background: #fff !important;
      color: #333;
      opacity: 0.7; }
      .filter-type__item a:hover {
        color: #000;
        opacity: 1; }
      .filter-type__item a.filter-type__link--blue {
        border-color: #5ea9c8;
        color: #5ea9c8; }
      .filter-type__item a.filter-type__link--dark-blue {
        border-color: #216278;
        color: #216278; }
    .filter-type__item:hover i {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #aaaaaa;
      color: #666; }
    .filter-type__item--active i {
      opacity: 1;
      color: #F5F5F5;
      background: #505050;
      border-color: #505050;
      box-shadow: inset 0 1px 0px #373737 !important; }
    .filter-type__item--active a {
      opacity: 1;
      background: #505050 !important;
      border-color: #373737 #505050 #505050 !important;
      color: #fff !important;
      box-shadow: inset 0 2px 0px #373737 !important; }
    .filter-type__item--active:hover i {
      border-color: rgba(80, 80, 80, 0.8);
      background-color: rgba(80, 80, 80, 0.8);
      color: #F5F5F5; }
    .filter-type__item--active:hover a {
      opacity: 0.8; }

.filter-type--padded {
  padding: 10px 0 10px 20px; }

.result-type {
  margin-left: 10px; }

.dropdown__menu .filter-type {
  padding: 0 10px; }

.dropdown__menu--compare-versions {
  max-height: 400px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--compare-versions li {
    margin-bottom: 2px;
    line-height: 14px !important; }
    .dropdown__menu--compare-versions li .dropdown.open li .dropdown .dropdown__toggle:hover {
      display: none; }
    .dropdown__menu--compare-versions li button {
      width: 300px;
      padding-right: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      border-radius: 0;
      line-height: 14px !important;
      box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .dropdown__menu--compare-versions li button i {
        position: absolute;
        right: -5px;
        top: 9px; }
      .dropdown__menu--compare-versions li button.disabled, .dropdown__menu--compare-versions li button.disabled:hover {
        background: #f0f0f0; }
        .dropdown__menu--compare-versions li button.disabled i, .dropdown__menu--compare-versions li button.disabled:hover i {
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
      .dropdown__menu--compare-versions li button .headline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 500;
        width: 240px;
        display: inline-block; }
      .dropdown__menu--compare-versions li button .desk-details {
        display: flex;
        font-size: 10px;
        margin: 4px 0; }
        .dropdown__menu--compare-versions li button .desk-details span:first-of-type {
          flex-grow: 1; }
      .dropdown__menu--compare-versions li button em {
        font-size: 10px;
        font-weight: 500;
        color: #888;
        float: left;
        padding-right: 10px; }
    .dropdown__menu--compare-versions li .msg {
      padding: 0 20px; }

.dropdown__menu .fieldset button {
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-right: 10px;
  float: right; }

.online-users {
  float: left;
  height: 48px;
  padding-left: 15px;
  margin-left: 5px; }
  .online-users > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 16px 0;
    line-height: 13px; }

[sd-timezone] .timezone-label {
  margin-bottom: 1rem; }

[sd-timezone] .input-term input {
  height: 3.2rem;
  margin-bottom: 5px;
  width: 100%;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border: none;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.3rem;
  color: inherit;
  padding-left: 1rem; }
  [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1); }
  [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

[sd-timezone] .item-list {
  width: 100%;
  color: #333; }

[sd-timezone] .pills-list li {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  font-size: 1.3rem; }
  [sd-timezone] .pills-list li .icon-remove-sign {
    color: inherit; }
  [sd-timezone] .pills-list li #timezone {
    padding-right: 2.5rem;
    flex-grow: 1; }

[class^="--dark-ui"] [sd-timezone] .input-term input,
[class*="--dark-ui"] [sd-timezone] .input-term input {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:hover,
  [class*="--dark-ui"] [sd-timezone] .input-term input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1); }
  [class^="--dark-ui"] [sd-timezone] .input-term input:focus,
  [class*="--dark-ui"] [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input, .timepicker-input {
  position: relative;
  width: auto;
  min-width: 130px; }
  .datepicker-input input, .timepicker-input input {
    width: 100%;
    transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
    padding-right: 3.2rem;
    padding-left: 1.2rem;
    min-height: 3.2rem;
    border: none;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 1.3rem;
    color: inherit; }
    .datepicker-input input:hover, .timepicker-input input:hover {
      border-bottom-color: rgba(0, 0, 0, 0.3);
      background-color: rgba(0, 0, 0, 0.1) !important; }
    .datepicker-input input:focus, .timepicker-input input:focus {
      box-shadow: 0 1px 0 0 #5ea9c8;
      border-color: #5ea9c8; }
    .datepicker-input input.ng-invalid, .timepicker-input input.ng-invalid {
      color: #d10000;
      border-color: #b61818 !important;
      box-shadow: 0 1px 0 0 #b61818 !important; }
  .datepicker-input .icn-btn, .timepicker-input .icn-btn {
    position: absolute;
    right: 2px;
    top: 2px; }

.datepicker-input--dark input, .timepicker-input--dark input {
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: inherit;
  min-height: 32px;
  padding-left: 1.2rem !important; }
  .datepicker-input--dark input:hover, .timepicker-input--dark input:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .datepicker-input--dark input:focus, .timepicker-input--dark input:focus {
    box-shadow: 0 1px 0 0 #5ea9c8;
    border-color: #5ea9c8; }

.datepicker-input--dark .icn-btn, .timepicker-input--dark .icn-btn {
  background: transparent;
  top: 50%;
  margin-top: -14px; }

.datepicker-input--dark .name, .timepicker-input--dark .name {
  background-color: #4f4f4f;
  height: 24px;
  font-size: 12px;
  color: #fff; }

.datepicker-input--dark ul > li, .timepicker-input--dark ul > li {
  width: 90%; }

.datepicker-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 260px;
  box-sizing: border-box; }
  .datepicker-wrapper .btn {
    height: 28px; }
    .datepicker-wrapper .btn:hover {
      box-shadow: none; }
  .datepicker-wrapper .btn--mini {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 11px !important;
    height: auto; }
  .datepicker-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .datepicker-wrapper table td, .datepicker-wrapper table th {
      padding: 1px;
      border: 0; }
  .datepicker-wrapper .datepicker-additional {
    margin-bottom: 5px; }
    .datepicker-wrapper .datepicker-additional table {
      width: 100%; }
    .datepicker-wrapper .datepicker-additional .btn {
      width: 100%; }
  .datepicker-wrapper .datepicker-core table {
    width: 100%; }
    .datepicker-wrapper .datepicker-core table thead tr th .btn {
      background: none;
      padding: 0; }
    .datepicker-wrapper .datepicker-core table thead tr:last-child th small {
      font-weight: 500; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn strong {
      font-weight: normal;
      font-size: 14px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn i {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-repeat: no-repeat; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:first-child .btn i {
      margin-left: 3px;
      background-position: -189px -165px; }
    .datepicker-wrapper .datepicker-core table thead tr:first-child th:last-child .btn i {
      margin-right: 3px;
      background-position: -213px -165px; }
    .datepicker-wrapper .datepicker-core table tbody tr:first-child td {
      padding-top: 5px; }
    .datepicker-wrapper .datepicker-core table tbody td {
      padding: 0 2px; }
      .datepicker-wrapper .datepicker-core table tbody td .btn {
        width: 100% !important;
        min-width: 28px !important;
        padding: 0;
        background: none;
        color: #333;
        box-shadow: none; }
        .datepicker-wrapper .datepicker-core table tbody td .btn .text-muted {
          color: #999; }
        .datepicker-wrapper .datepicker-core table tbody td .btn:hover, .datepicker-wrapper .datepicker-core table tbody td .btn.active {
          color: #333;
          box-shadow: inset 0 0 1px 0 #5ea9c8;
          background: #eff7fa; }
        .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active {
          color: #fff;
          background: #5ea9c8; }
          .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary .text-muted, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active .text-muted {
            color: #fff; }

.timepicker-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  width: 200px;
  min-height: 310px;
  box-sizing: border-box; }
  .timepicker-popup .timepicker-additional {
    margin-bottom: 5px; }
    .timepicker-popup .timepicker-additional table {
      width: 100%;
      border-collapse: collapse;
      border: 0; }
      .timepicker-popup .timepicker-additional table td, .timepicker-popup .timepicker-additional table th {
        padding: 1px; }
    .timepicker-popup .timepicker-additional .btn {
      width: 100%;
      letter-spacing: 0; }
    .timepicker-popup .timepicker-additional .btn--mini {
      padding: 4px 6px;
      font-size: 11px;
      line-height: 11px !important;
      height: 20px; }
  .timepicker-popup .timepicker-core .select-area {
    margin-top: 15px;
    border-top: 1px solid #ddd; }
    .timepicker-popup .timepicker-core .select-area .header {
      margin-top: -10px;
      float: left;
      background: #fff;
      text-transform: uppercase;
      color: #adadad;
      font-size: 11px;
      padding-right: 10px; }
    .timepicker-popup .timepicker-core .select-area ul {
      padding-top: 15px;
      *zoom: 1; }
      .timepicker-popup .timepicker-core .select-area ul:before, .timepicker-popup .timepicker-core .select-area ul:after {
        display: table;
        content: ""; }
      .timepicker-popup .timepicker-core .select-area ul:after {
        clear: both; }
      .timepicker-popup .timepicker-core .select-area ul > li {
        float: left;
        box-sizing: border-box;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 2px 2px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        border-radius: 2px; }
        .timepicker-popup .timepicker-core .select-area ul > li:hover {
          background: #eff7fa;
          cursor: pointer; }
        .timepicker-popup .timepicker-core .select-area ul > li.active {
          background: #5ea9c8;
          color: #fff; }

.pills-list.line-input > li {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  box-shadow: none; }
  .pills-list.line-input > li .actions {
    top: -9px; }
  .pills-list.line-input > li:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: transparent !important;
    box-shadow: none; }
  .pills-list.line-input > li:focus {
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important;
    background-color: transparent !important; }

/*
    ----------------------------------------------------------------------
    OTHER CUSTOM ELEMENTS
    ----------------------------------------------------------------------
*/
.backlink, a.backlink {
  text-decoration: none !important;
  color: #333;
  border: 0;
  transition: all ease 0.2s;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .backlink:before, a.backlink:before {
    font-family: 'sd_icons';
    font-weight: normal;
    font-style: normal;
    content: "\E677";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    flex-grow: 0;
    margin: -1px 8px 0 0;
    text-decoration: none !important;
    transition: all ease 0.2s;
    opacity: 0.7; }
  .backlink.white, a.backlink.white {
    color: #fff; }
  .backlink:hover, a.backlink:hover {
    color: #5ea9c8;
    text-decoration: none !important; }
    .backlink:hover:before, a.backlink:hover:before {
      text-decoration: none !important;
      margin: -1px 10px 0 -2px;
      opacity: 1; }

.stage-header__name a {
  transition: all ease 0.2s; }

.widget-content .stage-header__name a {
  text-decoration: none !important; }

.activity-log {
  margin-top: 10px; }
  .activity-log ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .activity-log ul li.activity .activity-content {
      margin-top: -3px;
      padding-right: 20px;
      color: #555; }
      .activity-log ul li.activity .activity-content b {
        font-weight: 500; }
    .activity-log ul li.activity .activity-date {
      font-size: 11px;
      color: #999;
      margin-top: -5px; }
    .activity-log ul li.activity.with-date {
      margin-top: 35px; }
      .activity-log ul li.activity.with-date .date {
        border-top: 1px solid #ebebeb;
        top: -17px;
        position: absolute;
        right: 0;
        left: 0; }
        .activity-log ul li.activity.with-date .date span {
          font-size: 12px;
          color: #999;
          margin-top: -10px;
          display: block;
          float: left;
          background: #f8f8f8;
          padding-right: 5px; }
    .activity-log ul li.activity:hover {
      cursor: default; }

.activity-load-more {
  width: 100%;
  font-size: 12px;
  margin: 20px 0; }

.notification-list {
  margin: 0 1rem;
  margin-bottom: 20px;
  list-style-type: none; }
  .notification-list li {
    background: #393939;
    padding: 10px 5px;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    min-height: 45px;
    margin: 10px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
    .notification-list li .content {
      padding-left: 40px; }
      .notification-list li .content .text {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        color: #d7d7d7; }
      .notification-list li .content .date, .notification-list li .content .date time, .notification-list li .content time {
        font-size: 11px;
        color: #848484;
        margin-top: -3px;
        display: block; }
      .notification-list li .content a {
        cursor: pointer;
        color: #5ea9c8; }
        .notification-list li .content a:hover {
          text-decoration: none;
          color: #97c7db; }
    .notification-list li.unread {
      border-color: #545454;
      background: #2c2c2c; }
    .notification-list li.important {
      border: 1px solid #a60101 !important;
      box-shadow: inset 0px 0px 1px 1px #e4b2b2, 0px 2px 2px 0px #d8d8d8 !important; }
    .notification-list li.personal, .notification-list li.important {
      border: 1px solid #c8c8c8;
      border-radius: 3px;
      background: #fff;
      padding: 5px;
      margin-bottom: 7px;
      box-shadow: 0px 2px 2px 0 #d8d8d8; }
      .notification-list li.personal + li, .notification-list li.important + li {
        border-top-width: 0; }
        .notification-list li.personal + li.personal, .notification-list li.personal + li.important, .notification-list li.important + li.personal, .notification-list li.important + li.important {
          border-top-width: 1px; }
    .notification-list li .info {
      color: #e0e0e0; }
  .notification-list.white li {
    background: #fff;
    border-color: #dedede;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
    .notification-list.white li .content .text {
      color: #333; }
    .notification-list.white li.active {
      border-color: #999;
      box-shadow: 0 1px 2px 0 #666; }

.notification-pane ::-webkit-scrollbar:hover {
  background-color: #4a4a4a; }

.notification-pane ::-webkit-scrollbar-thumb {
  background: #5a5a5a; }

.notification-pane ::-webkit-scrollbar-thumb:hover {
  background: #666; }

.hard-error {
  position: fixed;
  top: 0;
  right: 200px;
  z-index: 9999;
  width: auto;
  max-width: 400px; }
  .hard-error .alert {
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0 15px; }
  .hard-error .alert-error {
    background-color: #612525;
    color: #cc7c7b;
    text-shadow: none; }
  .hard-error:hover .alert {
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    overflow: visible;
    white-space: pre-wrap; }

.sd-pagination {
  padding: 7px 20px; }
  .sd-pagination .btn i {
    margin-right: 0; }
  .sd-pagination .page-info {
    margin-right: 20px;
    display: inline-block; }
    .sd-pagination .page-info input {
      display: inline-block;
      width: 30px;
      text-align: center;
      margin-top: -1px;
      padding: 6px 3px !important;
      border-radius: 5px;
      margin: 0 5px;
      box-shadow: inset 0 5px 5px -5px #acacac; }
  .sd-pagination .btn-group, .sd-pagination .btn-group > .btn {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  .sd-pagination .btn-group > .btn + .btn {
    margin-left: 0px; }

.assignment-menu .assignment-box {
  width: 270px; }
  .assignment-menu .assignment-box h5 {
    border: 0; }
  .assignment-menu .assignment-box .assignment-content .assignment-result-list {
    margin-top: 10px;
    height: 140px;
    overflow: auto; }
    .assignment-menu .assignment-box .assignment-content .assignment-result-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li {
        height: 32px;
        margin-bottom: 3px; }
        .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li span {
          font-size: 13px;
          color: #4f4f4f;
          line-height: 24px;
          margin-left: 10px; }

.sortbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 5px;
  padding: 0 10px; }
  .sortbar > * + * {
    margin-left: 4px; }
  .sortbar .lab {
    margin-right: 10px; }
  .sortbar .dropdown__toggle {
    color: #686868;
    min-width: auto !important; }
  .sortbar .direction {
    background: none;
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.selectionlist {
  list-style-type: none;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: auto; }
  .selectionlist li {
    line-height: 16px;
    height: 16px;
    padding: 4px;
    margin-bottom: 3px;
    border-radius: 3px;
    background: #e8e8e8; }
  .selectionlist .sf-toggle-custom {
    margin-top: -1px;
    float: right; }

.plain-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .plain-list.plain-border-top {
    border-top: 1px solid #e5e5e5; }
  .plain-list > li {
    border-bottom: 1px solid #e5e5e5;
    height: 41px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box; }
    .plain-list > li:hover {
      background: #eff7fa; }
    .plain-list > li .btn--mini {
      margin-top: 10px; }

.plain-small > li {
  height: 31px;
  line-height: 30px; }

.users-list > li .name {
  font-size: 13px;
  color: #3599b6; }

.sd-mentions-item > div {
  display: flex;
  align-items: center;
  padding: 4px;
  min-height: 38px; }
  .sd-mentions-item > div * + * {
    margin-left: 6px; }

.sd-mentions-item.active > div {
  background: #84bdd5;
  cursor: pointer;
  color: #fff; }

.users-list-embed {
  position: relative; }
  .users-list-embed > li {
    padding: 4px 6px;
    clear: both; }
    .users-list-embed > li:hover, .users-list-embed > li.active {
      cursor: pointer;
      color: #fff; }
    .users-list-embed > li:hover {
      background: #84bdd5; }
    .users-list-embed > li:active {
      background: #97c7db; }
    .users-list-embed > li.active {
      background: #5ea9c8; }
    .users-list-embed > li.inactive {
      color: #ccc; }

.mentio-menu {
  padding: 5px;
  border: 1px solid #ddd;
  max-height: 126px;
  z-index: 9999 !important;
  overflow: auto;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  width: 190px;
  bottom: 5px; }
  .mentio-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.card-list > li, .card {
  display: block;
  padding: 10px;
  background: #fff;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  margin-bottom: 7px;
  position: relative; }
  .card-list > li:not([disabled]):hover, .card:not([disabled]):hover {
    cursor: pointer;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li:not([disabled]):hover .action, .card:not([disabled]):hover .action {
      display: block !important; }
  .card-list > li.selected, .card.selected {
    background-color: #eff7fa;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li.selected:hover, .card.selected:hover {
      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }
  .card-list > li[disabled], .card[disabled] {
    cursor: default !important;
    background-color: rgba(255, 255, 255, 0.45); }
  .card-list > li .action, .card .action {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 200px; }
    .card-list > li .action ul, .card .action ul {
      height: 100%;
      text-align: right; }
    .card-list > li .action .item-field, .card .action .item-field {
      height: 100%; }
      .card-list > li .action .item-field span, .card .action .item-field span {
        display: none; }
      .card-list > li .action .item-field a, .card .action .item-field a {
        padding: 0 23px;
        line-height: 62px;
        display: block; }

.active .card {
  background-color: #eff7fa;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
  .active .card:hover {
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }

.pills-list {
  max-width: 650px; }
  .pills-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background: #fff;
    margin-bottom: 6px;
    margin-right: 2px;
    border-radius: 2px;
    padding: 10px 16px;
    min-height: 18px;
    color: inherit;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.08);
    transition: all ease-in-out 0.2s; }
    .pills-list > li:hover {
      box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.2); }
    .pills-list > li.active {
      background: #5ea9c8;
      box-shadow: inset 0 2px 0 #3e92b5; }
      .pills-list > li.active:not(.editable) {
        color: #fff; }
    .pills-list > li.inactive {
      opacity: 0.5; }
    .pills-list > li.empty-info {
      background: transparent;
      border: 1px dotted rgba(123, 123, 123, 0.5);
      opacity: 0.75;
      box-shadow: none !important; }
    .pills-list > li .dropdown {
      margin-top: -3px; }
    .pills-list > li .actions {
      display: none;
      position: absolute;
      top: 0px;
      right: 4px; }
      .pills-list > li .actions button {
        transition: opacity ease-in-out 0.2s;
        border: 0;
        height: 30px;
        width: 30px;
        margin: 3px;
        background: none;
        text-align: center;
        display: block;
        float: left;
        line-height: 0;
        opacity: 0.4; }
        .pills-list > li .actions button:hover {
          cursor: pointer;
          opacity: 1; }
        .pills-list > li .actions button i {
          margin-top: -2px; }
    .pills-list > li h6 {
      text-transform: none;
      color: inherit;
      font-size: 14px;
      font-weight: 300;
      float: left;
      max-width: 99%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .pills-list > li .label-group {
      display: inline-block; }
      .pills-list > li .label-group.label-group--right {
        float: right; }
    .pills-list > li .label {
      font-size: 9px;
      font-weight: 700;
      padding: 2px 5px;
      line-height: 12px;
      margin-left: 5px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 400; }
    .pills-list > li:hover .actions {
      display: block !important; }
    .pills-list > li:hover h6 {
      max-width: 550px; }
    .pills-list > li h5 {
      display: inline-block; }
  .pills-list.pills-editable li.editable {
    padding: 0;
    height: auto;
    background: transparent; }
    .pills-list.pills-editable li.editable input {
      height: 30px;
      line-height: 30px;
      border-radius: 3px; }

[class^="--dark-ui"] .pills-list > li,
[class*="--dark-ui"] .pills-list > li {
  background: #4f4f4f; }

.pill-small {
  width: 200px;
  margin: 4px; }

.item-field {
  border-left: 1px solid #d8d8d8;
  display: inline-block; }
  .item-field span {
    display: none; }
  .item-field button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: text-top; }
  .item-field:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: #e0e0e0; }
  .item-field.disabled {
    cursor: default; }
    .item-field.disabled i {
      opacity: 0.3;
      filter: "alpha(opacity=30)"; }
    .item-field.disabled:hover {
      background: #e8e8e8; }

.dropdown .item-field {
  display: block;
  border-left: 0; }
  .dropdown .item-field span {
    display: inline-block; }

.dropdown .item-field:hover {
  background: none; }

.or-label {
  position: relative;
  text-align: center;
  font-style: italic; }
  .or-label:before {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: -75px; }
  .or-label:after {
    content: "_________";
    position: absolute;
    top: -6px;
    color: #d0d0d0;
    left: 50%;
    margin-left: 15px; }

.list-group {
  box-sizing: border-box;
  width: 300px; }
  .list-group .list-group-item {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
    background-color: #fff; }
    .list-group .list-group-item:first-child {
      border-width: 1px;
      border-radius: 5px 5px 0 0; }
    .list-group .list-group-item:last-child {
      border-radius: 0 0 5px 5px; }
    .list-group .list-group-item:hover {
      background-color: #f4f4f4;
      cursor: pointer; }
    .list-group .list-group-item a {
      text-decoration: none;
      color: #444; }

.shadow-list-holder {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  box-sizing: border-box; }

.scroll-shadow {
  height: 0; }
  .scroll-shadow .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    height: 4px;
    position: relative;
    z-index: 503;
    transition: linear 0.1s all;
    opacity: 0;
    filter: "alpha(opacity=0)"; }
  .scroll-shadow.shadow .inner {
    opacity: 1;
    filter: "alpha(opacity=100)"; }

.toggle-box__button {
  transition: color ease-in-out 0.2s;
  color: #999;
  cursor: pointer; }
  .toggle-box__button i {
    color: inherit;
    margin-right: 5px;
    vertical-align: text-bottom; }
  .toggle-box__button:hover {
    text-decoration: none;
    color: #fff; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0; }
  .fade.in {
    opacity: 1; }

.close {
  float: right;
  line-height: 18px;
  opacity: 0.2;
  filter: "alpha(opacity=20)"; }
  .close:hover {
    text-decoration: none;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    cursor: pointer; }
  .close i {
    vertical-align: middle; }

.draggable-list__item {
  background-color: #fff;
  padding: 18px 14px 19px 25px;
  margin-bottom: 10px;
  cursor: move;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .draggable-list__item.placeholder {
    background: none;
    box-shadow: none;
    border: 2px dashed #ebebeb; }
  .draggable-list__item:after {
    content: "";
    width: 10px;
    top: 0;
    bottom: 0;
    left: 2px;
    background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px;
    opacity: 0.2;
    position: absolute;
    display: block; }
  .draggable-list__item:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    .draggable-list__item:hover:after {
      opacity: 0.8; }
  .draggable-list__item--small {
    padding: 10px 14px 10px 25px; }
  .draggable-list__item--no-padding {
    padding: 0 0 0 8px; }
    .draggable-list__item--no-padding:after {
      width: 6px;
      left: 2px;
      background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 0px top 3px; }

.draggable-list.serial-decimal {
  list-style-type: decimal !important;
  padding-top: 0px;
  margin-left: 5px; }
  .draggable-list.serial-decimal > li {
    word-spacing: 2px;
    line-height: 0px; }
  .draggable-list.serial-decimal .sort-item.active {
    background-color: #eee; }

.ui-resizable-e {
  cursor: col-resize !important; }

.spinner-big {
  background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center; }

.spinner-alt {
  background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center; }

.sd-check__wrapper .sd-checkbox + label {
  font-size: 13px;
  font-weight: 400;
  color: inherit;
  height: auto;
  text-transform: none; }
  .sd-check__wrapper .sd-checkbox + label.label--active {
    color: #479dc0; }

.sd-toggle + label {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  height: auto;
  text-transform: none; }

.definition-list .definition-list__term {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  font-weight: 400; }

.definition-list .definition-list__item {
  padding: 0.3rem 0;
  margin-left: 0;
  font-size: 1.4rem;
  font-weight: 300; }

.definition-list .definition-list__item + .definition-list__term {
  margin-top: 2rem; }

.nav-button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0; }
  .nav-button-bar .btn {
    flex-grow: 0;
    flex-shrink: 0; }

.sd-line-input__message--with-char-count {
  padding-right: 10rem; }

.sd-list-item.inactive {
  background-color: transparent;
  color: rgba(123, 123, 123, 0.75); }

.sd-toggle + label {
  letter-spacing: 0; }

.sd-list-item__text-label time {
  padding: 0;
  font-style: normal; }

[sd-meta-terms] {
  min-height: 2.8rem; }

.line-input--boxed .input-term input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.4rem;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .line-input--boxed .input-term input[type="text"]:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: rgba(0, 0, 0, 0.1) !important; }
  .line-input--boxed .input-term input[type="text"]:focus {
    background-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 0 0 #5ea9c8 !important;
    border-color: #5ea9c8 !important; }

.line-input--boxed .terms-list {
  width: 100%;
  margin-top: 0.8rem; }

sd-tag-input + .sd-line-input__message {
  margin-top: -2rem; }

sd-multi-image-edit {
  height: 100vh;
  display: flex;
  flex-direction: column; }

.sd-wrap-helper {
  display: contents !important; }

.subnav {
  z-index: 5; }

.subnav + .subnav {
  z-index: 4; }

.sd-margin-all--0 {
  margin: 0 !important; }

.locked-info {
  display: flex;
  align-items: center;
  background: #EA484B;
  color: #fff;
  padding: 0.4rem;
  padding-right: 0;
  height: 3.2rem;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }

.locked-info__label {
  opacity: 0.8;
  font-weight: 300;
  margin-right: 0.4rem; }

.locked-info__name {
  font-weight: 400;
  margin-right: 1.2rem; }

.locked-info__button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  border-radius: 1.2rem;
  padding: 0 1.4rem;
  background-color: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: #fff;
  font-size: 1.1rem;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0.4rem 0 0; }
  .locked-info__button:hover {
    background-color: rgba(0, 0, 0, 0.16); }

.locked-info__avatar {
  margin-right: 4px;
  margin-left: -2px;
  transform: scale(0.9); }

.sd-dropdown-item {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #333;
  padding: .6rem 1.6rem;
  margin-bottom: .2rem;
  font-size: 1.3rem;
  text-align: left; }
  .sd-dropdown-item:hover {
    background: #eff7fa; }

.sd-alert [class^="icon-"],
.sd-alert [class*=" icon-"] {
  color: inherit; }

.sd-content-box {
  border-radius: 4px; }
  .sd-content-box--light {
    background-color: #fff; }
  .sd-content-box--emphasise {
    background-color: #fff;
    border: 1px solid rgba(94, 169, 200, 0.6); }

.sd-position--relative {
  position: relative !important; }

.sd-position--absolute {
  position: absolute !important; }

.sd-empty {
  display: contents !important; }

.a11y-only {
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.panel__heading {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 48px; }

.main-section--pinned-tabs .authoring-header,
.main-section--pinned-tabs .main-article {
  margin-right: 330px; }

.main-section--pinned-tabs .authoring-sticky {
  margin-right: 338px; }

.main-section--pinned-tabs .pinned-tab__wrapper {
  width: 330px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

.pinned-tab__wrapper {
  background-color: #fff;
  width: 0;
  overflow: hidden;
  position: absolute;
  right: 48px;
  top: 0;
  bottom: 32px;
  z-index: 1; }

.pinned-tab__wrapper {
  overflow: hidden; }
  .pinned-tab__wrapper .tabcontent {
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 1px;
    right: 1px;
    overflow: hidden; }
  .pinned-tab__wrapper .sd-widget {
    width: auto;
    height: 100%;
    position: relative;
    border: 0; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }
  .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: #f8f8f8; }
  .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
    line-height: 100%;
    font-size: 1.4rem;
    padding: 0 1rem; }
  .pinned-tab__wrapper .sd-widget.related-item .existing-items {
    top: -35px; }
  .pinned-tab__wrapper .sd-widget.ingest .preview,
  .pinned-tab__wrapper .sd-widget.archive .preview,
  .pinned-tab__wrapper .sd-widget.related-item .preview,
  .pinned-tab__wrapper .sd-widget.aggregate .preview,
  .pinned-tab__wrapper .sd-widget.package-manager .preview,
  .pinned-tab__wrapper .sd-widget.packages .preview,
  .pinned-tab__wrapper .sd-widget.user-activity .preview {
    top: 0; }

.workqueue .main-section--pinned-tabs .widget-wrapper.active-right .tabpane.right-tabpane {
  display: none !important; }

.pinned .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none; }
  .pinned .sd-sidetab-menu__btn [class^="big-icon-"],
  .pinned .sd-sidetab-menu__btn [class*=" big-icon-"] {
    color: rgba(255, 255, 255, 0.5) !important; }

#main-container.authoring .authoring-embedded {
  background: url(bc64c8da982d3a424c62b4d324c50a18.gif) no-repeat center; }

.auth-screen {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }
  .auth-screen .main-section {
    transition: all ease 0.3s; }

.authoring-embedded {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }
  .authoring-embedded .embedded-auth-view {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-sizing: border-box; }
  .authoring-embedded .page-content-container {
    left: 0;
    right: 48px;
    top: 0; }
  .authoring-embedded .widget-wrapper.active-right.right-extended .page-content-container {
    right: 48px; }
  .authoring-embedded .widget-wrapper.active-right .page-content-container {
    right: 48px; }

.subnav--authoring {
  z-index: 3;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  background-color: #dedede; }
  .subnav--authoring .highlights-toggle .dropdown__menu,
  .subnav--authoring .marks-toggle .dropdown__menu {
    max-height: calc(100vh - 350px);
    overflow-y: auto; }

.subnav--locked {
  background-color: #FBE4E5; }

.subnav__authoring-topbar {
  display: flex;
  align-items: center;
  height: 30px;
  max-width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 0 0 1.2rem; }
  .subnav__authoring-topbar .assignment {
    vertical-align: sub; }
  .subnav__authoring-topbar .stage {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.035em;
    line-height: 34px;
    color: #666;
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .subnav__authoring-topbar .stage b {
      color: #333;
      font-weight: 500; }
  .subnav__authoring-topbar.enable-overflow {
    overflow: visible; }

.compact .subnav__authoring-topbar .stage {
  max-width: 90px; }

.auto-save {
  margin-right: 20px;
  line-height: 28px;
  opacity: 0.7;
  filter: "alpha(opacity=70)"; }
  .auto-save i {
    margin-top: -4px; }

.page-content-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 58px;
  right: 58px;
  display: flex;
  flex-direction: column; }

.workqueue .page-content-container {
  bottom: 32px; }

.medium-editor-toolbar-actions li button {
  height: 30px !important;
  min-width: 40px !important;
  padding-top: 10px !important; }

.medium-toolbar-arrow-under:after {
  top: 40px !important; }

.text-editor-info {
  font-size: 89%; }

.text-editor,
.text-editor.medium-editor-element {
  min-height: 20px; }
  .text-editor .sderror,
  .text-editor.medium-editor-element .sderror {
    border-bottom: 1px dotted #cc0000;
    background-color: rgba(204, 0, 0, 0.1);
    line-height: normal; }
  .text-editor .sdfindreplace,
  .text-editor.medium-editor-element .sdfindreplace {
    background-color: rgba(0, 0, 0, 0.1); }
  .text-editor .sdfindreplace.sdactive,
  .text-editor.medium-editor-element .sdfindreplace.sdactive {
    background-color: #ffe600; }
  .text-editor a,
  .text-editor.medium-editor-element a {
    color: #5d9bc0; }

.typing .text-editor .sderror,
.typing .text-editor .typing .sdfindreplace {
  border-bottom: none;
  background-color: transparent; }

.typing .text-editor.clone {
  display: none; }

[contenteditable=true]:before {
  display: block;
  /* For Firefox */ }

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: rgba(150, 150, 150, 0.5); }

[contenteditable=true]:focus:before {
  display: none; }

.opened-articles-bar {
  position: fixed;
  height: 3.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(20, 20, 20, 0.95);
  z-index: 1030;
  white-space: nowrap;
  max-width: 100vw;
  display: grid;
  grid-template-rows: 32px;
  grid-template-columns: 48px 1fr auto auto;
  transition: left 0.3s ease; }
  .opened-articles-bar .opened-articles-bar__list {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: nowrap;
    overflow-x: auto;
    grid-column: 2/3; }
  .opened-articles-bar .opened-articles-bar__item {
    flex: 0 1 24rem;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 0.4rem 0 1.2rem;
    position: relative;
    line-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s ease-in-out; }
    .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-close {
      height: 2.2rem;
      width: 2.2rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      flex-grow: 0;
      flex-shrink: 0;
      margin-left: 0.4rem;
      opacity: 0.3;
      transition: all 0.2s ease-in-out;
      background-color: rgba(255, 255, 255, 0); }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-close:hover {
        opacity: 0.8;
        background-color: rgba(255, 255, 255, 0.08); }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-close:active {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.12); }
    .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-title {
      display: flex;
      flex: 1 1;
      overflow: hidden;
      text-overflow: ellipsis;
      align-items: center;
      white-space: nowrap;
      color: #8bcaf7;
      font-size: 1.2rem;
      transition: color 0.2s ease-in-out;
      font-weight: 300; }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-title i {
        margin-right: 0.4rem; }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-title:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer; }
    .opened-articles-bar .opened-articles-bar__item:active {
      background: #333; }
    .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active {
      background: #337a97;
      border-color: transparent; }
      .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active:hover {
        cursor: default; }
      .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active:active {
        background: #3e92b5; }
      .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active .opened-articles-bar__item-title {
        color: #fff; }
    .opened-articles-bar .opened-articles-bar__item--teal {
      border-right: none;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      margin-right: 1px; }
      .opened-articles-bar .opened-articles-bar__item--teal:hover {
        background: rgba(0, 150, 136, 0.2); }
      .opened-articles-bar .opened-articles-bar__item--teal .opened-articles-bar__item-title {
        color: #00f2db; }
      .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active, .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active:active {
        background: #009688;
        color: #fff; }
  .opened-articles-bar .opened-articles-bar__quick-actions {
    grid-column: 1/2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    border: 0;
    height: 3.2rem;
    width: 4.8rem;
    text-align: center; }
    .opened-articles-bar .opened-articles-bar__quick-actions:hover {
      cursor: pointer;
      background: #5ea9c8; }
  .opened-articles-bar .opened-articles-bar__multiedit {
    grid-column: 3/4; }
    .opened-articles-bar .opened-articles-bar__multiedit .opened-articles-bar__item {
      border-right: none;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      margin-right: 1px; }
  .opened-articles-bar .opened-articles-bar__create-new {
    grid-column: 4/5; }
    .opened-articles-bar .opened-articles-bar__create-new .dropdown__menu.dropdown--dropup {
      top: auto;
      bottom: 0; }
    .opened-articles-bar .opened-articles-bar__create-new .btn {
      border-radius: 0 !important; }
  .opened-articles-bar.menu-open {
    left: 300px !important;
    right: 0 !important; }

.authoring-dashboard {
  padding: 40px;
  overflow: auto; }
  .authoring-dashboard .card-list {
    width: 0;
    margin: 0 auto; }
  .authoring-dashboard .card-list > li {
    width: 140px;
    height: 170px;
    float: left;
    margin: 10px;
    padding: 15px 20px;
    position: relative; }
    .authoring-dashboard .card-list > li .title {
      max-height: 135px;
      overflow: hidden;
      font-size: 14px;
      line-height: 22px;
      max-height: 110px;
      overflow: hidden;
      font-weight: 500; }
    .authoring-dashboard .card-list > li .created {
      position: absolute;
      bottom: 15px;
      left: 20px;
      color: #888;
      font-size: 12px;
      width: 80%;
      height: 14%;
      float: left; }
    .authoring-dashboard .card-list > li .text {
      font-size: 12px;
      color: #666;
      line-height: 18px; }
    .authoring-dashboard .card-list > li .close {
      position: absolute;
      right: 7px;
      top: 3px; }
    .authoring-dashboard .card-list > li .type-icon {
      position: relative;
      bottom: 6px;
      margin: 0;
      float: left; }
    .authoring-dashboard .card-list > li .state-label {
      position: relative;
      bottom: 1px;
      margin: auto;
      float: right; }
    .authoring-dashboard .card-list > li .subInfo {
      position: absolute;
      right: 15px;
      bottom: 1px;
      float: right; }
    .authoring-dashboard .card-list > li .container {
      font-weight: 500;
      color: #216678;
      margin-right: 20px; }

.terms-box {
  position: relative; }
  .terms-box .dropdown__menu.nested-menu {
    width: 100%; }

.widget h3 {
  margin-bottom: 0.5em; }

.modal-footer .pagination-box .page-info {
  float: left; }

.authoring-sticky {
  height: 4.8rem;
  margin: 0 auto;
  padding: 4px 20px;
  background-color: #fff;
  z-index: 3;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3; }
  .authoring-sticky .authoring-sticky__detailed {
    display: inline-block;
    overflow: hidden; }
    .authoring-sticky .authoring-sticky__detailed dl,
    .authoring-sticky .authoring-sticky__detailed dt,
    .authoring-sticky .authoring-sticky__detailed dd,
    .authoring-sticky .authoring-sticky__detailed .authoring-sticky__from-extensions {
      display: inline-block;
      vertical-align: bottom;
      padding: 0;
      margin: 0; }
    .authoring-sticky .authoring-sticky__detailed > dl + dl,
    .authoring-sticky .authoring-sticky__detailed .authoring-sticky__from-extensions {
      margin-left: 10px;
      padding-left: 10px;
      border-left: 1px solid #DADADA; }
    .authoring-sticky .authoring-sticky__detailed dt {
      font-size: 12px;
      color: #686868; }
    .authoring-sticky .authoring-sticky__detailed dd {
      color: #333;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .authoring-sticky .authoring-sticky__detailed .authoring-sticky__detailed-wrapper {
      margin-left: -20px; }

:root {
  --authoringHeaderBG: #f7f7f7; }

.authoring-header {
  position: relative;
  margin: 0 auto;
  padding: 0 12px;
  border-top: 0;
  border-bottom: 0;
  background-color: var(--authoringHeaderBG);
  z-index: 2;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.25);
  max-height: 0;
  transition: max-height 0.12s ease-in; }
  .authoring-header > .authoring-header__holder {
    height: 0px;
    opacity: 0;
    overflow: hidden;
    margin: 0 auto;
    transition: opacity 0.4s 0.1s; }
  .authoring-header.active {
    max-height: fit-content;
    padding: 8px 12px 16px; }
    .authoring-header.active > .authoring-header__holder {
      height: auto;
      opacity: 1;
      overflow: visible;
      transition: opacity 0.4s 0.1s; }
  .authoring-header * {
    box-sizing: border-box; }

.authoring-header__general-info {
  margin: 0 auto 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .authoring-header__general-info > * {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #DADADA; }
    .authoring-header__general-info > * > * {
      margin-left: 0;
      margin-right: 0; }
      .authoring-header__general-info > * > * + * {
        margin-left: 10px; }
  .authoring-header__general-info [class^="filetype-icon-"],
  .authoring-header__general-info [class*="filetype-icon-"] {
    color: #999; }
  .authoring-header__general-info .authoring-header__label {
    font-size: 10px;
    color: #686868;
    letter-spacing: 0.06em; }
  .authoring-header__general-info .authoring-header__label-2 {
    font-size: 12px;
    color: #555555; }
  .authoring-header__general-info .authoring-header__value {
    font-size: 13px;
    margin-top: -2px;
    text-transform: lowercase; }

.authoring-header__detailed {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }
  .authoring-header__detailed .data {
    flex-grow: 1;
    font-size: 13px;
    line-height: 20px; }
  .authoring-header__detailed input.slugline {
    color: #216278;
    font-weight: 500; }
  .authoring-header__detailed textarea.ed-note {
    color: #d25932; }
  .authoring-header__detailed .dropdown {
    width: 100%;
    line-height: 0; }
    .authoring-header__detailed .dropdown .dropdown__toggle {
      transition: all 0.3s;
      padding: 0; }
      .authoring-header__detailed .dropdown .dropdown__toggle .dropdown__caret {
        position: absolute;
        top: 50%;
        right: 3px;
        margin-top: -3px; }
      .authoring-header__detailed .dropdown .dropdown__toggle i {
        vertical-align: middle; }
      .authoring-header__detailed .dropdown .dropdown__toggle.line-input + .dropdown__menu {
        margin-top: 20px; }
      .authoring-header__detailed .dropdown .dropdown__toggle.line-input span {
        vertical-align: baseline;
        margin-right: 3px; }
    .authoring-header__detailed .dropdown.open .dropdown__toggle {
      box-shadow: 0 1px 0 0 #5ea9c8;
      border-color: #5ea9c8; }
    .authoring-header__detailed .dropdown .dropdown__menu .place-dropdown {
      padding-left: 16px;
      font-weight: 500; }

.authoring-header__toggle {
  position: absolute;
  width: 37px;
  height: 25px;
  border: 0;
  padding: 0 0 4px;
  left: 50%;
  margin-left: -18.5px;
  bottom: -25px;
  background-color: var(--authoringHeaderBG);
  z-index: 3;
  line-height: 0;
  border-radius: 0 0 22px 22px;
  box-shadow: 0 -2px 0 0 var(--authoringHeaderBG), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  transition: all ease-in 0.12s; }
  .authoring-header__toggle i {
    opacity: 0.75; }
  .authoring-header__toggle:hover {
    height: 32px;
    bottom: -32px;
    padding-top: 2px; }
    .authoring-header__toggle:hover i {
      opacity: 1; }
  .authoring-header__toggle i {
    height: 15px;
    transition: all 0.5s; }
  .authoring-header__toggle.active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.authoring-header__row {
  display: flex;
  margin-bottom: 12px;
  min-height: 24px; }

.authoring-header__row--wrap {
  flex-wrap: wrap;
  align-content: flex-start; }

.char-count-config-button {
  float: right; }
  .char-count-config-button [class^="icon-"],
  .char-count-config-button [class*=" icon-"] {
    color: inherit; }

.authoring-header__item {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0 1rem 1.6rem;
  min-height: 40px;
  position: relative; }
  .authoring-header__item.template-schedule {
    padding: 0 0 1.6rem; }
    .authoring-header__item.template-schedule label {
      width: 105px;
      line-height: inherit; }
  .authoring-header__item input.slugline {
    color: #216278;
    font-weight: 500; }
  .authoring-header__item .sd-invalid-text {
    float: right;
    margin-bottom: -16px; }
  .authoring-header__item .char-count {
    font-size: 11px;
    font-style: italic;
    color: #555555;
    float: right;
    margin-bottom: -16px;
    margin-left: 5px; }
    .authoring-header__item .char-count.error {
      color: #E51C23; }
  .authoring-header__item [sd-meta-terms] + .sd-invalid-text {
    position: absolute;
    left: 120px;
    margin-top: 3px; }
  .authoring-header__item----half {
    flex-basis: 50%; }

.authoring-header__item .authoring-header__hint {
  font-size: 12px;
  color: #747474;
  margin: 2px 0 -2px 0;
  font-weight: 300; }

.authoring-header__item-label {
  min-width: 80px;
  max-width: 80px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0;
  color: #555555;
  text-transform: uppercase;
  padding-right: 8px;
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  word-break: keep-all;
  text-align: right; }

.authoring-header__input-holder {
  position: relative;
  padding: 0;
  margin: 0;
  flex-grow: 1; }
  .authoring-header__input-holder .arrow-down {
    position: absolute;
    top: 4px;
    right: 4px; }
  .authoring-header__input-holder:hover .arrow-down .caret {
    opacity: 1; }

.authoring-header__row--2 .authoring-header__item {
  flex-basis: 50%; }

.authoring-header__row--3 .authoring-header__item {
  flex-basis: 33%; }

.authoring-header__row--4 .authoring-header__item {
  flex-basis: 25%; }

.authoring-header__row--2-1-1 .authoring-header__item {
  flex-basis: 25%; }
  .authoring-header__row--2-1-1 .authoring-header__item:first-child {
    flex-basis: 50%; }

.authoring-header__row--inline .authoring-header__item {
  flex-grow: 0; }

.authoring-header__row--inline .authoring-header__item .authoring-header__item-label {
  min-width: 0;
  max-width: 100%;
  padding-right: 12px;
  width: auto;
  flex-shrink: 1; }

.authoring-header__row--inline .authoring-header__item:first-child .authoring-header__item-label {
  min-width: 75px;
  max-width: 75px;
  padding-right: 6px; }

.compact .authoring-header__item .authoring-header__item-label {
  min-width: 0;
  max-width: 50px;
  word-break: break-all; }

.compact .authoring-header__item:first-child .authoring-header__item-label {
  min-width: 75px;
  max-width: 75px;
  padding-right: 6px; }

.compact .authoring-header__row--inline .authoring-header__item .authoring-header__item-label {
  min-width: 0;
  max-width: 50px; }

.compact .authoring-header__row--inline .authoring-header__item:first-child .authoring-header__item-label {
  min-width: 75px;
  max-width: 75px;
  padding-right: 6px; }

.input-term {
  display: flex;
  align-items: center; }
  .input-term .input-term__icon {
    flex-grow: 0;
    opacity: 0.5;
    pointer-events: none;
    margin: 0 4px;
    display: none; }

.dropdown-terms {
  width: auto !important; }
  .dropdown-terms .dropdown__toggle {
    width: 24px;
    height: 24px;
    background-color: #5ea9c8;
    margin: 0 2px 3px 0;
    opacity: 0.75;
    border-radius: 2px;
    padding: 0; }
    .dropdown-terms .dropdown__toggle i {
      margin-bottom: 2px; }
    .dropdown-terms .dropdown__toggle:hover, .dropdown-terms .dropdown__toggle:focus {
      opacity: 1; }
  .dropdown-terms.open .dropdown__toggle {
    opacity: 1;
    filter: "alpha(opacity=100)"; }
  .dropdown-terms .dropdown__menu {
    width: 260px;
    max-height: 275px;
    padding: 0; }
    .dropdown-terms .dropdown__menu .input-term {
      padding: 8px;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
      .dropdown-terms .dropdown__menu .input-term input {
        box-shadow: none !important;
        border: 0 !important;
        flex-grow: 1; }
    .dropdown-terms .dropdown__menu .input-term__icon {
      display: block; }
    .dropdown-terms .dropdown__menu .main-list {
      background-color: #fff;
      max-height: 215px;
      padding: 8px 0;
      overflow: auto; }
      .dropdown-terms .dropdown__menu .main-list li {
        position: relative; }
        .dropdown-terms .dropdown__menu .main-list li button {
          padding-right: 17px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
          .dropdown-terms .dropdown__menu .main-list li button i {
            margin-right: 0; }
    .dropdown-terms .dropdown__menu .levelup {
      display: flex;
      align-items: center;
      padding: 5px;
      margin-bottom: 1px;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
      z-index: 1;
      background-color: #fff; }
      .dropdown-terms .dropdown__menu .levelup i.backlink {
        flex-grow: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        height: 28px;
        margin: 0 4px; }
      .dropdown-terms .dropdown__menu .levelup button {
        flex-grow: 1;
        min-width: 0 !important;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden; }
        .dropdown-terms .dropdown__menu .levelup button b.category-hover {
          display: none; }
        .dropdown-terms .dropdown__menu .levelup button:hover b.category {
          display: none; }
        .dropdown-terms .dropdown__menu .levelup button:hover b.category-hover {
          display: block; }
    .dropdown-terms .dropdown__menu .item-list {
      position: static;
      max-height: 215px; }
    .dropdown-terms .dropdown__menu .nested-indicator {
      margin-right: -10px !important; }

.terms-list {
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: top;
  text-align: left; }
  .terms-list li {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 12px;
    color: inherit;
    background-color: rgba(123, 123, 123, 0.2);
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 0 12px;
    height: 24px;
    border-radius: 12px;
    transition: color 0.2s; }
    .terms-list li i {
      display: block;
      height: 18px;
      width: 18px;
      padding: 1px;
      margin-left: 4px;
      margin-right: -8px;
      color: #333;
      opacity: 0.25;
      background-color: rgba(255, 255, 255, 0.75);
      border-radius: 50%;
      transition: opacity 0.2s; }
    .terms-list li:not([disabled]):not([data-disabled]) {
      cursor: pointer; }
      .terms-list li:not([disabled]):not([data-disabled]):hover {
        background-color: rgba(123, 123, 123, 0.3); }
        .terms-list li:not([disabled]):not([data-disabled]):hover i {
          opacity: 1; }
      .terms-list li:not([disabled]):not([data-disabled]):active {
        background-color: rgba(94, 169, 200, 0.35); }
        .terms-list li:not([disabled]):not([data-disabled]):active i {
          color: #5ea9c8; }
    .terms-list li[disabled], .terms-list li[data-disabled], .terms-list li:disabled {
      background-color: rgba(123, 123, 123, 0.2);
      pointer-events: none; }
      .terms-list li[disabled] i, .terms-list li[data-disabled] i, .terms-list li:disabled i {
        display: none !important; }
    .terms-list li label {
      display: inline;
      min-width: auto;
      font-size: 12px;
      font-weight: 300;
      color: inherit;
      opacity: 0.75;
      margin: 0;
      padding: 0 4px 0 0; }
  .terms-list--full {
    width: 100%; }

[sd-meta-terms] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  [sd-meta-terms].sd-terms--boxed {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    padding-top: 3px;
    padding-left: 3px; }
  [sd-meta-terms]:hover {
    border-color: rgba(0, 0, 0, 0.3); }
    [sd-meta-terms]:hover.sd-terms--boxed {
      background-color: rgba(0, 0, 0, 0.1); }

.terms-box.boxed-input .terms-list {
  margin-top: 0.4rem; }

.item-detail-info {
  height: 0px;
  overflow: hidden;
  box-sizing: border-box; }
  .item-detail-info.active {
    height: auto; }
  .item-detail-info + button {
    position: absolute;
    width: 23px;
    height: 23px;
    border: 0;
    padding: 0 5px;
    font-size: 0;
    left: 98%;
    margin-left: -11.5px;
    margin-top: -13px;
    background-color: #fff;
    border-radius: 23px;
    transition: transform 0.5s; }
    .item-detail-info + button.active {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .item-detail-info .edit-photo {
    display: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0; }
  .item-detail-info:hover .edit-photo {
    display: block; }

.sd-photo-preview__edit-mode .sd-photo-preview__image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative; }
  .sd-photo-preview__edit-mode .sd-photo-preview__image sd-image-modify {
    text-align: center;
    height: 100%;
    overflow: auto; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image sd-image-modify canvas {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      margin: auto;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image sd-image-modify.disable-transition canvas {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none; }
  .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip {
    position: relative;
    display: block;
    height: 100%;
    text-align: center; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip .sd-photo-preview__label {
      position: absolute;
      bottom: 1rem;
      left: 50%;
      margin-left: -8rem;
      display: inline-block;
      pointer-events: none;
      user-select: none; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip sd-image-point,
    .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip div[sd-image-crop] {
      display: inline-block !important;
      margin-top: 6rem; }
  .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex {
    display: block;
    height: 100%;
    text-align: center; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex div[sd-image-crop] {
      display: inline-block !important; }
      .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex div[sd-image-crop] .jcrop-tracker {
        display: inline-block !important; }
      .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex div[sd-image-crop] img {
        max-height: none; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex .sd-photo-preview__label {
      display: inline-block; }

.sd-column-box__main-column.toolbar-offset .sd-photo-preview__slide-in-button {
  margin-top: 6rem; }

.sd-grid-item .sd-grid-item__thumb > div:not(.sd-grid-item__checkbox) {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  width: 100%;
  height: 14rem;
  overflow: hidden;
  text-align: center; }

.sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__thumb > div:not(.sd-grid-item__checkbox) {
  overflow: visible; }

.sd-grid-item .sd-grid-item__thumb > sd-image-point {
  text-align: center;
  display: inline-block;
  padding: 0;
  height: 14rem;
  overflow: hidden; }

.sd-photo-preview__image {
  display: flex;
  align-items: center;
  justify-content: center; }
  .sd-photo-preview__image > img,
  .sd-photo-preview__image > video {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: auto;
    object-fit: contain; }
  .sd-photo-preview__image .jcrop-holder img {
    max-width: none;
    max-height: none; }
  .sd-photo-preview__image--with-strip {
    display: block;
    height: 100%;
    text-align: center; }

.sd-photo-preview__label {
  background: rgba(0, 0, 0, 0.25);
  color: inherit;
  padding: 0.8rem 2rem;
  margin: 1rem auto;
  line-height: 100%;
  border-radius: 2rem;
  font-weight: 300;
  min-width: 16rem; }

.sd-grid-item .sd-grid-item__thumb .jcrop-holder img {
  max-width: none;
  max-height: none; }

.preview-modal-control .preview-toggle {
  z-index: 100; }

.preview-pane .pane-holder {
  width: 400px; }
  .preview-pane .pane-holder.outer-pane {
    top: 0; }
  .preview-pane .pane-holder .send-to-pane {
    width: 400px; }

#macros-diff {
  position: absolute;
  bottom: 30px;
  right: 60px;
  padding: 5px;
  opacity: 0.88;
  z-index: 10;
  text-align: right;
  background-color: #fff; }
  #macros-diff > * {
    margin-left: 5px; }
  #macros-diff .replace-btn {
    margin-right: 8px; }
  #macros-diff em {
    font-size: 120%; }

.media-container {
  cursor: default;
  position: relative;
  padding: 1.2rem 1.2rem 1.6rem;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.3);
  transition: 0.3s linear box-shadow; }

.item-association:hover .item-association__image-overlay,
.item-association:hover .item-association__remove-item {
  opacity: 1; }

.item-association audio {
  width: 96%;
  margin: 2rem 2% 0.4rem; }

.item-association__image-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  z-index: 1;
  opacity: 0;
  color: #fff; }

.item-association__metadata,
.media-container__metadata {
  padding: 0.4rem 0 0.2rem 0;
  color: inherit;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  grid-gap: 0 1.6rem;
  z-index: 2;
  transition: 0.2s linear opacity;
  text-align: left;
  margin: 1.6rem 1.6rem 0; }
  .item-association__metadata span,
  .media-container__metadata span {
    display: block;
    padding: 0.6rem 0;
    border-bottom: 1px dotted rgba(123, 123, 123, 0.5); }
    .item-association__metadata span em,
    .media-container__metadata span em {
      font-style: normal;
      color: inherit;
      opacity: 0.9;
      font-weight: 300;
      padding-right: 0.4rem;
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.05em; }
    .item-association__metadata span:nth-child(1), .item-association__metadata span:nth-child(2),
    .media-container__metadata span:nth-child(1),
    .media-container__metadata span:nth-child(2) {
      border-top: 1px dotted rgba(123, 123, 123, 0.5); }
  .item-association__metadata--top-overlay,
  .media-container__metadata--top-overlay {
    padding: 0.2rem 0 0.6rem 0;
    margin-top: 0;
    background: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }
    .item-association__metadata--top-overlay span,
    .media-container__metadata--top-overlay span {
      padding-bottom: 0.4rem;
      border: none !important; }
  .item-association__metadata--bottom-overlay,
  .media-container__metadata--bottom-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 2%, rgba(0, 0, 0, 0.6) 100%); }
  .item-association__metadata--side-marg0,
  .media-container__metadata--side-marg0 {
    margin-left: 0;
    margin-right: 0; }

[class^="__image-overlay"] .item-association__metadata span,
[class*="__image-overlay"] .item-association__metadata span {
  border-color: rgba(255, 255, 255, 0.5) !important; }
  [class^="__image-overlay"] .item-association__metadata span:last-child,
  [class*="__image-overlay"] .item-association__metadata span:last-child {
    border-bottom: none; }

.media-container__metadata {
  margin: 1.6rem 0 0; }
  .media-container__metadata--image {
    margin: 0;
    padding: 0.5rem 1.6rem; }
    .media-container__metadata--image span:nth-child(1), .media-container__metadata--image span:nth-child(2) {
      border-top: none; }
    .media-container__metadata--image span:nth-last-child(1), .media-container__metadata--image span:nth-last-child(2) {
      border-bottom: none; }

.item-association__title {
  margin-bottom: 1.6rem;
  font-size: 1.5rem;
  font-weight: 500; }

.media-container__action-bar,
.item-association__action-bar {
  text-align: right;
  padding: 1rem 0 0;
  margin: 0 1.6rem; }

.media-container__action-bar {
  margin: 0; }

.item-association__icons-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }

.item-association__image-action {
  flex-grow: 0;
  flex-shrink: 0;
  color: #fff;
  width: 5.6rem;
  height: 5.6rem;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0); }
  .item-association__image-action i {
    color: #fff;
    height: 2.4rem;
    width: 2.4rem;
    font-size: 2.4rem;
    line-height: 1;
    opacity: 0.5;
    transition: 0.2s linear all; }
  .item-association__image-action:hover {
    border-color: white;
    background-color: rgba(0, 0, 0, 0.4);
    text-decoration: none; }
    .item-association__image-action:hover i {
      opacity: 1; }
  .item-association__image-action:active {
    border-color: #5ea9c8;
    background-color: rgba(0, 0, 0, 0.6); }
    .item-association__image-action:active i {
      color: #5ea9c8; }

.item-association__image-action + .item-association__image-action {
  margin-left: 2rem; }

.item-association__image-container,
.item-association__video-container,
.item-association__audio-container {
  height: 100%;
  position: relative; }

.item-association__audio-container {
  padding: 2.5rem 0 2rem; }
  .item-association__audio-container audio {
    margin-bottom: 1rem;
    border-radius: 6px; }

.item-association__video-container {
  padding-bottom: 1.6rem; }
  .item-association__video-container video {
    display: block; }
  .item-association__video-container .item-association__image-overlay {
    bottom: 32px; }

.item-association__image-container {
  background-color: #2c2c2c;
  color: #fff; }

.item-association__remove-item {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  color: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  opacity: 0; }
  .item-association__remove-item i {
    color: #fff;
    height: 1.8rem;
    width: 1.8rem;
    font-size: 1.8rem;
    line-height: 1;
    opacity: 0.75;
    transition: 0.2s linear all; }
  .item-association__remove-item:hover {
    background-color: rgba(0, 0, 0, 0.75);
    text-decoration: none; }
    .item-association__remove-item:hover i {
      opacity: 1; }
  .item-association__remove-item:active {
    border-color: #5ea9c8;
    background-color: black; }
    .item-association__remove-item:active i {
      color: #5ea9c8; }

.item-association {
  border: 2px dashed rgba(150, 150, 150, 0.3);
  background-color: rgba(150, 150, 150, 0.06);
  color: inherit;
  width: 100%;
  min-height: 65px;
  position: relative; }
  .item-association:focus {
    border-color: #5ea9c8; }
  .item-association video {
    max-width: 100%; }
  .item-association--loading {
    background-color: fade(#f7f7f7, 40%);
    border-color: fade(#cfcfcf, 40%); }
    .item-association--loading:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 3;
      background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 70px; }
    .item-association--loading img {
      opacity: .2; }
    .item-association--loading .item-association__text-label {
      opacity: 0.1; }
  .item-association.dragover {
    background: #eff7fa;
    border-color: #5ea9c8; }
  .item-association [contenteditable] {
    padding: 8px;
    min-height: 18px; }
  .item-association:not([disabled]):not(.item-association--preview):not(.not-editable):not(.item-association--no-click) {
    cursor: pointer; }
  .item-association--preview {
    border: 1px solid rgba(150, 150, 150, 0.15);
    border-width: 0 0 1px 0; }
  .item-association--marg-b10 {
    margin-bottom: 1rem; }
  .item-association img {
    max-width: 100%; }
    .item-association img:hover {
      cursor: pointer; }
  .item-association .close-overlay {
    z-index: 10000;
    position: absolute;
    top: 16px;
    right: 16px; }

.item-association__text-label {
  font-weight: 500;
  opacity: 0.4; }

feature-image .item-association [contenteditable] {
  text-align: center; }

.indent-article #bodyhtml p:first-of-type,
.indent-article #bodyhtml p + p,
.indent-article .text.body-text p:first-of-type,
.indent-article .text.body-text p + p {
  text-indent: 25px; }

.indent-article #bodyhtml h2 + p:first-of-type,
.indent-article #bodyhtml h3 + p:first-of-type,
.indent-article #bodyhtml h4 + p:first-of-type,
.indent-article #bodyhtml h5 + p:first-of-type,
.indent-article .text.body-text h2 + p:first-of-type,
.indent-article .text.body-text h3 + p:first-of-type,
.indent-article .text.body-text h4 + p:first-of-type,
.indent-article .text.body-text h5 + p:first-of-type {
  text-indent: 0; }

#timezoneTimestamp .timezone-label {
  display: none; }

#timezoneTimestamp ul.item-list {
  right: auto;
  top: -170px; }

.panel-header {
  margin-right: 20px;
  cursor: pointer;
  font-weight: 400 !important;
  color: #999 !important; }
  .panel-header :hover {
    border-bottom: 2px solid #3299b7; }

.panel-header-active {
  color: #fff !important; }
  .panel-header-active span {
    border-bottom: 2px solid #3299b7; }

.media-item--loading {
  background-color: fade(#f7f7f7, 40%);
  border-color: fade(#cfcfcf, 40%); }
  .media-item--loading:before {
    background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    position: absolute; }
  .media-item--loading img {
    opacity: .2; }

.field.media-item video,
.field.media-item audio {
  max-width: 100%; }

.field.media-item img {
  max-width: 100%; }

.field.media-item video {
  display: block; }

.field.media-item audio {
  width: 100%;
  display: block;
  border-radius: 6px; }

.field.media-item figure {
  display: block !important; }

.media-item__item {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  margin-bottom: 2rem;
  width: 100%; }
  .media-item__item figure {
    display: block !important;
    margin: 0 !important; }
  .media-item__item img {
    display: block; }
  .media-item__item .item-association {
    height: auto; }

.media-item__item-label {
  text-align: center;
  display: block;
  padding: 1rem 0;
  opacity: 0.7;
  font-family: 'Roboto';
  font-size: 1.3rem;
  border-bottom: 1px solid rgba(123, 123, 123, 0.16);
  background-color: rgba(123, 123, 123, 0.08); }

.sd-line-input textarea.sd-line-input__input--formatted-preview {
  height: 40rem;
  font-family: "Roboto Mono", Consolas, Courier, monospace; }

.image-carousel {
  max-width: 100%; }

.sd-media-carousel__thumb-strip-item {
  transition: none; }

.sd-editor--theme-blue .cropItems__item,
.sd-editor--theme-blue .media-item__item,
.sd-editor--theme-dark .cropItems__item,
.sd-editor--theme-dark .media-item__item {
  outline: 1px solid rgba(255, 255, 255, 0.2); }

.related-items {
  padding: 1rem 1rem 0;
  background-color: rgba(150, 150, 150, 0.075);
  border: 1px solid rgba(150, 150, 150, 0.2);
  color: #333; }
  .related-items .draggable-list .placeholder {
    border: 2px dotted #5ea9c8;
    background-color: rgba(94, 169, 200, 0.1);
    min-height: 58px !important;
    margin: 0 0 1rem; }
  .related-items .draggable-list .sd-list-item:hover {
    cursor: inherit; }
  .related-items .draggable-list .draggable-list__item {
    border-left: 2px solid transparent; }
    .related-items .draggable-list .draggable-list__item.locked {
      border-color: #e51c23; }
  .related-items.dragover {
    border: 1px dashed #5ea9c8;
    background-color: rgba(94, 169, 200, 0.1); }
  .related-items .groups {
    padding: 0 !important;
    margin: 0 !important; }

.sd-list-item .type-icon {
  opacity: 0.6; }

.form__row--desk-select + .btn-list {
  margin-top: 1rem; }

[class^="--dark-ui"] [sd-meta-terms],
[class*="--dark-ui"] [sd-meta-terms] {
  border-bottom-color: rgba(255, 255, 255, 0.2); }
  [class^="--dark-ui"] [sd-meta-terms].sd-terms--boxed,
  [class*="--dark-ui"] [sd-meta-terms].sd-terms--boxed {
    background-color: rgba(255, 255, 255, 0.05); }
  [class^="--dark-ui"] [sd-meta-terms]:hover,
  [class*="--dark-ui"] [sd-meta-terms]:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4); }
    [class^="--dark-ui"] [sd-meta-terms]:hover.sd-terms--boxed,
    [class*="--dark-ui"] [sd-meta-terms]:hover.sd-terms--boxed {
      background-color: rgba(255, 255, 255, 0.1); }

[class^="--dark-ui"] .terms-list li,
[class*="--dark-ui"] .terms-list li {
  background-color: rgba(123, 123, 123, 0.3); }
  [class^="--dark-ui"] .terms-list li i,
  [class*="--dark-ui"] .terms-list li i {
    color: #fff; }
  [class^="--dark-ui"] .terms-list li:hover,
  [class*="--dark-ui"] .terms-list li:hover {
    background-color: rgba(123, 123, 123, 0.4);
    color: rgba(123, 123, 123, 0.8); }

.disallowed-char-error {
  font-size: 11px;
  font-style: italic;
  color: #E51C23;
  float: right;
  margin-bottom: -16px;
  margin-left: 5px; }

.channel-timeslot-field .label-asterisk:after {
  content: ' *';
  color: red; }

.channel-timeslot-field .channel-timeslot-add-button-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem; }

.channel-timeslot-field .channel-timeslot-timeslot-wrapper {
  width: max-content;
  padding-left: 3.5rem; }
  .channel-timeslot-field .channel-timeslot-timeslot-wrapper .channel-timeslot-date-wrapper {
    padding-left: 4rem;
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    font-size: 1.15rem; }
    .channel-timeslot-field .channel-timeslot-timeslot-wrapper .channel-timeslot-date-wrapper .p-calendar-w-btn {
      width: 135px; }
    .channel-timeslot-field .channel-timeslot-timeslot-wrapper .channel-timeslot-date-wrapper .p-datepicker-header .btn {
      background-color: blue;
      color: yellow; }
  .channel-timeslot-field .channel-timeslot-timeslot-wrapper .channel-timeslot-timeslot-wrapper-item {
    padding: 1rem 0rem;
    border-bottom: lightgray 3px dotted; }
    .channel-timeslot-field .channel-timeslot-timeslot-wrapper .channel-timeslot-timeslot-wrapper-item .channel-timeslot-timeslot-timepick {
      padding-left: 4rem; }
    .channel-timeslot-field .channel-timeslot-timeslot-wrapper .channel-timeslot-timeslot-wrapper-item .channel-timeslot-timeslot-ordering-arrows {
      width: 25.84rem;
      text-align: right; }
      .channel-timeslot-field .channel-timeslot-timeslot-wrapper .channel-timeslot-timeslot-wrapper-item .channel-timeslot-timeslot-ordering-arrows button {
        padding: 0 1rem;
        margin-left: 1.2rem; }

.p-datepicker .p-datepicker-header div:first-child {
  display: flex;
  justify-content: center !important; }
  .p-datepicker .p-datepicker-header div:first-child .btn {
    flex: 1;
    text-align: center;
    margin: 0 0.5rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.close-multiedit {
  position: absolute;
  top: 14px;
  right: 14px;
  opacity: 0.6;
  filter: "alpha(opacity=60)";
  background: none;
  border: 0;
  padding: 0; }
  .close-multiedit:hover {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.multiedit-screen.main-section {
  top: 96px; }

.multiedit-screen .boards-list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 64px; }

.multiedit-screen .boards-create {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(94, 169, 200, 0);
  transition: background-color 0.2s ease-in-out; }
  .multiedit-screen .boards-create i {
    font-size: 3.2rem;
    height: 3.2rem;
    width: 3.2rem;
    line-height: 100%;
    color: #5ea9c8; }
  .multiedit-screen .boards-create:hover {
    cursor: pointer;
    background-color: rgba(94, 169, 200, 0.2); }
  .multiedit-screen .boards-create .multiedit-float .dropdown__menu {
    position: fixed;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    max-width: 270px; }
    .multiedit-screen .boards-create .multiedit-float .dropdown__menu li button {
      max-width: 250px !important; }

.multiedit-screen .boards-list {
  display: flex;
  align-items: stretch;
  flex: 1 1 0; }
  .multiedit-screen .boards-list .board {
    background: #fff;
    height: 100%;
    border: 1px solid #cacaca;
    border-width: 0 1px;
    position: relative; }
    .multiedit-screen .boards-list .board > .board-article {
      width: 100%; }
      .multiedit-screen .boards-list .board > .board-article > .main-article {
        display: grid;
        grid-template-rows: 48px 1fr;
        border: 0;
        padding: 0;
        height: calc(100vh - 96px); }
        .multiedit-screen .boards-list .board > .board-article > .main-article.locked {
          border-left: 4px solid #e51c23; }
        .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__editbar {
          grid-row: 1/2;
          height: 4.8rem;
          padding: 1rem 1.6rem;
          margin: 0;
          background: #fff;
          z-index: 10;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); }
          .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__editbar .main-article__editbar-button {
            visibility: hidden;
            margin-left: 0.8rem; }
        .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__content {
          grid-row: 2/3;
          overflow-y: auto;
          padding: 10px 20px 30px; }
        .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__form {
          display: contents; }
    .multiedit-screen .boards-list .board:hover .multiedit-screen__selection {
      opacity: 1; }
    .multiedit-screen .boards-list .board:hover .main-article__editbar .main-article__editbar-button {
      visibility: visible !important; }

.multiedit-screen__selection {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  z-index: 2;
  opacity: 0.8; }
  .multiedit-screen__selection .dropdown__toggle i {
    opacity: 0.7; }

.board .board-tools {
  display: contents; }

.subnav--multiedit-screen {
  top: 48px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
body, html {
  height: 100%; }

.modal-body .main-article {
  border-width: 0;
  padding: 10px; }

.authoring-sticky__theme-controls {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .authoring-sticky__theme-controls .icn-btn {
    margin-left: 3px; }
  .authoring-sticky__theme-controls .proofread-toggle:hover {
    background-color: rgba(152, 152, 152, 0.3); }
  .authoring-sticky__theme-controls .proofread-toggle.active {
    box-shadow: inset 0 2px 0 rgba(55, 55, 55, 0.1);
    background-color: #5ea9c8;
    color: #fff; }
  .authoring-sticky__theme-controls .theme-select {
    display: inline-block; }
    .authoring-sticky__theme-controls .theme-select .dropdown__toggle {
      position: relative; }
      .authoring-sticky__theme-controls .theme-select .dropdown__toggle i {
        margin-bottom: 1px; }
      .authoring-sticky__theme-controls .theme-select .dropdown__toggle:hover {
        background-color: rgba(152, 152, 152, 0.3); }
    .authoring-sticky__theme-controls .theme-select.open .dropdown__toggle {
      box-shadow: inset 0 2px 0 rgba(55, 55, 55, 0.1);
      background-color: rgba(152, 152, 152, 0.3); }
    .authoring-sticky__theme-controls .theme-select .dropdown__menu {
      min-width: 424px;
      padding: 10px;
      right: -9px; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-status {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        margin-top: 4px;
        margin-left: 0px;
        background-color: #ccc; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-status.active {
          background-color: #107401; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .dropdown__menu-label {
        padding-left: 13px;
        margin-bottom: 6px; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu > ul {
        float: left;
        vertical-align: top;
        width: 50%;
        padding-left: 9px;
        box-sizing: border-box; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu > ul.normal-theme-list {
          padding-right: 9px;
          padding-left: 0;
          border-right: 1px solid #e5e5e5; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .btn-group {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .btn-group .toggle-button {
          width: 48%; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn {
        border-radius: 2px;
        margin-bottom: 6px;
        border: 1px solid #e9e9e9;
        position: relative;
        padding-right: 20px;
        padding-left: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: auto !important;
        width: 100%;
        min-width: auto; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn i {
          margin: 0;
          position: absolute;
          top: 10px;
          right: 0px;
          color: inherit !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-theme {
          border: 0;
          background: #222222;
          color: #aaccd1 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-blue-theme {
          border: 0;
          background: #06356a;
          color: white !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-theme-mono {
          border: 0;
          background: #222222;
          color: #aaccd1 !important;
          font-family: "Roboto Mono", Consolas, Courier, monospace; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.natural-theme {
          border: 0;
          background: #efe9c5;
          color: #323232 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-khaki-theme {
          border: 0;
          background: #949e5f;
          color: #252818 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-turquoise-theme {
          border: 0;
          background: darkturquoise;
          color: #122235 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn:hover {
          background-color: inherit !important;
          color: inherit !important; }

.switch-wrapper {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px; }

/* Container for the toggle switch */
.toggle-switch {
  position: relative;
  width: 110px;
  /* Increased width to accommodate labels */
  height: 30px; }

/* Hide the actual checkbox input */
.toggle-switch input {
  display: none; }

/* The background of the toggle switch */
.toggle-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: #ccc;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out; }

/* The circle inside the toggle switch */
.toggle-inner {
  position: absolute;
  top: 50%;
  left: 4px;
  /* Adjusted to fit within the switch */
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: white;
  transform: translateY(-50%);
  transition: left 0.3s ease-in-out; }

/* When the toggle is checked, move the circle to the right */
input:checked + .toggle-label .toggle-inner {
  left: calc(100% - 28px);
  /* Adjusted for smooth movement */ }

/* Change the background color when checked */
input:checked + .toggle-label {
  background-color: #5ea9c8; }

/* Labels for the toggle (Exact and Simplified) */
.toggle-label:before {
  content: "Exact Match";
  position: absolute;
  left: 34px;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  font-size: 12px; }

input:checked + .toggle-label:before {
  content: "Broad Match";
  left: 10px;
  right: 10px;
  color: white;
  font-size: 12px; }

.main-article {
  width: auto;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 3.2rem 4rem 5.2rem 4rem;
  margin: 0 auto;
  min-height: 100%;
  box-sizing: border-box;
  color: #333333; }
  .main-article .field {
    max-width: 100%;
    margin-bottom: 20px; }
    .main-article .field .full-preview {
      display: inline-block; }
    .main-article .field .dateline {
      display: flex;
      flex-direction: row;
      align-items: flex-end; }
      .main-article .field .dateline input, .main-article .field .dateline select, .main-article .field .dateline option {
        color: inherit;
        font-size: 14px;
        font-weight: 400 !important;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none; }
      .main-article .field .dateline select {
        width: 20%; }
      .main-article .field .dateline .dateline-city {
        display: flex;
        flex: 1 1 auto;
        font-size: 1.4rem;
        line-height: 2.7rem;
        padding-right: 2rem; }
        .main-article .field .dateline .dateline-city input {
          padding-left: 1.2rem; }
        .main-article .field .dateline .dateline-city .term-editor {
          flex: 1 1 auto; }
      .main-article .field .dateline .dateline-date {
        flex: 0 1 20%;
        display: flex;
        flex-direction: row;
        align-items: flex-end; }
        .main-article .field .dateline .dateline-date #datelineMonth {
          flex: 1 1 auto;
          width: auto;
          margin-right: 0.6rem; }
        .main-article .field .dateline .dateline-date #datelineDay {
          text-align: center;
          flex: 0 1 3.4rem;
          width: auto; }
    .main-article .field .dropdown {
      display: block; }
  .main-article .field .field__label {
    font-weight: 400;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 2px 8px 1px;
    margin-bottom: 15px;
    font-size: 11px;
    font-family: "Roboto", sans-serif;
    line-height: 16px;
    transition: all ease 0.2s;
    opacity: 0.4;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.1em; }
  .main-article .field.active .field__label {
    background: #5ea9c8;
    transition: all ease 0.6s; }
  .main-article .main-article__fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    max-width: 1000px;
    margin: 0 auto;
    position: relative; }
  .main-article .sd-validate .sd-required {
    color: inherit;
    opacity: 0.75;
    letter-spacing: 0.04em;
    font-family: "Roboto", sans-serif; }
  .main-article #required_span .label-asterisk {
    content: '*';
    color: red; }
  .main-article .text-field__non-editable {
    font-size: 1.6rem;
    line-height: 150%;
    min-height: 2.7rem;
    padding: 2px 0 0 1px;
    word-break: break-all; }
  .main-article .text-editor, .main-article .field__select {
    border: 1px solid rgba(123, 123, 123, 0) !important;
    border-bottom-color: rgba(123, 123, 123, 0.3) !important;
    padding: 0;
    border-radius: 0;
    background-color: transparent; }
    .main-article .text-editor:focus, .main-article .field__select:focus {
      outline: none; }
    .main-article .text-editor h1, .main-article .text-editor h2, .main-article .text-editor h3, .main-article .text-editor h4, .main-article .text-editor h5, .main-article .text-editor h6, .main-article .field__select h1, .main-article .field__select h2, .main-article .field__select h3, .main-article .field__select h4, .main-article .field__select h5, .main-article .field__select h6 {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 9px; }
  .main-article .field__select {
    -moz-appearance: none;
    -webkit-appearance: none; }
  .main-article input {
    border-color: rgba(150, 150, 150, 0.4) !important;
    background: inherit;
    color: inherit; }
  .main-article .text-editor:hover, .main-article .headline:hover, .main-article .abstract:hover, .main-article .field__select:hover {
    border-bottom-color: rgba(123, 123, 123, 0.6) !important; }
  .main-article .text-editor:not([disabled]), .main-article .headline:not([disabled]), .main-article .abstract:not([disabled]) {
    cursor: text; }
  .main-article .field__select:hover {
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button; }
  .main-article .text-editor:focus, .main-article .headline:focus, .main-article .abstract:focus, .main-article input:focus, .main-article .field__select:focus {
    border-width: 1px !important;
    border-color: rgba(94, 169, 200, 0.3) !important;
    border-bottom-color: #5ea9c8 !important;
    box-shadow: 0 1px 0 #5ea9c8 !important; }
  .main-article.preview .text-editor {
    border-color: #fff !important; }
  .main-article .char-count {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-style: italic;
    color: inherit;
    margin-left: 5px;
    float: right;
    opacity: 0;
    filter: "alpha(opacity=0)";
    transition: all ease 0.2s; }
    .main-article .char-count.error {
      font-weight: 500;
      color: #D33C30;
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .main-article:hover .char-count, .main-article:focus .char-count {
    opacity: 0.4;
    filter: "alpha(opacity=40)"; }
    .main-article:hover .char-count.error, .main-article:focus .char-count.error {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .main-article:hover .field label, .main-article:focus .field label {
    opacity: 1;
    filter: "alpha(opacity=100)"; }
  .main-article .field.limit-error .char-count {
    opacity: 1;
    filter: "alpha(opacity=100)"; }
  .main-article .field.limit-error input, .main-article .field.limit-error textarea {
    border-color: rgba(210, 60, 50, 0.15) !important; }
  .main-article .field.limit-error input, .main-article .field.limit-error textarea {
    font-weight: 500;
    color: #D33C30 !important; }
  .main-article figure {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 10px 0; }
    .main-article figure.item-association {
      margin: 0; }
    .main-article figure.sd-list-item__thumbnail {
      width: 6.4rem;
      margin: auto 0.8rem;
      display: flex; }
  .main-article figure img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  .main-article figcaption {
    border: 1px solid rgba(150, 150, 150, 0.15);
    padding: 8px;
    min-height: 18px; }
  .main-article .text-editor, .main-article .headline, .main-article .abstract {
    color: inherit;
    padding-left: 0;
    padding-right: 0; }
  .main-article .keyword {
    text-transform: uppercase;
    font-weight: 500; }
  .main-article .byline {
    font-size: 16px;
    text-transform: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1.2rem;
    background-color: transparent;
    line-height: 150%; }
    .main-article .byline .text-editor {
      min-height: 24px; }
    .main-article .byline::-webkit-input-placeholder {
      color: inherit;
      opacity: 0.4; }
    .main-article .byline::-moz-placeholder {
      color: inherit;
      opacity: 0.4; }
    .main-article .byline:focus::-webkit-input-placeholder {
      color: transparent; }
    .main-article .byline:focus::-moz-placeholder {
      color: transparent; }
  .main-article .image-caption {
    font-size: 14px;
    text-transform: none;
    line-height: 140%; }
    .main-article .image-caption::-webkit-input-placeholder {
      color: inherit;
      opacity: 0.4; }
    .main-article .image-caption::-moz-placeholder {
      color: inherit;
      opacity: 0.4; }
    .main-article .image-caption:focus::-webkit-input-placeholder {
      color: transparent; }
    .main-article .image-caption:focus::-moz-placeholder {
      color: transparent; }
  .main-article #body_footer .text-editor {
    min-height: 26px;
    padding: 0 !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    line-height: 150% !important;
    font-weight: 300; }
  .main-article .headline, .main-article .headline p, .main-article .headline div {
    line-height: 120% !important;
    font-weight: 500; }
    .main-article .headline .text-editor, .main-article .headline p .text-editor, .main-article .headline div .text-editor {
      min-height: 48px;
      padding: 6px 0; }
    .main-article .headline .html-preview, .main-article .headline p .html-preview, .main-article .headline div .html-preview {
      font-size: 2.8rem; }
  .main-article .body {
    clear: left; }
    .main-article .body .html-preview {
      font-size: 1.6rem;
      font-weight: 300;
      line-height: 150%; }
      .main-article .body .html-preview p {
        font-size: 1.6rem; }

.text-editor p, .preview-editor p {
  padding: 0;
  margin-bottom: 10px;
  line-height: 150%;
  font-weight: 300; }

.text-editor p:last-of-type, .preview-editor p:last-of-type {
  margin-bottom: 0 !important; }

.text-editor h2, .preview-editor h2 {
  font-size: 1.5em; }

.text-editor h3, .preview-editor h3 {
  font-size: 1.25em; }

.text-editor.clone, .preview-editor.clone {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  z-index: -1;
  opacity: 0.5;
  color: rgba(0, 0, 0, 0) !important;
  border-bottom-color: rgba(0, 0, 0, 0) !important; }
  .text-editor.clone .sderror, .preview-editor.clone .sderror {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit; }

.text-editor li, .preview-editor li {
  padding: 0;
  font-size: 16px;
  line-height: 150%;
  font-weight: 300; }

.text-editor ol, .text-editor ul, .preview-editor ol, .preview-editor ul {
  padding-left: 30px;
  margin: 10px 0; }

.text-editor ul, .preview-editor ul {
  list-style-type: disc; }

.text-editor table, .preview-editor table {
  width: 100%;
  border-collapse: collapse;
  resize: both;
  table-layout: auto;
  border: 1px solid #dadada;
  margin: 16px 0; }
  .text-editor table td, .text-editor table th, .preview-editor table td, .preview-editor table th {
    border: 1px solid #dadada;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: text-top; }
  .text-editor table th, .preview-editor table th {
    font-weight: 500;
    text-align: left;
    background-color: rgba(195, 195, 195, 0.2); }

.text-editor blockquote, .preview-editor blockquote {
  font-size: 16px;
  line-height: 150%;
  margin: 20px 0;
  border-left: 3px solid rgba(160, 160, 160, 0.5);
  padding: 4px 0 4px 16px;
  font-style: italic; }

.large-text.main-article .abstract {
  font-size: 18px; }
  .large-text.main-article .abstract .text-editor {
    font-size: 18px; }

.large-text.main-article .text-editor p {
  font-size: 18px !important; }

.large-text.main-article .headline {
  font-size: 28px; }
  .large-text.main-article .headline .text-editor {
    font-size: 28px; }

.dark-theme.main-article {
  background: #222222;
  color: #aaccd1 !important; }
  .dark-theme.main-article .text-editor,
  .dark-theme.main-article .headline,
  .dark-theme.main-article .abstract,
  .dark-theme.main-article .dateline input,
  .dark-theme.main-article .dateline select,
  .dark-theme.main-article input,
  .dark-theme.main-article .text-editor p {
    color: #aaccd1 !important; }
  .dark-theme.main-article .field label {
    background: rgba(73, 73, 73, 0.7);
    color: rgba(255, 255, 255, 0.6); }

.dark-theme .sderror {
  border-bottom-color: #FF3D3D;
  background-color: rgba(255, 61, 61, 0.25);
  color: #222222 !important; }

.dark-theme-mono.main-article {
  background: #222222;
  color: #aaccd1 !important; }
  .dark-theme-mono.main-article .text-editor,
  .dark-theme-mono.main-article .headline,
  .dark-theme-mono.main-article .abstract,
  .dark-theme-mono.main-article .dateline input,
  .dark-theme-mono.main-article .dateline select,
  .dark-theme-mono.main-article input,
  .dark-theme-mono.main-article .text-editor p {
    color: #aaccd1 !important;
    font-family: "Roboto Mono", Consolas, Courier, monospace; }
  .dark-theme-mono.main-article .field label {
    background: rgba(73, 73, 73, 0.7);
    color: rgba(255, 255, 255, 0.6); }

.dark-theme-mono .sderror {
  border-bottom-color: #FF3D3D;
  background-color: rgba(255, 61, 61, 0.25);
  color: #222222 !important; }

.dark-blue-theme.main-article {
  background: #06356a;
  color: white !important; }
  .dark-blue-theme.main-article .text-editor,
  .dark-blue-theme.main-article .headline,
  .dark-blue-theme.main-article .abstract,
  .dark-blue-theme.main-article .dateline input,
  .dark-blue-theme.main-article .dateline select,
  .dark-blue-theme.main-article input,
  .dark-blue-theme.main-article .text-editor p {
    color: white !important; }
  .dark-blue-theme.main-article .field label {
    background: rgba(73, 73, 73, 0.7);
    color: rgba(255, 255, 255, 0.6); }

.dark-blue-theme .sderror {
  border-bottom-color: #FF3D3D;
  background-color: rgba(255, 61, 61, 0.25);
  color: #06356a !important; }

.natural-theme.main-article {
  background: #efe9c5;
  color: #323232 !important; }
  .natural-theme.main-article .text-editor,
  .natural-theme.main-article .headline,
  .natural-theme.main-article .abstract,
  .natural-theme.main-article .dateline input,
  .natural-theme.main-article .dateline select,
  .natural-theme.main-article input {
    color: #323232 !important; }

.natural-theme .sderror {
  color: #efe9c5 !important; }

.dark-khaki-theme.main-article {
  background: #949e5f;
  color: #252818 !important; }
  .dark-khaki-theme.main-article .text-editor,
  .dark-khaki-theme.main-article .headline,
  .dark-khaki-theme.main-article .abstract,
  .dark-khaki-theme.main-article .dateline input,
  .dark-khaki-theme.main-article .dateline select,
  .dark-khaki-theme.main-article input {
    color: #252818 !important; }

.dark-khaki-theme .sderror {
  color: #949e5f !important; }

.dark-turquoise-theme.main-article {
  background: darkturquoise;
  color: #122235 !important; }
  .dark-turquoise-theme.main-article .text-editor,
  .dark-turquoise-theme.main-article .headline,
  .dark-turquoise-theme.main-article .abstract,
  .dark-turquoise-theme.main-article .dateline input,
  .dark-turquoise-theme.main-article .dateline select,
  .dark-turquoise-theme.main-article input {
    color: #122235 !important; }

.dark-turquoise-theme .sderror {
  color: darkturquoise !important; }

.pale-yellow-theme.main-article {
  background: #f7fa98;
  color: #323232 !important; }
  .pale-yellow-theme.main-article .text-editor,
  .pale-yellow-theme.main-article .headline,
  .pale-yellow-theme.main-article .abstract,
  .pale-yellow-theme.main-article .dateline input,
  .pale-yellow-theme.main-article .dateline select,
  .pale-yellow-theme.main-article input {
    color: #323232 !important; }

.pale-yellow-theme .sderror {
  color: #f7fa98 !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.history-list .item {
  padding: 10px 14px;
  border-bottom: 1px dotted #999; }
  .history-list .item em {
    color: #666;
    font-size: 13px;
    font-style: normal; }
  .history-list .item b {
    color: #3599b6;
    font-weight: 400; }

.history-list .more-description {
  margin: 10px 10px; }

.history-list .queued {
  padding: 5px 15px; }
  .history-list .queued a {
    color: #666;
    font-size: 13px;
    font-style: normal; }

.history-list .version {
  color: #3599b6;
  font-style: italic; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.sd-widget.versioning .widget-content {
  background: #f8f8f8; }

.sd-widget.versioning .article-versions {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  overflow: auto;
  bottom: 0; }
  .sd-widget.versioning .article-versions .versions-list {
    padding: 12px; }
    .sd-widget.versioning .article-versions .versions-list .item {
      margin-bottom: 12px; }
      .sd-widget.versioning .article-versions .versions-list .item .header {
        font-size: 12px; }
        .sd-widget.versioning .article-versions .versions-list .item .header .user {
          float: right;
          color: #888; }
      .sd-widget.versioning .article-versions .versions-list .item .desk-details {
        font-size: 11px; }
      .sd-widget.versioning .article-versions .versions-list .item .footer {
        font-size: 12px;
        display: flex;
        align-items: center; }
        .sd-widget.versioning .article-versions .versions-list .item .footer em {
          color: #888; }
        .sd-widget.versioning .article-versions .versions-list .item .footer .state-label {
          float: none;
          margin-left: 10px; }
      .sd-widget.versioning .article-versions .versions-list .item h6 {
        font-weight: 500;
        font-size: 15px;
        height: 18px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-transform: none;
        margin: 5px 0; }
        .sd-widget.versioning .article-versions .versions-list .item h6.no-title {
          color: #888;
          font-weight: normal; }
      .sd-widget.versioning .article-versions .versions-list .item .content {
        font-size: 13px;
        color: #555;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden; }
      .sd-widget.versioning .article-versions .versions-list .item:hover {
        cursor: pointer; }
    .sd-widget.versioning .article-versions .versions-list.draft {
      background: none;
      border-color: #dfdfdf; }
      .sd-widget.versioning .article-versions .versions-list.draft.selected {
        background: #eff7fa; }
      .sd-widget.versioning .article-versions .versions-list.draft .close {
        margin-left: 5px; }
/*was 65*/
.widget-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .widget-wrapper.active-left .page-content-container {
    left: 388px; }
  .widget-wrapper.active-left.left-extended .page-content-container {
    left: 518px; }
  .widget-wrapper.active-right .page-content-container {
    right: 388px; }
  .widget-wrapper.active-right.right-extended .page-content-container {
    right: 518px; }

.workqueue .widget-wrapper .right-tabpane {
  bottom: 30px; }

.tabpane .sd-widget, .pinned-tab__wrapper .sd-widget {
  width: auto;
  height: 100%;
  position: relative;
  border: 0; }
  .tabpane .sd-widget .widget-line, .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .tabpane .sd-widget .widget-header, .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box; }
    .tabpane .sd-widget .widget-header .widget-icon, .pinned-tab__wrapper .sd-widget .widget-header .widget-icon {
      display: none; }
    .tabpane .sd-widget .widget-header .widget-title, .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
      line-height: 100%;
      font-size: 1.4rem;
      padding: 0 1rem;
      font-weight: 400; }
  .tabpane .sd-widget .widget__sliding-toolbar, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 0 16px;
    color: #333;
    animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
    background-color: #d2e5ed;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
    .tabpane .sd-widget .widget__sliding-toolbar--right, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar--right {
      text-align: right;
      justify-content: flex-end; }
    .tabpane .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner {
      flex-grow: 1;
      display: flex;
      align-items: center; }
      .tabpane .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner--right, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner--right {
        text-align: right; }
    .tabpane .sd-widget .widget__sliding-toolbar .sliding-toolbar__info-text, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar .sliding-toolbar__info-text {
      font-weight: 300;
      opacity: 0.75; }
    .tabpane .sd-widget .widget__sliding-toolbar .btn + .sliding-toolbar__info-text, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar .btn + .sliding-toolbar__info-text {
      margin-left: 1rem; }
  .tabpane .sd-widget .widget-actions, .pinned-tab__wrapper .sd-widget .widget-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto; }
  .tabpane .sd-widget .widget-settings, .pinned-tab__wrapper .sd-widget .widget-settings {
    top: 8px;
    right: 35px; }
  .tabpane .sd-widget .widget-content, .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: #f8f8f8;
    margin-top: 0;
    overflow: auto;
    bottom: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
    .tabpane .sd-widget .widget-content fieldset, .pinned-tab__wrapper .sd-widget .widget-content fieldset {
      padding: 10px; }
      .tabpane .sd-widget .widget-content fieldset.fieldset--no-padding, .pinned-tab__wrapper .sd-widget .widget-content fieldset.fieldset--no-padding {
        padding: 0; }
      .tabpane .sd-widget .widget-content fieldset .btn-group.pull-left, .pinned-tab__wrapper .sd-widget .widget-content fieldset .btn-group.pull-left {
        margin-left: 0; }
    .tabpane .sd-widget .widget-content span.chevron, .pinned-tab__wrapper .sd-widget .widget-content span.chevron {
      background-color: #f8f8f8; }
      .tabpane .sd-widget .widget-content span.chevron ~ h6, .pinned-tab__wrapper .sd-widget .widget-content span.chevron ~ h6 {
        background-color: #f8f8f8; }
    .tabpane .sd-widget .widget-content .nav-tabs, .pinned-tab__wrapper .sd-widget .widget-content .nav-tabs {
      padding: 0 6px;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    .tabpane .sd-widget .widget-content .widget-content-padding, .pinned-tab__wrapper .sd-widget .widget-content .widget-content-padding {
      padding: 10px; }
    .tabpane .sd-widget .widget-content .widget-header__action, .pinned-tab__wrapper .sd-widget .widget-content .widget-header__action {
      position: fixed;
      top: 106px;
      right: 61px;
      z-index: 999; }
  .tabpane .sd-widget .widget-content__header, .pinned-tab__wrapper .sd-widget .widget-content__header {
    grid-row: 1/2;
    grid-column: 1/2;
    position: relative; }
  .tabpane .sd-widget .widget-content__main, .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .tabpane .sd-widget .widget-content__footer, .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }

.tabpane .tabcontent-actions, .pinned-tab__wrapper .tabcontent-actions {
  position: absolute;
  top: 8px;
  right: 0;
  z-index: 100; }
  .tabpane .tabcontent-actions .icn-btn, .pinned-tab__wrapper .tabcontent-actions .icn-btn {
    margin-left: auto;
    margin-right: 5px;
    transition: all .2s ease-in-out; }
    .tabpane .tabcontent-actions .icn-btn.active, .pinned-tab__wrapper .tabcontent-actions .icn-btn.active {
      color: #5ea9c8;
      transform: rotate(90deg); }
    .tabpane .tabcontent-actions .icn-btn:hover, .pinned-tab__wrapper .tabcontent-actions .icn-btn:hover {
      border: 0; }

.tabpane sd-widget-react > div, .pinned-tab__wrapper sd-widget-react > div {
  display: contents; }

.sd-widget.macros .macro-option {
  margin-bottom: 20px; }

.sd-widget.macros .link-list .btn {
  display: block;
  width: 100%;
  margin-bottom: 10px; }
/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

sd-suggest {
  box-sizing: border-box;
  max-width: 550px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  z-index: 100;
  background: #fff;
  position: absolute;
  top: 0px;
  left: -550px;
  height: 100%;
  padding: 48px 0 0;
  overflow-x: scroll;
  box-shadow: -2px -7px 5px 0 rgba(0, 0, 0, 0.25); }
  sd-suggest h6.no-suggestions {
    padding: 15px 18px; }
  sd-suggest label {
    display: inline-block; }
  sd-suggest .live-suggest__header {
    top: 0;
    background: #fff; }
    sd-suggest .live-suggest__header h3 {
      color: #555555; }
    sd-suggest .live-suggest__header .close i:before {
      cursor: pointer;
      font-weight: bold;
      color: #000;
      position: relative;
      top: 13px;
      right: 18px; }
  sd-suggest .live-suggest__body .list-view {
    height: 65%;
    padding: 0;
    overflow-x: scroll;
    box-shadow: none; }
    sd-suggest .live-suggest__body .list-view .list-item-view.active .media-box {
      background-color: transparent !important;
      border-right: none !important; }
      sd-suggest .live-suggest__body .list-view .list-item-view.active .media-box:hover {
        background-color: #f4f4f4 !important; }
    sd-suggest .live-suggest__body .list-view .media-box {
      padding: 0 18px 10px; }
      sd-suggest .live-suggest__body .list-view .media-box .item-info {
        padding: 10px 0 5px; }
  sd-suggest .item-info {
    padding: 10px 0 5px; }
    sd-suggest .item-info label {
      color: #555555; }
    sd-suggest .item-info__right {
      float: right; }
    sd-suggest .item-info:hover {
      padding: 10px 0 5px; }
  sd-suggest i[sd-filetype-icon] {
    color: #999;
    width: 17px;
    position: relative;
    top: 3px; }
  sd-suggest .keyword {
    color: #216278;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px; }
  sd-suggest .word-count span {
    color: #686868;
    font-size: 12px;
    font-weight: bold; }
  sd-suggest .item-details i.backlink {
    cursor: pointer;
    line-height: 28px;
    font-size: 0.7em;
    font-style: normal;
    padding-left: 35px;
    margin-top: 0px; }
  sd-suggest .item-details .headline {
    margin: 13px 0 0; }
  sd-suggest .item-details .abstract {
    margin: 10px 0; }
  sd-suggest .item-details__body {
    padding: 0 18px; }
/*was 65*/
.field .attachments-pane .attachments-list {
  color: #333; }

.sd-widget.attachments .attachments-pane .attachments-list {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 212px;
  left: 12px;
  overflow-y: scroll; }

.sd-widget.attachments .attachments-pane .attach-indicator {
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -125px;
  width: 250px;
  text-align: center; }
  .sd-widget.attachments .attachments-pane .attach-indicator.empty {
    bottom: 50%; }
    .sd-widget.attachments .attachments-pane .attach-indicator.empty .round-box i.icon {
      color: #5ea9c8; }
  .sd-widget.attachments .attachments-pane .attach-indicator .round-box {
    display: block;
    box-sizing: border-box;
    padding-top: 16px;
    height: 90px;
    width: 90px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.08); }
    .sd-widget.attachments .attachments-pane .attach-indicator .round-box i.icon {
      display: block;
      width: 56px;
      height: 48px;
      margin: 1.4rem auto 0 auto;
      font-size: 5.2rem; }
  .sd-widget.attachments .attachments-pane .attach-indicator .subtext {
    margin: 15px 0;
    color: #555555; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.close-compare-versions {
  position: absolute;
  top: 14px;
  right: 14px;
  opacity: 0.6;
  filter: "alpha(opacity=60)";
  background: none;
  border: 0;
  padding: 0; }
  .close-compare-versions:hover {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.compare-versions-screen {
  height: 90%;
  overflow-y: auto; }
  .compare-versions-screen .boards-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .compare-versions-screen .boards-create {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    box-sizing: border-box; }
    .compare-versions-screen .boards-create i {
      font-size: 48px;
      line-height: 100px;
      position: absolute;
      top: 50%;
      margin-top: -50px;
      left: 50%;
      margin-left: -20px; }
    .compare-versions-screen .boards-create:hover {
      cursor: pointer;
      background: #d8d8d8; }
    .compare-versions-screen .boards-create .compare-versions-float .dropdown__menu {
      position: fixed;
      left: auto;
      right: auto;
      top: auto;
      bottom: auto;
      max-width: 270px; }
      .compare-versions-screen .boards-create .compare-versions-float .dropdown__menu li button {
        max-width: 250px !important; }
  .compare-versions-screen .boards-list .board {
    background: #fff;
    float: left;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    border-width: 0 1px;
    position: relative; }
    .compare-versions-screen .boards-list .board > .dropdown {
      left: 8px;
      top: 5px;
      border: 0;
      position: absolute;
      z-index: 2;
      width: 4rem; }
      .compare-versions-screen .boards-list .board > .dropdown .dropdown__toggle {
        padding: 0 12px; }
        .compare-versions-screen .boards-list .board > .dropdown .dropdown__toggle i {
          opacity: 0.4;
          filter: "alpha(opacity=40)"; }
      .compare-versions-screen .boards-list .board > .dropdown.open .dropdown__toggle {
        box-shadow: -3px -2px 1px -2px #999999, 3px -2px 1px -2px #999999; }
      .compare-versions-screen .boards-list .board > .dropdown .dropdown__menu {
        margin-top: -4px; }
      .compare-versions-screen .boards-list .board > .dropdown:hover .dropdown__toggle i {
        opacity: 1;
        filter: "alpha(opacity=100)"; }
    .compare-versions-screen .boards-list .board > .board-article {
      width: 100%;
      height: 100%; }
      .compare-versions-screen .boards-list .board > .board-article > .main-article {
        border: 0;
        padding: 2.4rem 2.4rem 7.6rem; }
        .compare-versions-screen .boards-list .board > .board-article > .main-article.locked {
          border-left: 4px solid #e51c23; }
        .compare-versions-screen .boards-list .board > .board-article > .main-article .editbar {
          visibility: hidden;
          overflow: hidden;
          margin: 0 0 20px; }
        .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header {
          margin: 0 0 2.4rem 3.2rem; }
          .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header__metadata {
            display: inline-block;
            margin-right: .6rem;
            font-size: 12px;
            font-weight: 500;
            color: #333; }
            .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header__metadata-label {
              font-style: italic;
              font-weight: 400;
              color: #666; }
            .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header__metadata-content {
              margin-right: 5px; }
    .compare-versions-screen .boards-list .board__no-article {
      margin: 20px 0 0 60px;
      font-size: 1.2rem;
      color: gray;
      font-style: italic; }
    .compare-versions-screen .boards-list .board:hover .editbar {
      visibility: visible !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
@keyframes dropOut {
  0% {
    transform: translateY(-43px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  50% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight {
  0% {
    transform: translateX(400px); }
  100% {
    transform: translateX(0); } }

@keyframes appearFromBottomLeft {
  0% {
    transform: translateY(900px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes appearFromRight2 {
  0% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  50% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-48px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeIn3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes pulsateBG {
  0%, 100% {
    background-color: rgba(255, 87, 34, 0.1); }
  50% {
    background-color: rgba(255, 87, 34, 0.8); } }

.search-page-container .archive-content {
  height: 100%; }

.search-page-header {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center; }
  .search-page-header .searchbar-flex-handler {
    flex-grow: 1; }

.ui-responsive-medium .searchbar-flex-handler {
  width: 52px;
  flex-grow: 0;
  background-color: #f8f8f8; }
  .ui-responsive-medium .searchbar-flex-handler .item-searchbar.focused {
    position: absolute;
    z-index: 10; }

.ui-responsive-medium .sortbar-flex-handler {
  flex-grow: 1;
  text-align: right; }

.ui-responsive-medium .subnav__stage-group--ui-responsive {
  display: none; }

.ui-responsive-small .searchbar-flex-handler {
  width: 40px; }
  .ui-responsive-small .searchbar-flex-handler .button.search-icon {
    width: 40px; }

.ui-responsive-small .flat-searchbar.extended {
  z-index: 2; }
  .ui-responsive-small .flat-searchbar.extended .search-handler input {
    max-width: 110px; }

.ui-responsive-small .flat-searchbar .search-handler {
  padding: 10px 6px;
  min-width: 32px; }

.ui-responsive-small .subnav__stage-group--ui-responsive {
  display: none; }

.filter-trigger {
  width: 48px;
  height: 48px;
  line-height: 54px;
  text-align: center;
  background: #ededed;
  flex-shrink: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  transition: all ease 0.1s;
  overflow: hidden; }
  .filter-trigger i {
    opacity: 0.6;
    filter: "alpha(opacity=60)"; }
  .filter-trigger:hover {
    cursor: pointer; }
  .filter-trigger--active {
    background: #3599b6; }
    .filter-trigger--active i {
      color: white; }

.filter-content {
  margin-top: 10px; }

.panel-selector {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%; }
  .panel-selector button {
    width: 48%; }

.multi-action-bar {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  line-height: 48px;
  background-color: #fff;
  padding: 0 16px;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: #d2e5ed;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
  .multi-action-bar .navbtn {
    border: none;
    vertical-align: bottom; }
  .multi-action-bar #multi-select-count {
    margin-left: 15px; }
  .multi-action-bar .toggle {
    width: 23px;
    height: 23px;
    border: 0;
    padding: 0;
    margin-right: 10px;
    z-index: 3;
    line-height: 0;
    border-radius: 23px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
    transition: transform 0.5s; }
    .multi-action-bar .toggle i {
      height: 15px; }
    .multi-action-bar .toggle.active {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .multi-action-bar .right-stack {
    margin-right: -16px; }

.multi-action-bar-inline {
  display: flex; }
  .multi-action-bar-inline .navbtn {
    border: none; }

.item-searchbar {
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  position: relative; }
  .item-searchbar.focused {
    background: #fff; }
  .item-searchbar .search-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 5px 5px;
    opacity: 0.85;
    filter: "alpha(opacity=85)"; }
    .item-searchbar .search-icon:hover {
      cursor: pointer;
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .item-searchbar .button {
    position: absolute;
    width: 48px;
    height: 48px;
    background-position: center;
    top: 0;
    border: 0;
    margin: 0; }
    .item-searchbar .button .svg-icon-right {
      width: 18px;
      margin-top: 3px; }
  .item-searchbar input {
    height: 48px;
    line-height: 100%;
    font-size: 14px;
    border: 0 !important;
    padding: 0 48px;
    background: none; }
    .item-searchbar input:focus, .item-searchbar input:active {
      box-shadow: none !important; }
    .item-searchbar input::-webkit-input-placeholder {
      line-height: 17px; }
  .item-searchbar .trigger {
    right: 0;
    background: none; }
  .item-searchbar .search-cancel {
    position: absolute;
    top: 12px;
    right: 55px;
    background: transparent;
    border: 0;
    padding: 0;
    opacity: 0.4;
    height: 24px;
    width: 24px;
    padding: 4px;
    cursor: pointer;
    transition: all 300ms ease; }
    .item-searchbar .search-cancel:hover {
      opacity: 0.8; }

.search-tags {
  position: relative;
  z-index: 2;
  padding: 0 0 0 20px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.5); }
  .search-tags .search-tags__list {
    flex-grow: 1; }
    .search-tags .search-tags__list li {
      display: inline-block;
      padding: 8px 0 6px 0; }
  .search-tags .tag-label {
    line-height: 1.8rem;
    margin: 2px 1px 2px 0; }
    .search-tags .tag-label span {
      opacity: 0.75;
      margin-right: 0.5rem; }
  .search-tags .refresh-box {
    display: none; }
  .search-tags.refresh {
    padding-right: 50px;
    min-height: 44px; }
    .search-tags.refresh .refresh-box {
      display: block;
      position: absolute;
      right: 10px;
      top: 8px; }

.item-globalsearch {
  float: left; }
  .item-globalsearch .popup {
    position: fixed;
    top: 100px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    padding: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    z-index: 11112000; }
    .item-globalsearch .popup > .content {
      width: 100%;
      background: #fff; }
  .item-globalsearch .trigger-popup {
    height: 47px;
    padding: 10px 10px 10px 15px;
    box-sizing: border-box;
    float: left; }
  .item-globalsearch .separator-handler {
    margin: 9px 0 0 0;
    border-right: 2px dotted #bcbcbc;
    height: 30px;
    float: left; }
  .item-globalsearch.extended .popup {
    display: block; }

.advanced-globalsearch form {
  *zoom: 1; }
  .advanced-globalsearch form:before, .advanced-globalsearch form:after {
    display: table;
    content: ""; }
  .advanced-globalsearch form:after {
    clear: both; }

.advanced-globalsearch .advanced {
  margin-top: 0;
  position: static;
  box-sizing: border-box;
  box-shadow: 0 3px 5px 0 #aaa;
  border-radius: 0px;
  border: 0;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  box-shadow: inset 0 1px 3px 0 #eee; }
  .advanced-globalsearch .advanced:before {
    display: none; }
  .advanced-globalsearch .advanced .close {
    padding: 0 5px;
    float: right;
    width: auto;
    background: none;
    margin: 5px 5px 0 0; }
  .advanced-globalsearch .advanced .content {
    padding: 25px 10px 10px; }
  .advanced-globalsearch .advanced .actions {
    *zoom: 1;
    padding: 10px 0; }
    .advanced-globalsearch .advanced .actions:before, .advanced-globalsearch .advanced .actions:after {
      display: table;
      content: ""; }
    .advanced-globalsearch .advanced .actions:after {
      clear: both; }
    .advanced-globalsearch .advanced .actions button {
      width: auto;
      clear: none; }

#react-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px; }

.sortbar .label-total {
  margin: 0 0.4rem;
  background-color: #686868; }

.search-parameters .keywords {
  *zoom: 1; }
  .search-parameters .keywords:before, .search-parameters .keywords:after {
    display: table;
    content: ""; }
  .search-parameters .keywords:after {
    clear: both; }

.es-highlight {
  background-color: rgba(255, 61, 61, 0.25); }

.subnav.legal-archive .sortbar-container {
  padding: 10px 16px 10px 0; }

.subnav.legal-archive .sortbar {
  margin: 0 0 0 15px;
  padding: 0 0 0 10px;
  height: 25px; }
  .subnav.legal-archive .sortbar .lab {
    line-height: 20px; }

.subnav.legal-archive .dropdown .sortbar {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  border-left: 0; }
  .subnav.legal-archive .dropdown .sortbar .dropdown {
    min-width: 120px;
    float: right; }
  .subnav.legal-archive .dropdown .sortbar .direction {
    line-height: 18px;
    margin-left: 15px; }

.subnav.legal-archive .dropdown .sd-pagination {
  padding: 0 17px; }
  .subnav.legal-archive .dropdown .sd-pagination em.page-info, .subnav.legal-archive .dropdown .sd-pagination .btn-group {
    width: 100%;
    text-align: center; }

.subnav.legal-archive .dropdown__menu-divider {
  clear: both; }

.sd-grid-item__footer {
  overflow: hidden; }
  .sd-grid-item__footer .sd-grid-item__footer-block--multi-r {
    overflow: hidden; }
    .sd-grid-item__footer .sd-grid-item__footer-block--multi-r .sd-grid-item__footer-block-item {
      flex-shrink: 1 !important;
      overflow: hidden; }
  .sd-grid-item__footer .sd-grid-item__footer-block-item {
    flex-grow: 0;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    .sd-grid-item__footer .sd-grid-item__footer-block-item .state-label {
      margin: 0 auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.workspace .main-section.search-page-container .preview-layout .search-content {
  display: flex;
  flex-direction: row; }

.workspace .main-section.search-page-container .preview-layout .search-content__main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  overflow-x: auto; }
  .workspace .main-section.search-page-container .preview-layout .search-content__main .search-tags {
    flex-shrink: 0; }

.workspace .main-section.search-page-container .preview-layout .search-preview {
  height: 100%;
  transition: all ease-in-out 0.2s;
  width: 560px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 1; }
  .workspace .main-section.search-page-container .preview-layout .search-preview .content-item-preview {
    top: 0 !important;
    position: relative;
    width: 100% !important;
    height: 100%;
    opacity: 1;
    transition: opacity ease-in-out 0.4s;
    transition-delay: 0.2s; }
  @media only screen and (max-width: 1430px) {
    .workspace .main-section.search-page-container .preview-layout .search-preview {
      width: 360px; } }

.workspace .main-section.search-page-container .preview-layout.closed .search-preview {
  width: 0;
  overflow: hidden; }
  .workspace .main-section.search-page-container .preview-layout.closed .search-preview .content-item-preview {
    opacity: 0; }

.workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay {
  position: absolute;
  top: 4.8rem;
  right: 0;
  bottom: 0;
  width: 0;
  overflow: visible;
  opacity: 1;
  z-index: 3; }
  .workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay .content-item-preview {
    top: 0 !important;
    position: absolute;
    width: 320px;
    right: -324px;
    opacity: 1;
    transition: all ease-in-out 0.2s;
    overflow-y: visible !important;
    box-shadow: inset 3px 0 2px -1px rgba(0, 0, 0, 0.12), 2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
    .workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay .content-item-preview .shift-preview__toggle {
      display: inline-block; }
    .workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay .content-item-preview.shift {
      right: 0;
      box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }

.workspace.authoring .main-section.search-page-container .preview-layout .search-preview {
  width: 400px; }
  @media only screen and (max-width: 1430px) {
    .workspace.authoring .main-section.search-page-container .preview-layout .search-preview {
      width: 360px; } }

.workspace.authoring .main-section.search-page-container .preview-layout.closed .search-preview {
  width: 0;
  overflow: hidden; }
  .workspace.authoring .main-section.search-page-container .preview-layout.closed .search-preview .content-item-preview {
    opacity: 0; }

.workspace.authoring .main-section.search-page-container .preview-layout.closed .search-preview--overlay {
  opacity: 0; }

#drag-image-holder {
  position: absolute;
  left: -2000px;
  max-width: 200px;
  max-height: 200px; }
  #drag-image-holder img {
    max-width: 200px;
    max-height: 200px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.package-item {
  border-radius: 1px;
  background: #fff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
  position: relative;
  border-left: 4px solid #fff;
  display: flex;
  margin-bottom: 10px;
  transition: all 0.2s; }
  .package-item__icon-holder {
    margin: 5px 10px 0 0 !important;
    opacity: 0.5;
    max-width: 24px;
    min-width: 24px;
    padding-right: 10px; }
  .package-item__drag-handle {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 2px;
    background: url(876e52a1ea0f40093a764217cb6a130a.png) repeat 0 0;
    width: 6px;
    opacity: 0;
    transition: all 0.2s; }
  .package-item__open-item {
    position: absolute;
    right: 8px;
    top: 8px;
    opacity: 0;
    cursor: pointer; }
  .package-item.locked {
    border-left-color: #be1600; }
  .package-item.published {
    border-left-color: #5e8d32; }
  .package-item.killed {
    border-left-color: #303030; }
  .package-item__thumb-holder {
    max-width: 120px;
    min-width: 120px;
    border-radius: 2px;
    overflow: hidden;
    height: 80px;
    background: #f0f0f0;
    float: left;
    margin-right: 16px; }
    .package-item__thumb-holder img {
      margin: 0 !important; }
    .package-item__thumb-holder .loading {
      margin: 20px 0 0 40px; }
    .package-item__thumb-holder .error-icon {
      opacity: 0.5;
      filter: "alpha(opacity=50)";
      height: 80px;
      line-height: 80px;
      text-align: center; }
      .package-item__thumb-holder .error-icon i {
        vertical-align: middle;
        zoom: 0.7; }
  .package-item__item-text-group {
    display: flex;
    flex-direction: column; }
  .package-item__item-headline {
    padding-right: 40px;
    max-height: 74px;
    overflow: hidden;
    font-size: 14px;
    flex-grow: 1;
    font-weight: bold; }
  .package-item__item-abstract {
    margin-top: 5px; }
    .package-item__item-abstract img {
      max-width: 100%; }
  .package-item__item-creator {
    color: #909090; }
  .package-item__action-menu {
    position: absolute;
    top: 5px;
    right: 16px; }
    .package-item__action-menu .more-activity-toggle {
      width: 16px;
      height: 16px !important;
      padding: 2px 6px 3px !important;
      font-size: 13px !important;
      line-height: 18px !important; }
  .package-item .loading {
    width: 40px;
    height: 40px;
    background: #f0f0f0 url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat; }
  .package-item .alert-error {
    font-size: 12px;
    padding: 10px;
    height: 80px; }
  .package-item:hover .package-item__open-item {
    opacity: 0.3; }
    .package-item:hover .package-item__open-item:hover {
      opacity: 1; }

.sort-item .package-item:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.4);
  padding-left: 16px;
  cursor: move; }
  .sort-item .package-item:hover .package-item__drag-handle {
    opacity: 0.5; }

.packaging-screen .page-content-container > .content {
  width: auto;
  max-width: 800px;
  min-height: 100%;
  max-height: 100%;
  margin: 0 auto;
  border: 1px solid #ebebeb;
  border-width: 0 1px;
  background: #fcfcfc;
  padding: 30px 60px 20px;
  box-sizing: border-box;
  overflow: auto; }

.packaging-screen .page-content-container .toggle-box h6 {
  background: #fcfcfc; }

.packaging-screen .page-content-container .package-header {
  margin-bottom: 30px;
  position: relative;
  min-height: 52px; }
  .packaging-screen .page-content-container .package-header .title {
    font-weight: 500;
    font-size: 18px;
    border: 1px solid rgba(150, 150, 150, 0.4);
    border-color: rgba(150, 150, 150, 0.4) !important; }
  .packaging-screen .page-content-container .package-header input, .packaging-screen .page-content-container .package-header textarea {
    border-color: #fff !important; }
    .packaging-screen .page-content-container .package-header input:hover, .packaging-screen .page-content-container .package-header input:focus, .packaging-screen .page-content-container .package-header textarea:hover, .packaging-screen .page-content-container .package-header textarea:focus {
      border-color: #d0d0d0 !important; }

.placeholder {
  margin: 20px 0; }

.item.composite .package-details {
  display: none; }

.package-edit {
  padding: 10px 0 100px; }
  .package-edit > li {
    margin: 0;
    padding: 0; }
    .package-edit > li .group-info {
      position: relative; }
      .package-edit > li .group-info:before {
        content: " ";
        position: absolute;
        border-bottom: 1px solid #dcdcdc;
        height: 1px;
        top: 9px;
        left: 20px;
        right: 0px; }
      .package-edit > li .group-info h6 {
        background: #fcfcfc;
        padding: 0 5px;
        font-size: 11px;
        text-transform: uppercase;
        color: #666;
        position: relative;
        display: inline-block; }
  .package-edit .package-edit-items {
    min-height: 80px; }
    .package-edit .package-edit-items .fake div {
      padding: 10px 0; }
    .package-edit .package-edit-items > li:not(.placeholder):not(.fake):first-child {
      margin-top: -15px; }
      .package-edit .package-edit-items > li:not(.placeholder):not(.fake):first-child .item-container {
        margin-top: 30px; }
    .package-edit .package-edit-items > li.fake:first-child div {
      padding: 40px 0; }
    .package-edit .package-edit-items .preview-container {
      padding: 20px 20px; }
    .package-edit .package-edit-items .item-container {
      position: relative; }
      .package-edit .package-edit-items .item-container .remove {
        background: none;
        border: 0;
        position: absolute;
        right: 25px;
        top: 6px;
        opacity: 0; }
      .package-edit .package-edit-items .item-container:hover .remove {
        opacity: 0.3; }
        .package-edit .package-edit-items .item-container:hover .remove:hover {
          opacity: 1; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.highlights-config-popup .multi-select {
  margin-top: 10px; }
  .highlights-config-popup .multi-select li {
    margin-bottom: 5px; }
    .highlights-config-popup .multi-select li .text:hover {
      cursor: pointer; }

.highlights-config-popup .pills-list {
  margin-top: 15px; }
  .highlights-config-popup .pills-list h6 {
    text-transform: none !important; }

.highlights-config-popup .modal-body .char-count {
  font-size: 11px;
  font-style: italic; }
  .highlights-config-popup .modal-body .char-count.error {
    font-weight: 500;
    color: #D33C30; }

.highlights-title {
  display: inline-block;
  position: relative; }
  .highlights-title .tooltip-inner {
    width: 150px;
    text-align: left; }
    .highlights-title .tooltip-inner h5 {
      font-size: 11px;
      margin: 0 0 8px;
      color: #a7a7a7; }
    .highlights-title .tooltip-inner button {
      position: absolute;
      right: 7px;
      color: #656565; }
    .highlights-title .tooltip-inner li {
      height: 1%;
      overflow: hidden;
      padding-right: 45px; }
  .highlights-title:hover {
    cursor: pointer; }

.highlights-list {
  display: inline-block;
  vertical-align: middle; }

.highlights-preview-list {
  background-color: transparent; }

.highlights-list-menu {
  padding: 5px 0;
  margin: 6px 0 0 0;
  background-color: #000 !important;
  border-radius: 4px;
  max-width: 250px;
  min-width: 180px; }
  .highlights-list-menu:before {
    display: none; }
  .highlights-list-menu li {
    position: relative;
    color: #fff;
    padding: 0.4rem 1.2rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .highlights-list-menu li .dropdown__menu-label {
      font-size: 11px;
      padding-left: 0;
      color: #a7a7a7;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      flex-grow: 1; }
    .highlights-list-menu li .dropdown__menu-close {
      position: absolute;
      top: 4px;
      right: 8px;
      padding: 0;
      margin: 0;
      border: 0;
      width: auto;
      opacity: 0.5;
      filter: "alpha(opacity=50)";
      background-color: transparent; }
      .highlights-list-menu li .dropdown__menu-close i {
        margin-right: 0; }
      .highlights-list-menu li .dropdown__menu-close:hover, .highlights-list-menu li .dropdown__menu-close:focus {
        background-color: transparent;
        opacity: 1;
        filter: "alpha(opacity=100)"; }
    .highlights-list-menu li .btn {
      flex-shrink: 0; }
    .highlights-list-menu li span {
      color: #fff;
      margin: 0;
      padding: 0; }

.highlights-dropdown .dropdown__menu .dropdown__menu-label {
  text-align: left;
  line-height: 16px;
  padding: 0 16px;
  margin-bottom: 5px; }

.highlights-dropdown .dropdown__menu button {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.padded--sides10 {
  padding: 0 10px; }

.panel-search {
  padding: 3rem 2rem 0rem;
  border-radius: 4px;
  background-color: #fff;
  min-width: 260px; }

.panel-search-result .column-width {
  width: 50%; }

.wide {
  max-width: 960px; }

div {
  -webkit-column-rule: 4px outset #ff00ff;
  /* Chrome, Safari, Opera */
  -moz-column-rule: 4px outset #ff00ff;
  /* Firefox */
  column-rule: 4px outset #ff00ff; }

.filter-result-modal {
  position: absolute; }
  .filter-result-modal .content .active {
    background-color: #eff7fa !important;
    border-right: 2px solid rgba(94, 169, 200, 0.75) !important; }
    .filter-result-modal .content .active:hover .item-functions {
      background-color: #eff7fa; }
      .filter-result-modal .content .active:hover .item-functions .item-field:hover {
        background-color: #d6e8ef; }
      .filter-result-modal .content .active:hover .item-functions .item-field.disabled:hover {
        background-color: #d6e8ef; }
  .filter-result-modal .filter-result-body {
    flex: 1 1 auto !important; }

.filter-condition-modal .modal-body {
  overflow-y: inherit !important; }

.content-filter-modal .content .field {
  margin-bottom: 10px; }
  .content-filter-modal .content .field textarea {
    height: 22px; }

.content-filter-modal .modal__body .filter-tags {
  margin-bottom: 10px;
  overflow: hidden;
  padding: 12px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1); }

.destination-box {
  margin: 0 0 12px 0;
  padding: 12px 12px 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1); }

.subscriber-modal {
  position: absolute; }
  .subscriber-modal .content .field {
    margin-bottom: 10px; }
    .subscriber-modal .content .field textarea {
      height: 22px; }
  .subscriber-modal .add {
    margin-top: -3px;
    position: absolute;
    padding: 0;
    margin-left: 20px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    line-height: 20px; }
    .subscriber-modal .add i {
      margin-left: 2px; }

td .sd-page__content {
  padding: 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.words-list {
  margin-top: 4px;
  max-height: 10em;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #dfdfdf; }
  .words-list li {
    padding: 2px 2px 2px 8px;
    margin: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .words-list li:hover {
      background-color: #e7f2f7; }
    .words-list li.vs-repeat-before-content, .words-list li.vs-repeat-after-content {
      padding: 0;
      margin: 0; }

.abbreviations-list__item {
  padding: 0.6rem 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .abbreviations-list__item--heading {
    padding: 0.8rem 0;
    margin-top: 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 2px solid rgba(0, 0, 0, 0.15); }
    .abbreviations-list__item--heading .abbreviations-field {
      font-weight: 500; }

.abbreviations-field {
  display: inline;
  flex-grow: 0;
  flex-shrink: 0; }
  .abbreviations-field label {
    width: 110px;
    display: inline-block;
    margin: 0 !important; }
    .abbreviations-field label.case-sensitive {
      text-transform: none; }
  .abbreviations-field--grow {
    flex-grow: 1; }
  .abbreviations-field--abbreviation {
    font-weight: 400;
    font-size: 1.4rem;
    color: #686868; }

.abbreviations-field + .abbreviations-field {
  margin-right: 1rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.vocabularyForm button.del {
  width: 30px;
  padding: 8px 10px; }

.vocabularyForm table {
  width: 100%;
  border-spacing: 0; }

.vocabularyForm table th, .vocabularyForm table td {
  vertical-align: top; }

.vocabularyForm tbody tr td:not(:first-child):last-child {
  text-align: right; }

.vocabularyForm tbody tr td:first-child {
  padding-left: 0; }

.vocabularyForm thead tr th {
  font-weight: 500;
  padding: 0.8rem 0.8rem; }
  .vocabularyForm thead tr th label {
    margin-bottom: 0; }
  .vocabularyForm thead tr th:first-child {
    padding-left: 0; }

.vocabularyForm tr.add-border-top td {
  padding: 20px;
  border-top: 2px solid rgba(0, 0, 0, 0.15); }

.vocabularyField {
  display: inline; }
  .vocabularyField label {
    width: 140px;
    display: inline-block;
    padding-left: 6px; }
  .vocabularyField input {
    width: 140px;
    margin: 3px; }
    .vocabularyField input[type="color"] {
      width: 130px; }
    .vocabularyField input.long-name {
      width: 320px;
      font-size: 10px; }

.vocabularyStatus {
  top: 5px; }
  .vocabularyStatus.sd-toggle {
    margin-top: 2px !important; }

.divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
  *width: 100%;
  *margin: -5px 0 5px; }

.add-vocabulary-popup .modal-dialog {
  width: auto !important;
  white-space: normal; }

.modal-header-fields {
  background: #f8f8f8;
  width: 100%;
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 20px;
  border-bottom: 1px solid #e4e4e4; }
  .modal-header-fields .long-name {
    width: 310px; }

.vocabulary-items__wrapper {
  margin: 1rem 0 0; }
  .vocabulary-items__wrapper h3 {
    margin-bottom: 0.6rem;
    font-size: 1.6rem;
    line-height: 100%; }

.vocabulary-items__button-bar {
  padding: 1.2rem 0; }

.vocabulary-items__wrapper table th {
  position: sticky;
  top: -20px;
  background: #f8f8f8;
  z-index: 1; }

.date_shortcuts {
  margin-top: 2em; }
  .date_shortcuts .sd-line-input.date_shortcuts--smaller {
    width: 5%; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.related-item-list .relate-item-label {
  border-radius: 6px;
  width: 15px;
  height: 15px;
  color: #fff;
  text-align: center;
  padding: 2px 3px 2px; }
  .related-item-list .relate-item-label.update-item {
    background-color: #46a546; }
  .related-item-list .relate-item-label.take-item {
    background-color: #0064cd; }
.item-info .assignment-icon, .preview-header__flex-row .assignment-icon {
  margin: 0 0.5rem; }

.subnav__authoring-topbar .assignment-icon {
  vertical-align: sub; }
/*was 65*/
.html-preview .annotation-text {
  border-bottom: 1px dotted; }

sup.annotation-id {
  color: #5ea9c8; }

.annotations {
  margin-top: 1em; }
  .annotations .annotation-body p {
    display: inline; }
  .annotations .simple-list {
    list-style: none;
    padding: 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.widget-search.tabpane,
.widget-aggregate.tabpane {
  width: auto; }
  .widget-search.tabpane .widget-header,
  .widget-aggregate.tabpane .widget-header {
    display: none; }
  .widget-search.tabpane .tabcontent,
  .widget-aggregate.tabpane .tabcontent {
    position: relative;
    overflow: initial;
    padding: 0;
    left: 0;
    right: 0;
    height: 100%; }
  .widget-search.tabpane .widget-content,
  .widget-aggregate.tabpane .widget-content {
    position: relative;
    top: 0;
    overflow: initial;
    padding-bottom: 0;
    border-top: 0;
    height: 100%; }
    .widget-search.tabpane .widget-content > div,
    .widget-aggregate.tabpane .widget-content > div {
      height: 100%; }

.sd-widget.search,
.tabpane .sd-widget.aggregate {
  position: relative;
  height: 100%; }

.sd-widget.search .content-search,
.sd-widget.aggregate .content-search {
  position: relative;
  background: #f5f5f5;
  width: 460px;
  height: 100%;
  overflow: hidden; }
  .sd-widget.search .content-search.extended,
  .sd-widget.aggregate .content-search.extended {
    width: 900px; }

.sd-widget.search .search-container,
.sd-widget.aggregate .search-container {
  position: absolute;
  width: 460px;
  top: 0;
  left: 0;
  bottom: 0; }
  .sd-widget.search .search-container .search-box,
  .sd-widget.aggregate .search-container .search-box {
    display: flex;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0;
    height: 48px;
    border-bottom: 1px solid #dcdcdc;
    background: #fff url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 15px 16px; }
    .sd-widget.search .search-container .search-box input,
    .sd-widget.aggregate .search-container .search-box input {
      position: static;
      flex: 1;
      width: auto;
      height: 100%;
      padding-left: 46px;
      box-sizing: border-box;
      border: 0 !important;
      background: transparent; }
      .sd-widget.search .search-container .search-box input:focus,
      .sd-widget.aggregate .search-container .search-box input:focus {
        box-shadow: none !important; }
    .sd-widget.search .search-container .search-box .more-actions,
    .sd-widget.aggregate .search-container .search-box .more-actions {
      position: relative;
      margin: auto;
      height: 22px;
      width: 28px;
      right: 0px;
      top: 0; }
  .sd-widget.search .search-container .filter-list,
  .sd-widget.aggregate .search-container .filter-list {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    height: 48px;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px; }
  .sd-widget.search .search-container .content-list,
  .sd-widget.aggregate .search-container .content-list {
    position: absolute;
    top: 48px;
    bottom: 3.2rem;
    left: 0;
    right: 0;
    padding: 0 10px 10px;
    overflow: auto; }

.sd-widget.search .preview-container,
.sd-widget.aggregate .preview-container {
  width: 440px;
  position: absolute;
  left: 460px;
  bottom: 0;
  top: 0;
  border-right: 1px solid #bbb;
  background: #fff;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 #dcdcdc; }
  .sd-widget.search .preview-container > header,
  .sd-widget.aggregate .preview-container > header {
    border-bottom: 1px solid #dcdcdc;
    padding: 0 15px; }
  .sd-widget.search .preview-container .close-preview,
  .sd-widget.aggregate .preview-container .close-preview {
    position: absolute;
    right: 10px;
    top: 10px; }
  .sd-widget.search .preview-container > .content-item-preview,
  .sd-widget.aggregate .preview-container > .content-item-preview {
    position: absolute;
    top: 48px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    overflow: auto; }

.sd-widget.search .search-container .content-list {
  top: 96px; }
  .sd-widget.search .search-container .content-list > ul {
    padding-right: 10px; }
    .sd-widget.search .search-container .content-list > ul > li {
      position: relative;
      background: #fff;
      border-bottom: 1px solid #ededed;
      box-sizing: border-box;
      padding: 7px 10px;
      line-height: 12px;
      border-right: 2px solid #fff; }
      .sd-widget.search .search-container .content-list > ul > li .select-box {
        width: 32px;
        height: 21px;
        float: left;
        margin-right: 10px; }
        .sd-widget.search .search-container .content-list > ul > li .select-box .select {
          position: absolute;
          left: 15px;
          top: 10px;
          display: none; }
        .sd-widget.search .search-container .content-list > ul > li .select-box i {
          display: inline-block; }
      .sd-widget.search .search-container .content-list > ul > li:not(.added) .select-box:hover .select {
        display: block; }
      .sd-widget.search .search-container .content-list > ul > li:not(.added) .select-box:hover i {
        display: none; }
      .sd-widget.search .search-container .content-list > ul > li .item-functions {
        display: none;
        position: absolute;
        right: 0;
        top: 0; }
        .sd-widget.search .search-container .content-list > ul > li .item-functions li {
          padding: 6px; }
      .sd-widget.search .search-container .content-list > ul > li:hover {
        background: #f4f4f4;
        cursor: pointer;
        padding-right: 40px;
        border-right-color: #f4f4f4; }
        .sd-widget.search .search-container .content-list > ul > li:hover .item-functions {
          display: block; }
      .sd-widget.search .search-container .content-list > ul > li [class^="filetype-icon-"] {
        margin: -1px 4px 0 -4px;
        opacity: 0.8;
        filter: "alpha(opacity=80)"; }
      .sd-widget.search .search-container .content-list > ul > li p {
        overflow: hidden;
        width: 80%;
        height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 0; }
        .sd-widget.search .search-container .content-list > ul > li p .keyword {
          font-weight: 500;
          text-transform: uppercase;
          color: #216278;
          margin-right: 10px; }
      .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu {
        margin-top: -3px;
        padding: 0; }
        .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu:before {
          display: none; }
        .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu > li {
          padding: 3px 6px; }
          .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu > li:first-child {
            padding-top: 6px; }
          .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu > li:last-child {
            padding-bottom: 6px; }
      .sd-widget.search .search-container .content-list > ul > li.added {
        background: #fafafa;
        border-right-color: #ddd;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }
        .sd-widget.search .search-container .content-list > ul > li.added:hover {
          padding-right: 10px; }
      .sd-widget.search .search-container .content-list > ul > li.active {
        background: #eff7fa;
        border-right-color: #5ea9c8; }
      .sd-widget.search .search-container .content-list > ul > li.multi-select {
        background: #ccfbd6;
        border-bottom-color: #a4e4b1; }

.content-list .stage {
  margin: 10px 0 15px; }
  .content-list .stage .stage-content {
    margin: 5px 0 20px;
    overflow-y: auto;
    position: relative; }

.widget-container .content-list-holder {
  background-color: #fafafa; }
  .widget-container .content-list-holder .desk {
    width: 100%; }

.widget-container .content-list .stage {
  margin: 10px 0 0; }
  .widget-container .content-list .stage .stage-header {
    margin: 0 4px 4px 4px; }
  .widget-container .content-list .stage .stage-content {
    padding: 5px 3px;
    margin: 0 0 10px; }

.stage-header {
  display: flex;
  align-items: center;
  height: 20px;
  margin-bottom: 8px; }
  .stage-header .stage-header__line, .stage-header .stage-header__stretch-bar {
    height: 1px;
    margin: auto 4px;
    background: #dcdcdc;
    flex: 1; }
  .stage-header .stage-header__stretch-bar {
    background: transparent;
    margin: auto 0; }
  .stage-header .stage-header__name {
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center; }
    .stage-header .stage-header__name a, .stage-header .stage-header__name .stage-header__name-part {
      display: inline-flex;
      align-items: center; }
    .stage-header .stage-header__name span + span {
      margin-left: 5px; }
  .stage-header .stage-header__separator {
    padding: 0 6px; }
  .stage-header .stage-header__toggle {
    border: 0;
    padding: 0;
    margin: 0 5px 0 0;
    display: flex;
    background: transparent; }
    .stage-header .stage-header__toggle i {
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .stage-header .stage-header__toggle.closed i {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      margin: auto; }
  .stage-header .stage-header__number,
  .stage-header .stage-header__notification {
    margin: 0 0 0 4px; }
  .stage-header .stage-header__name + .stage-header__number {
    margin-left: 10px; }

.sd-kanban-list__board-header .stage-header {
  margin-bottom: 0; }

.notification-label, .label-total {
  margin: 0;
  box-sizing: border-box;
  padding: 4px 6px;
  height: 16px;
  border-radius: 10px;
  color: #fff !important;
  background: #5ea9c8;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: .06em;
  font-weight: 400;
  vertical-align: middle; }

.label-total {
  background: #686868; }

.refresh-box {
  display: flex; }
  .refresh-box button {
    background: none; }
    .refresh-box button.btnRefresh {
      margin-right: 3px;
      padding-left: 0;
      height: 26px;
      position: absolute;
      right: 12px; }
      .refresh-box button.btnRefresh:hover {
        opacity: 0.9;
        filter: "alpha(opacity=90)"; }

.content-list-holder {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  bottom: 0; }
  .content-list-holder .desk {
    width: 99%; }

.sd-widget.aggregate .content-list-holder .content-list {
  padding: 0 5px; }

.sd-widget.aggregate .preview.preview-widget {
  opacity: 0;
  animation-delay: 0.5s;
  animation: fadeIn3 0.2s ease-out 1;
  opacity: 1; }
  .sd-widget.aggregate .preview.preview-widget ul.nav {
    height: 35px;
    line-height: 35px;
    background: inherit; }
    .sd-widget.aggregate .preview.preview-widget ul.nav > li > button {
      height: 35px;
      line-height: 19px; }
  .sd-widget.aggregate .preview.preview-widget ul.nav.nav-tabs {
    height: 35px;
    line-height: 35px;
    border-bottom: none; }
  .sd-widget.aggregate .preview.preview-widget .content-item-preview .content-container, .sd-widget.aggregate .preview.preview-widget .content-item-preview .metadata-view {
    top: 70px; }
  .sd-widget.aggregate .preview.preview-widget .package-item.item .item-actions-menu {
    display: none; }

.sd-widget.aggregate .preview.preview-widget.custom-widget .nav {
  display: none; }

.sd-widget.aggregate .preview.preview-widget.custom-widget ul.nav.nav-tabs {
  display: flex;
  border-top: 1px solid rgba(123, 123, 123, 0.3);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.08); }

.sd-widget.aggregate .preview.preview-widget.custom-widget .content-item-preview .content-container, .sd-widget.aggregate .preview.preview-widget.custom-widget .content-item-preview .metadata-view {
  top: 36px; }

.aggregate-widget-config .legend {
  color: #999;
  text-transform: none;
  font-size: 16px;
  color: #333;
  font-weight: 400;
  margin-bottom: 16px;
  margin-top: 10px;
  padding: 0; }

.aggregate-widget-config .legend + div[sd-toggle-box] {
  margin-top: 30px; }

.aggregate-widget-config .desk {
  padding: 5px 0;
  border-bottom: 1px dotted rgba(123, 123, 123, 0.5); }
  .aggregate-widget-config .desk:first-of-type {
    border-top: 1px dotted rgba(123, 123, 123, 0.5); }
  .aggregate-widget-config .desk--item-count {
    display: flex;
    align-items: center; }
    .aggregate-widget-config .desk--item-count .desk-title {
      flex-grow: 1; }
    .aggregate-widget-config .desk--item-count .box-items-count {
      width: 14%; }

.aggregate-widget-config .content .desk:first-of-type {
  border-top: 1px dotted rgba(123, 123, 123, 0.5) !important; }

.aggregate-widget-config .desk-title {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0; }
  .aggregate-widget-config .desk-title i {
    font-size: 12px;
    font-weight: 100; }
  .aggregate-widget-config .desk-title .search-description {
    font-size: 12px;
    font-weight: 300;
    color: #747474; }
  .aggregate-widget-config .desk-title--80 {
    width: 80%; }
  .aggregate-widget-config .desk-title--saved-search {
    display: flex; }
    .aggregate-widget-config .desk-title--saved-search .switch {
      flex-grow: 0;
      flex-shrink: 0; }
    .aggregate-widget-config .desk-title--saved-search .desk-title__text {
      flex-grow: 1; }

.aggregate-widget-config .desk-title__text {
  display: inline-block;
  padding-left: 1rem; }

.aggregate-widget-config .stages {
  overflow: hidden;
  margin: 5px 0 0; }
  .aggregate-widget-config .stages li {
    float: left;
    overflow: hidden; }
  .aggregate-widget-config .stages .sd-check__wrapper {
    margin: 0 5px 5px 0; }

.placeholder {
  margin: 20px 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.monitoring {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0; }
  .monitoring .sortbar.sortbar-custom-sort-groups .dropdown {
    vertical-align: middle; }
    .monitoring .sortbar.sortbar-custom-sort-groups .dropdown .dropdown__menu li small {
      font-weight: 300;
      font-style: italic;
      color: #999;
      margin-left: 1em; }
  .monitoring .sortbar.sortbar-custom-sort-groups .direction {
    display: inline-block !important; }
  .monitoring .subnav {
    top: 0; }
    .monitoring .subnav .sortbar-container {
      padding: 10px 16px 10px 0; }
    .monitoring .subnav .sortbar {
      margin: 0 0 0 15px;
      padding: 0 0 0 10px;
      height: 25px; }
      .monitoring .subnav .sortbar .lab {
        line-height: 20px; }
    .monitoring .subnav .dropdown .sortbar {
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      text-align: left;
      border-left: 0; }
    .monitoring .subnav .dropdown .dropdown {
      min-width: 120px;
      float: right; }
    .monitoring .subnav .dropdown .direction {
      line-height: 18px;
      margin-left: 15px; }
    .monitoring .subnav .navbtn.btnRearrange {
      width: 80px !important; }
    .monitoring .subnav .title {
      text-transform: uppercase; }
  .monitoring .main-section {
    top: 0; }
    .monitoring .main-section .content-list {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
      transition: all 0.3s;
      box-sizing: border-box;
      padding: 0 !important; }
      .monitoring .main-section .content-list.monitoring__content {
        display: flex;
        flex-direction: column; }
      .monitoring .main-section .content-list .list {
        padding-top: 9px; }
      .monitoring .main-section .content-list .stage {
        padding: 0;
        margin: 9px 0; }
      .monitoring .main-section .content-list .single-group .stage {
        margin: 0; }
      .monitoring .main-section .content-list .stage-content {
        max-height: 100%;
        overflow-y: auto;
        box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2); }
        .monitoring .main-section .content-list .stage-content:focus {
          box-shadow: 0px 0px 10px 0px #939393; }
        .monitoring .main-section .content-list .stage-content .compact-view, .monitoring .main-section .content-list .stage-content .mlist-view {
          box-shadow: none; }
        .monitoring .main-section .content-list .stage-content.refresh {
          border: solid thin #5d9bc0;
          box-shadow: 0px 0px 10px 0px #5d9bc0; }
        .monitoring .main-section .content-list .stage-content .list-view {
          margin-bottom: 0; }
          .monitoring .main-section .content-list .stage-content .list-view.list-without-items {
            height: 38px !important; }
            .monitoring .main-section .content-list .stage-content .list-view.list-without-items li {
              line-height: 38px;
              text-align: center;
              color: #999; }
      .monitoring .main-section .content-list .inline-content-items {
        box-sizing: border-box;
        max-height: calc(100vh - 180px) !important; }
    .monitoring .main-section .monitoring__toolbar-container {
      flex-shrink: 1;
      position: relative; }
    .monitoring .main-section .monitoring__main-content {
      position: relative;
      flex-grow: 1;
      display: flex;
      overflow-y: auto; }

.workspace .main-section .sd-preview-panel {
  width: 0;
  transition: all ease-in-out 0.2s; }

.workspace .main-section [sd-item-preview] {
  opacity: 0;
  transition: all ease-in-out 0.4s; }

.workspace .main-section .content-item-preview {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 560px; }
  @media only screen and (max-width: 1430px) {
    .workspace .main-section .content-item-preview {
      width: 360px; } }
  .workspace .main-section .content-item-preview .shift-preview__toggle {
    display: none; }

.workspace .main-section.with-preview .sd-preview-panel {
  width: 560px;
  flex-shrink: 0; }
  @media only screen and (max-width: 1430px) {
    .workspace .main-section.with-preview .sd-preview-panel {
      width: 360px; } }

.workspace .main-section.with-preview [sd-item-preview] {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1; }
  .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay {
    height: auto;
    position: absolute;
    overflow: visible;
    top: 9.6rem;
    right: 0;
    bottom: 0;
    width: 0;
    z-index: 3; }
    .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay .content-item-preview {
      width: 320px;
      transition: all ease-in-out 0.2s;
      overflow-y: visible !important;
      right: -324px;
      box-shadow: inset 3px 0 2px -1px rgba(0, 0, 0, 0.12), 2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
      .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay .content-item-preview.shift {
        right: 0;
        box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
      .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay .content-item-preview .shift-preview__toggle {
        display: inline-block; }

.workspace .main-section.with-preview .compact .content-list {
  overflow-y: visible; }

.workspace .main-section.search-page-container .content-item-preview {
  top: 48px; }

.workspace .main-section.search .preview-layout [sd-item-preview] {
  opacity: 1;
  transition: all ease-in-out 0.4s; }

.workspace .main-section.search .preview-layout.closed {
  opacity: 1; }

.shift-preview__toggle {
  position: absolute;
  display: none;
  width: 24px;
  height: 48px;
  padding: 0;
  top: 0;
  right: -24px;
  border: 0;
  line-height: 0;
  opacity: .65;
  background-color: #fff;
  border-radius: 0 2px 2px 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 2px 0 10px 0 rgba(0, 0, 0, 0.3); }
  .shift-preview__toggle i {
    height: 15px; }
  .shift-preview__toggle:hover {
    opacity: 1;
    background-color: #5ea9c8; }
    .shift-preview__toggle:hover i {
      color: #fff; }
  .shift-preview__toggle.shift {
    top: 1px;
    border-radius: 2px 0 0 2px;
    box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.workspace.authoring .main-section .content-item-preview {
  width: 400px; }
  @media only screen and (max-width: 1630px) {
    .workspace.authoring .main-section .content-item-preview {
      width: 360px; } }

.workspace.authoring .main-section.with-preview .sd-preview-panel {
  width: 400px; }
  @media only screen and (max-width: 1630px) {
    .workspace.authoring .main-section.with-preview .sd-preview-panel {
      width: 360px; } }

.workspace.authoring .main-section.with-preview .navbtn.btnRearrange {
  width: 80px !important; }
  @media only screen and (max-width: 1430px) {
    .workspace.authoring .main-section.with-preview .navbtn.btnRearrange {
      display: none !important; } }

.monitoring .sd-grid-group:not(.refresh) {
  box-shadow: none !important; }
  .monitoring .sd-grid-group:not(.refresh) .sd-grid-list {
    margin: 1.4rem; }

.sd-kanban-list-container {
  height: 100%; }

.sd-kanban-list {
  overflow: auto; }
  .sd-kanban-list .fix-stage {
    flex: 1 1 0; }

.notification-container {
  display: inline-flex !important;
  vertical-align: sub;
  margin-top: 2px; }

.monitoring-dropdown .dropdown__menu {
  margin-top: 5px;
  max-width: 220px !important; }

.monitoring-dropdown a {
  padding: 0px !important;
  white-space: inherit !important;
  display: inline !important; }
  .monitoring-dropdown a .headline {
    color: #5ea9c8 !important; }

.monitoring-dropdown .buttons {
  margin: 4px 0;
  height: 1%;
  overflow: hidden; }

.monitoring-dropdown .acknowledge {
  width: auto;
  display: inline;
  float: right; }

.monitoring-dropdown .title {
  padding-bottom: 6px;
  margin-left: 15px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  color: #666; }

.monitoring-dropdown li {
  display: block;
  padding: 5px 15px 5px 20px;
  border-bottom: 1px solid #ddd; }
  .monitoring-dropdown li .slugline {
    font-weight: 500;
    color: #216278;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 10px;
    white-space: nowrap; }
  .monitoring-dropdown li .headline, .monitoring-dropdown li .desk, .monitoring-dropdown li .stage {
    color: #686b6c; }
  .monitoring-dropdown li .location {
    border-top: 1px solid #ebebeb;
    margin-top: 10px; }
  .monitoring-dropdown li .sender {
    margin-top: 10px; }
    .monitoring-dropdown li .sender span {
      font-weight: 500;
      margin-right: 5px;
      font-size: 12px; }

.subnav__stage-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 2rem;
  margin-right: 2rem;
  font-size: 1.5rem; }
  .subnav__stage-group .stage-group__split {
    padding: 0 0.4rem 0 0.8rem;
    opacity: 0.4; }
  .subnav__stage-group .stage-group__badge {
    padding: 0.4rem 0.8rem;
    margin-left: 1rem; }
  .subnav__stage-group .dropdown.open .navbtn {
    background-color: transparent !important;
    box-shadow: none; }
    .subnav__stage-group .dropdown.open .navbtn:hover {
      background-color: transparent !important; }
  .subnav__stage-group .dropdown.open > .dropdown__menu {
    margin: -4px 0 0 -10px; }

.navbtn.navbtn--text-only.navbtn--padding-s {
  padding: 0 0.4rem; }

.subnav-filters {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center; }
  @media screen and (max-width: 1024px) {
    .subnav-filters {
      height: fit-content;
      flex-wrap: wrap; } }

.custom-filter-dropdown {
  z-index: 20;
  height: 1.2rem;
  width: 2rem;
  /* Target the UL inside the terms-list div */
  /* Target the individual <li> elements */ }
  .custom-filter-dropdown .terms-list > ul {
    /* 1. Use flexbox for horizontal alignment */
    display: flex;
    /* 2. CRUCIAL: Prevent terms from wrapping to the next line */
    flex-wrap: nowrap;
    /* 3. Enable horizontal scrollbar when content overflows */
    overflow-x: auto;
    /* Optional: Ensure it takes available width (especially if inside a flex container) */
    width: 100%;
    /* Optional: Remove any padding that might hide the scrollbar */
    padding: 0;
    margin: 0; }
  .custom-filter-dropdown .terms-list > ul > li {
    /* 4. CRUCIAL: Prevent individual terms/tags from shrinking */
    flex-shrink: 0;
    /* This maintains the existing layout, but ensures they don't shrink */
    /* Overrides the pull-left that is no longer needed */
    float: none !important;
    /* Add some horizontal spacing between the tags */
    margin-right: 5px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.settings-page {
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff; }
  .settings-page .tabbable.outer {
    height: 100%; }
    .settings-page .tabbable.outer > .nav-stacked {
      width: 180px;
      position: absolute;
      padding: 0;
      bottom: 0;
      top: 0;
      left: 0;
      margin: 0;
      flex-direction: column;
      background: #f8f8f8;
      border-right: 1px solid #ddd;
      box-shadow: inset -3px 0 8px -3px rgba(0, 0, 0, 0.1);
      overflow-y: auto; }
      .settings-page .tabbable.outer > .nav-stacked > li > a {
        border: 1px solid #eee;
        border-width: 1px 0;
        color: #3097b5;
        padding: 10px 8px 10px 16px;
        display: block; }
        .settings-page .tabbable.outer > .nav-stacked > li > a:hover {
          background: #f5f5f5;
          box-shadow: inset -3px 0 5px -3px rgba(0, 0, 0, 0.1); }
      .settings-page .tabbable.outer > .nav-stacked > li.active > a {
        border-color: #e0e0e0;
        position: relative;
        border-radius: 0 !important;
        color: #484848;
        box-shadow: inset -3px 0 2px #f0f0f0; }
        .settings-page .tabbable.outer > .nav-stacked > li.active > a:hover {
          background: #fff; }
      .settings-page .tabbable.outer > .nav-stacked > li:first-child > a {
        border-top-color: #f8f8f8 !important; }
    .settings-page .tabbable.outer .tab-content.outer {
      position: absolute;
      bottom: 0;
      top: 0;
      left: 200px;
      right: 0;
      display: block;
      width: auto; }
      .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer {
        display: block; }
        .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .nav, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .header, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > header, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > form .header {
          border-bottom: 1px solid #dedede;
          padding: 10px 20px; }
          .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .nav h2, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .header h2, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > header h2, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > form .header h2 {
            font-size: 16px;
            color: #333;
            font-weight: 500;
            float: left;
            line-height: 28px; }
        .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .nav {
          padding: 0 0 0 10px; }
        .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content .content {
          padding-bottom: 20px; }

.provider-list .last-updated, .sd-list-item .last-updated {
  font-size: 1.2rem;
  color: #777;
  padding: 0 0.1rem; }
  .provider-list .last-updated span, .sd-list-item .last-updated span {
    color: #aaa; }

.addSource.modal input {
  height: 31px;
  line-height: 19px; }
  .addSource.modal input.blue-text::-webkit-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text:-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-ms-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input::-webkit-input-placeholder {
    font-style: italic; }

.addSource.modal .credentials {
  margin-top: 20px; }
  .addSource.modal .credentials label {
    font-size: 16px; }
  .addSource.modal .credentials input {
    float: left;
    width: 49%; }
    .addSource.modal .credentials input.first {
      margin-right: 2%; }

.ruleset-modal header {
  padding: 10px; }

.ruleset-modal .rule-list > li {
  position: relative; }
  .ruleset-modal .rule-list > li .order {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 28px;
    color: #aaa; }
  .ruleset-modal .rule-list > li .actions {
    position: absolute;
    right: 0;
    top: 0; }
    .ruleset-modal .rule-list > li .actions button {
      border: 0;
      background: none; }
  .ruleset-modal .rule-list > li fieldset {
    padding: 0 40px; }
    .ruleset-modal .rule-list > li fieldset .field:first-child {
      padding-right: 3%; }
    .ruleset-modal .rule-list > li fieldset .field:last-child {
      padding-left: 3%; }

.day-filter-box .sd-check__wrapper {
  margin-left: 0; }

.day-filter-box .sd-checkbox {
  margin-bottom: 5px;
  margin-right: 4px; }

.sd-page__header .nav-tabs {
  padding: 0;
  margin: 0 0 0 -10px;
  box-shadow: none; }

.sd-page__header .flat-searchbar {
  margin-left: -20px;
  margin-right: 20px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.ingest-dashboard {
  padding: 40px;
  overflow: auto; }
  .ingest-dashboard .card-list {
    display: flex;
    flex-wrap: wrap; }
  .ingest-dashboard .card-list > li {
    width: 240px;
    margin: 10px;
    padding: 0px;
    position: relative;
    flex: 0 0 auto; }
    .ingest-dashboard .card-list > li:hover {
      cursor: default; }
    .ingest-dashboard .card-list > li .card-list__controls {
      position: absolute;
      top: 7px;
      right: 1px; }
    .ingest-dashboard .card-list > li .header {
      height: 110px;
      background: #2c2c2c;
      padding: 15px;
      color: #fff;
      box-sizing: border-box;
      border-radius: 2px 2px 0 0; }
      .ingest-dashboard .card-list > li .header .title {
        padding-bottom: 6px;
        font-weight: 500; }
      .ingest-dashboard .card-list > li .header .sub-title {
        color: #666; }
        .ingest-dashboard .card-list > li .header .sub-title .text {
          color: #999;
          font-weight: 500; }
    .ingest-dashboard .card-list > li .status {
      color: #fff;
      font-size: 14px;
      padding: 10px 15px;
      min-height: 36px;
      box-sizing: content-box; }
      .ingest-dashboard .card-list > li .status .time {
        font-size: 11px; }
      .ingest-dashboard .card-list > li .status.opened {
        background: #107401; }
      .ingest-dashboard .card-list > li .status.closed {
        background: #970000; }
      .ingest-dashboard .card-list > li .status .uppercase {
        padding-right: .3em; }
    .ingest-dashboard .card-list > li .ingested-count {
      padding: 10px 15px;
      text-align: center;
      border-bottom: 1px  solid #e3e3e3; }
      .ingest-dashboard .card-list > li .ingested-count .count {
        font-size: 30px;
        line-height: 34px;
        font-weight: 700; }
      .ingest-dashboard .card-list > li .ingested-count .text {
        font-size: 11px;
        color: #666; }
    .ingest-dashboard .card-list > li .update-time {
      padding: 0 15px 10px 15px;
      border-bottom: 1px  solid #e3e3e3; }
      .ingest-dashboard .card-list > li .update-time .text {
        margin-top: 10px;
        font-size: 12px;
        text-transform: uppercase;
        color: #666;
        font-weight: 500; }
      .ingest-dashboard .card-list > li .update-time .time {
        font-size: 11px; }
    .ingest-dashboard .card-list > li .error {
      word-wrap: break-word;
      color: #E51C23;
      padding: 5px; }
    .ingest-dashboard .card-list > li .toggle-box {
      margin: 10px; }
      .ingest-dashboard .card-list > li .toggle-box header:before {
        display: none; }
      .ingest-dashboard .card-list > li .toggle-box header h6 {
        background: none; }
      .ingest-dashboard .card-list > li .toggle-box header i {
        opacity: 0.6;
        filter: "alpha(opacity=60)"; }
      .ingest-dashboard .card-list > li .toggle-box header .chevron {
        background-color: #fff; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.addSource.modal input {
  height: 31px;
  line-height: 19px; }
  .addSource.modal input.blue-text::-webkit-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text:-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-ms-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input::-webkit-input-placeholder {
    font-style: italic; }

.addSource.modal .credentials {
  margin-top: 20px; }
  .addSource.modal .credentials label {
    font-size: 16px; }
  .addSource.modal .credentials input {
    float: left;
    width: 49%; }
    .addSource.modal .credentials input.first {
      margin-right: 2%; }

.ingestsource-modal .modal-body {
  flex: 1 1 auto !important; }
  .ingestsource-modal .modal-body .popup-subnav {
    padding-left: 10px; }
    .ingestsource-modal .modal-body .popup-subnav label {
      color: #989898; }
    .ingestsource-modal .modal-body .popup-subnav .TabContent {
      margin-bottom: 20px; }
    .ingestsource-modal .modal-body .popup-subnav .field {
      padding-left: 10px;
      float: left; }
      .ingestsource-modal .modal-body .popup-subnav .field .field {
        padding-left: 0 !important; }
  .ingestsource-modal .modal-body .article-type {
    margin-bottom: 30px !important; }
  .ingestsource-modal .modal-body .rss-config .empty {
    width: 64px; }
  .ingestsource-modal .modal-body .rss-config .btn-remove {
    padding-right: 14px; }
  .ingestsource-modal .modal-body .rss-config .multiple .field {
    padding-right: 10px; }
  .ingestsource-modal .modal-body .field .helper-text--padded {
    padding-left: 0; }

.ruleset-modal header {
  padding: 10px; }

.ruleset-modal .modal-body {
  flex: 1 1 auto !important; }

.ruleset-modal .rule-list > li {
  position: relative; }
  .ruleset-modal .rule-list > li .order {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 28px;
    color: #aaa; }
  .ruleset-modal .rule-list > li .actions {
    position: absolute;
    right: 0;
    top: 0; }
    .ruleset-modal .rule-list > li .actions button {
      border: 0;
      background: none; }
  .ruleset-modal .rule-list > li fieldset {
    padding: 0 40px; }
    .ruleset-modal .rule-list > li fieldset .field:first-child {
      padding-right: 3%; }
    .ruleset-modal .rule-list > li fieldset .field:last-child {
      padding-left: 3%; }

.ruleset-modal .modal-body {
  flex: 1 1 auto !important; }

.shadow-list-holder > .pills-list {
  margin: 8px 0 0 5px; }

.pills-list--draggable > li {
  position: relative; }
  .pills-list--draggable > li:after {
    content: "";
    width: 6px;
    transition: opacity ease-in-out 0.2s;
    top: 4px;
    bottom: 4px;
    left: 3px;
    border: 2px dotted currentColor;
    border-width: 0 2px;
    opacity: 0.1;
    position: absolute;
    display: block; }
  .pills-list--draggable > li:hover:after {
    opacity: 0.6;
    cursor: move; }

.pills-list--draggable .ui-sortable-placeholder {
  border: 1px dashed #5ea9c8 !important;
  background-color: rgba(94, 169, 200, 0.1) !important;
  visibility: visible !important;
  box-shadow: none !important; }
  .pills-list--draggable .ui-sortable-placeholder:after {
    content: none !important; }

.selected-field {
  outline: 1px solid #5ea9c8;
  background-color: rgba(94, 169, 200, 0.1);
  padding: 0 1rem 1rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.popup__menu {
  z-index: 1000;
  min-width: 100px;
  padding-top: 1rem;
  margin: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  text-align: left; }
  .popup__menu--no-padding {
    padding: 0 !important; }

.popup__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.popup__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #999;
  font-weight: 500;
  padding-left: 1.6rem;
  margin-bottom: .6rem; }
  .popup__menu-label .popup__menu-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    opacity: .3;
    background-color: transparent;
    cursor: pointer; }
    .popup__menu-label .popup__menu-close i {
      margin-right: 0 !important; }
    .popup__menu-label .popup__menu-close:hover, .popup__menu-label .popup__menu-close:focus {
      background-color: transparent;
      opacity: 1; }
  .popup__menu-label--center {
    padding-left: 0;
    text-align: center;
    display: inline-block;
    width: 100%; }

.popup__menu-header {
  font-weight: 300;
  font-size: 1.5rem;
  color: #999;
  padding: 1rem 1rem 0 1rem;
  border-bottom: 1px solid #e5e5e5; }
  .popup__menu-header--no-border {
    border-bottom: none; }
  .popup__menu-header--no-padding {
    padding: 0 !important; }

.popup__menu-footer {
  padding: 1rem;
  margin-top: 0.6rem;
  border-top: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%; }
  .popup__menu-footer--no-border {
    border-top: none; }
  .popup__menu-footer--no-padding {
    padding: 0 !important; }

.popup__menu-content {
  padding: 1rem;
  min-width: 100px; }
  .popup__menu-content--no-padding {
    padding: 0 !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
.field-search__popup {
  margin-top: 1px; }
  .field-search__popup-list {
    overflow-y: scroll;
    max-height: 250px; }
    .field-search__popup-list li {
      margin: 5px 0; }
  .field-search__popup-item {
    margin: 5px;
    padding: .3rem .8rem; }
    .field-search__popup-item:hover {
      background: #eff7fa; }
    .field-search__popup-item--active {
      background: #eff7fa; }
  .field-search__popup-item-label {
    padding-top: 5px;
    display: inline-block;
    width: 200px;
    text-align: left; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*was 65*/
/*
====================================================
    contacts detail pane
====================================================
*/
.contact-details-pane {
  position: relative;
  width: 100%;
  display: flex; }
  .contact-details-pane ::-webkit-scrollbar {
    border-left: 9px solid #fff;
    border-right: 1px solid #fff;
    width: 13px;
    background: #fff; }
    .contact-details-pane ::-webkit-scrollbar:hover {
      background: #e8e8e8; }
  .contact-details-pane ::-webkit-scrollbar-thumb {
    border-left: 8px solid #fff;
    background: #bbb; }
    .contact-details-pane ::-webkit-scrollbar-thumb:hover {
      background: #787878; }
  .contact-details-pane .profile-info {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 180px);
    position: relative;
    overflow-y: auto; }
    .contact-details-pane .profile-info .sd-line-input__input--add-min-height {
      min-height: 6rem; }
  .contact-details-pane .contact-form {
    display: flex; }
    .contact-details-pane .contact-form form {
      display: flex;
      flex-direction: column; }
  .contact-details-pane .action-bar {
    position: inherit !important;
    padding: 10px; }
    .contact-details-pane .action-bar.show {
      top: 0px; }
  .contact-details-pane .header-info {
    background-color: rgba(94, 169, 200, 0.11);
    padding: 10px 0 0; }
    .contact-details-pane .header-info h2 {
      text-align: center;
      font-size: 18px;
      line-height: 20px;
      margin: 10px 0 4px 0;
      padding: 0 20px; }
    .contact-details-pane .header-info h5 {
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      line-height: 16px;
      padding: 0 20px;
      margin-bottom: 10px;
      color: rgba(0, 0, 0, 0.75); }
    .contact-details-pane .header-info .active {
      position: absolute;
      top: 24px;
      right: 15px; }
  .contact-details-pane .date-time {
    color: #999;
    font-weight: 300; }
  .contact-details-pane .details-info {
    flex-grow: 1;
    padding: 10px; }
  .contact-details-pane .alert-info-msg {
    font-size: 1.2rem;
    line-height: 1.4rem;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: grey;
    letter-spacing: .03em; }
  .contact-details-pane .error-holder {
    height: 40px;
    margin: 0 -20px; }
    .contact-details-pane .error-holder .alert {
      padding: 10px 20px; }
  .contact-details-pane .validation-error {
    color: #ab3434;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0; }
  .contact-details-pane .validation-info {
    font-size: 11px;
    color: #888; }
  .contact-details-pane .alert {
    border-radius: 0px; }
  .contact-details-pane .ng-invalid-required .required-info {
    display: inline-block !important; }

.prevent-switch {
  pointer-events: none; }

.preview-layout .preview-pane {
  overflow-y: hidden !important; }

.sd-line-input--add-min-width {
  min-width: 90px; }

.sd-line-input__message--add-padding {
  padding-top: 2.4rem !important; }

.sd-line-input__toggle .sd-line-input__label {
  max-width: none; }

.sd-line-input__usage {
  min-width: 90px; }
  .sd-line-input__usage .sd-line-input__label {
    padding-top: 1.4rem !important; }
    .sd-line-input__usage .sd-line-input__label:after {
      content: none !important; }

.sd-line-input__usage-flag {
  line-height: 2.4rem; }
  .sd-line-input__usage-flag .sd-line-input__label:after {
    content: none !important; }

.toggle-box .toggle-box__header:focus {
  background: #eff7fa; }

.toggle-box__content--hidden {
  display: none; }

.sd-toggle:focus {
  box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.15); }

.sd-line-input .sd-line-input__label.sd-line-input__label--hide-required {
  margin-top: 3px; }
  .sd-line-input .sd-line-input__label.sd-line-input__label--hide-required:after {
    content: none !important; }

.contact__type-icon {
  position: absolute;
  top: 1.8rem;
  left: 1rem;
  background: #67afa1;
  height: 3.4rem;
  width: 3.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }
  .contact__type-icon i {
    color: #fff; }

.subnav .contact__type-icon {
  top: 0;
  left: 0;
  position: relative; }

.contact-header__container {
  padding-left: 4.4rem;
  min-height: 3.7rem;
  margin-top: 0.5rem; }
  .contact-header__container h3 {
    font-size: 1.6rem;
    line-height: 120%;
    font-weight: 500; }
  .contact-header__container .item-info {
    opacity: 0.85;
    font-weight: 300; }

.contacts-list__holder {
  padding: 2rem;
  overflow-y: auto; }
  .contacts-list__holder .sd-grid-list--small-margin {
    margin: 0; }
  .contacts-list__holder .list-item-view.inactive {
    opacity: 0.5; }
  .contacts-list__holder .list-item-view .social-info {
    margin: 0 0.5rem; }
    .contacts-list__holder .list-item-view .social-info span {
      margin-right: 0.5rem; }

.contacts-section .contact-editor, .contacts-section .content-item-preview {
  display: flex; }
/*!
 * froala_editor v4.0.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element, .fr-element:focus {
  outline: 0 solid transparent; }

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-basic .fr-element {
  font-family: sans-serif;
  color: #414141;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 60px;
  text-align: left; }

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right; }

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto; }

.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto; }

.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element [contenteditable="true"] {
  outline: 0 solid transparent; }

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #333333; }

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px; }

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px; }

.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer; }

.fr-box a.fr-floating-btn:hover svg {
  fill: #333333; }

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-wrapper {
  position: relative;
  z-index: 1; }

.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 14px;
  color: #AAA;
  font-family: sans-serif;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden; }

.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.fr-wrapper ::-moz-selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000; }

.fr-wrapper ::selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000; }

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0; }

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0; }

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm; }
  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #efefef; }
  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm !important;
    padding: 1cm 2cm;
    overflow: visible;
    z-index: auto; }
  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #efefef;
    height: 1cm;
    outline: none;
    border: none; }
  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1; } }

.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative; }

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
  display: none; }

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0; }

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto; }

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
  display: block;
  text-align: center;
  float: none;
  margin: 8px 7px;
  width: 24px; }

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px; }

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  fill: #333333; }

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 30px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 4px; }

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
  margin: 8px 7px;
  width: 24px; }

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333333;
  right: 2px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  content: ""; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333333;
  background: #d6d6d6;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  background: #ebebeb;
  fill: #333333; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333333; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222222; }

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd; }

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
  display: none; }

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #FFF; }

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px; }

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
  margin: 8px 11px;
  width: 24px;
  height: 24px; }

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7; }

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd; }

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right; }

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left; }

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right; }

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none; }

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333; }

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb; }

.fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #333333; }

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb; }

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent; }

.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent; }

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6; }

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px; }

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #FAFAFA;
  -webkit-transition: border-left 0s, background-color 0.5s;
  -moz-transition: border-left 0s, background-color 0.5s;
  -ms-transition: border-left 0s, background-color 0.5s;
  -o-transition: border-left 0s, background-color 0.5s; }

.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  margin-top: 0;
  float: left;
  height: 0;
  margin-top: 0 !important; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  min-width: 72px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 20px;
  line-height: 200%;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333333; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  margin-left: 20px;
  font-weight: bold;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75; }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important; }

body.fr-prevent-scroll {
  overflow: hidden; }

body.fr-prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch; }

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2; }

.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute; }

.fr-modal .fr-modal-wrapper {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #FFF;
  min-width: 300px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  overflow: hidden;
  width: 90%;
  position: relative; }

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%; } }

@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px; } }

.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s; }

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px; }

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 20px;
  padding: 19px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left; }

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0; }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb; }

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639; }

ol.decimal_type {
  counter-reset: item; }

ol.decimal_type > li {
  display: block; }

ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item; }

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2; }

.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
  box-sizing: content-box;
  padding: 6px; }

.fr-popup .fr-icon-container {
  padding: 20px;
  max-height: 200px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid; } }

@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap; } }

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px; } }

.fr-popup .fr-input-focus {
  background: whitesmoke; }

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0; }

.fr-popup.fr-active {
  display: block; }

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-popup.fr-empty {
  display: none !important; }

.fr-popup .fr-hs {
  display: block !important; }

.fr-popup .fr-hs.fr-hidden {
  display: none !important; }

.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0; }

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 14px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.5s, padding 0.5s;
  -moz-transition: border 0.5s, padding 0.5s;
  -ms-transition: border 0.5s, padding 0.5s;
  -o-transition: border 0.5s, padding 0.5s; }

.fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover {
  border: solid 1px #515151; }

.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px; }

.fr-popup .fr-input-line input[type="text"] {
  height: 46px; }

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 29px;
  left: 12px;
  font-size: 14px;
  color: grey;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 3;
  display: block;
  background: #FFF;
  padding: 0;
  cursor: text; }

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px; }

.fr-popup input, .fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none; }

.fr-popup textarea {
  resize: none; }

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0; }

.fr-popup .fr-buttons .fr-btn {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  float: none; }

.fr-popup .fr-buttons .fr-btn i {
  float: left; }

.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none; }

.fr-popup .fr-buttons.fr-tabs {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  overflow: hidden; }

@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px; } }

.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px; }

.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none; }

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px; } }

.fr-popup .fr-layer.fr-active {
  display: inline-block; }

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right; }

.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px; }

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7; }

.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7; }

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0; }

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle; }

.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px; }

.fr-popup .fr-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
  top: 7px;
  left: 7px; }

.fr-popup .fr-checkbox input:not(:checked) + span {
  border: solid 2px #999999; }

.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5; }

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151; }

.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7; }

.fr-popup .fr-checkbox input:checked + span svg {
  display: block; }

.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #EcF5Ff; }

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px; }

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle; }

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right; }

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left; }

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0; }

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right; }

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important; }

.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s; }

.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-toolbar::after {
  height: 0; }

.fr-toolbar .fr-newline {
  clear: both;
  display: block;
  content: "";
  margin-left: 9px;
  margin-right: 9px;
  background: #efefef;
  height: 1px;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s; }

.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0; }

.fr-toolbar .fr-float-right {
  float: right; }

.fr-toolbar .fr-float-left {
  float: left; }

.fr-toolbar .fr-more-toolbar {
  float: left;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px; }

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible; }

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px; }

.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0 17px 0 12px; }

@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px; } }

.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5; }

.fr-toolbar.fr-rtl {
  text-align: right; }

.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630; }

.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  border-top: 0; }

.fr-toolbar.fr-inline .fr-newline {
  height: 0; }

.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-bottom .fr-newline {
  padding-top: 0;
  -webkit-transition: padding-top 0.5s;
  -moz-transition: padding-top 0.5s;
  -ms-transition: padding-top 0.5s;
  -o-transition: padding-top 0.5s; }

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  padding-top: 48px;
  background: #FFF; }

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  margin-top: -1px;
  margin-bottom: 10px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left; }

.fr-separator + .fr-separator {
  display: none; }

.fr-separator.fr-vs {
  height: 32px;
  width: 1px;
  margin: 8px 4px; }

.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - (2 * 4px));
  margin: 0 4px;
  height: 1px; }

.fr-separator.fr-hidden {
  display: none !important; }

.fr-rtl .fr-separator {
  float: right; }

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none; }

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block; }

.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-second-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-second-toolbar:empty {
  min-height: calc(10px);
  position: relative;
  margin-top: calc(-1px);
  z-index: 2; }

#fr-logo {
  float: left;
  outline: none; }

#fr-logo > span {
  display: inline-block;
  float: left;
  font-family: sans-serif;
  padding: 11px 5px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b1b2b7;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s; }

#fr-logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer; }

#fr-logo > svg * {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  -o-transition: fill 0.3s; }

#fr-logo:hover > span, #fr-logo:focus > span {
  color: #0098f7; }

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
  fill: #0098f7; }

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important; }

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important; } }

@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important; } }

@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important; } }

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-box {
  position: relative; }

.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

.fr-sticky-off {
  position: relative; }

.fr-sticky-on {
  position: fixed;
  z-index: 10; }

.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important; }

.fr-sticky-dummy {
  display: none; }

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block; }

span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
  background-color: #f3eec3;
  opacity: 0.5; }

.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3; }

.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545; }

.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545; }

.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  user-select: none;
  opacity: 1; }

.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important; }

.fr-tracking-deleted img, .fr-highlight-change img {
  border: 2px solid #f3eec3; }

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3; }

.fr-highlight-change #isPasted > table td {
  opacity: 0.5;
  border-color: #f3eec3; }

.fr-track-hide {
  display: none; }

.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute; }

.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none; }

.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box; }

.position-relative {
  position: relative !important; }
/*!
 * froala_editor v4.0.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc; }

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC; }

.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-view {
  word-wrap: break-word; }

.fr-view span[style~="color:"] a {
  color: inherit; }

.fr-view strong {
  font-weight: 700; }

.fr-view table[border='0'] td:not([class]), .fr-view table[border='0'] th:not([class]), .fr-view table[border='0'] td[class=""], .fr-view table[border='0'] th[class=""] {
  border-width: 0px; }

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%; }

.fr-view table td {
  min-width: 5px; }

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed; }

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke; }

.fr-view table td, .fr-view table th {
  border: 1px solid #DDD; }

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px; }

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red; }

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px; }

.fr-view table th {
  background: #ececec; }

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always; }

.fr-view .fr-file {
  position: relative; }

.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal; }

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible; }

.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0; }

.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00BCD4; }

.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43A047; }

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1; }

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4; }

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047; }

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
  display: inline;
  line-height: 0; }

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle; }

.fr-view .fr-text-gray {
  color: #AAA !important; }

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0; }

.fr-view .fr-text-spaced {
  letter-spacing: 1px; }

.fr-view .fr-text-uppercase {
  text-transform: uppercase; }

.fr-view .fr-class-highlighted {
  background-color: #ffff00; }

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace; }

.fr-view .fr-class-transparency {
  opacity: 0.5; }

.fr-view img {
  position: relative;
  max-width: 100%; }

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%; }

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view .fr-video {
  text-align: center;
  position: relative; }

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none; }

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both; }

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left; }

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right; }

.fr-view .fr-video.fr-dvi {
  display: inline-block; }

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left; }

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right; }

.fr-view a.fr-strong {
  font-weight: 700; }

.fr-view a.fr-green {
  color: green; }

.fr-view .fr-img-caption {
  text-align: center; }

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block; }

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center; }

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px; }

a.fr-view.fr-strong {
  font-weight: 700; }

a.fr-view.fr-green {
  color: green; }

img.fr-view {
  position: relative;
  max-width: 100%; }

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%; }

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }
/*!
 * froala_editor v4.0.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element, .fr-element:focus {
  outline: 0 solid transparent; }

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-basic .fr-element {
  font-family: sans-serif;
  color: #414141;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 60px;
  text-align: left; }

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right; }

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto; }

.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto; }

.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element [contenteditable="true"] {
  outline: 0 solid transparent; }

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }

.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #333333; }

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px; }

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px; }

.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer; }

.fr-box a.fr-floating-btn:hover svg {
  fill: #333333; }

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-wrapper {
  position: relative;
  z-index: 1; }

.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 14px;
  color: #AAA;
  font-family: sans-serif;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden; }

.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.fr-wrapper ::-moz-selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000; }

.fr-wrapper ::selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000; }

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0; }

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0; }

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm; }
  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #efefef; }
  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm !important;
    padding: 1cm 2cm;
    overflow: visible;
    z-index: auto; }
  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #efefef;
    height: 1cm;
    outline: none;
    border: none; }
  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1; } }

.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative; }

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
  display: none; }

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0; }

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto; }

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
  display: block;
  text-align: center;
  float: none;
  margin: 8px 7px;
  width: 24px; }

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px; }

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  fill: #333333; }

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 30px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 4px; }

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
  margin: 8px 7px;
  width: 24px; }

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333333;
  right: 2px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  content: ""; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333333;
  background: #d6d6d6;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  background: #ebebeb;
  fill: #333333; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333333; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222222; }

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd; }

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
  display: none; }

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #FFF; }

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px; }

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
  margin: 8px 11px;
  width: 24px;
  height: 24px; }

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7; }

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd; }

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right; }

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left; }

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right; }

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none; }

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333; }

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb; }

.fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #333333; }

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb; }

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6; }

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent; }

.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent; }

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6; }

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px; }

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #FAFAFA;
  -webkit-transition: border-left 0s, background-color 0.5s;
  -moz-transition: border-left 0s, background-color 0.5s;
  -ms-transition: border-left 0s, background-color 0.5s;
  -o-transition: border-left 0s, background-color 0.5s; }

.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  margin-top: 0;
  float: left;
  height: 0;
  margin-top: 0 !important; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  min-width: 72px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 20px;
  line-height: 200%;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333333; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default; }

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  margin-left: 20px;
  font-weight: bold;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75; }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important; }

body.fr-prevent-scroll {
  overflow: hidden; }

body.fr-prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch; }

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2; }

.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute; }

.fr-modal .fr-modal-wrapper {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #FFF;
  min-width: 300px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  overflow: hidden;
  width: 90%;
  position: relative; }

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%; } }

@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px; } }

.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s; }

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px; }

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 20px;
  padding: 19px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left; }

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7; }

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0; }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb; }

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639; }

ol.decimal_type {
  counter-reset: item; }

ol.decimal_type > li {
  display: block; }

ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item; }

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2; }

.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
  box-sizing: content-box;
  padding: 6px; }

.fr-popup .fr-icon-container {
  padding: 20px;
  max-height: 200px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid; } }

@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap; } }

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px; } }

.fr-popup .fr-input-focus {
  background: whitesmoke; }

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0; }

.fr-popup.fr-active {
  display: block; }

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-popup.fr-empty {
  display: none !important; }

.fr-popup .fr-hs {
  display: block !important; }

.fr-popup .fr-hs.fr-hidden {
  display: none !important; }

.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0; }

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 14px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.5s, padding 0.5s;
  -moz-transition: border 0.5s, padding 0.5s;
  -ms-transition: border 0.5s, padding 0.5s;
  -o-transition: border 0.5s, padding 0.5s; }

.fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover {
  border: solid 1px #515151; }

.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px; }

.fr-popup .fr-input-line input[type="text"] {
  height: 46px; }

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 29px;
  left: 12px;
  font-size: 14px;
  color: grey;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 3;
  display: block;
  background: #FFF;
  padding: 0;
  cursor: text; }

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px; }

.fr-popup input, .fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none; }

.fr-popup textarea {
  resize: none; }

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0; }

.fr-popup .fr-buttons .fr-btn {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  float: none; }

.fr-popup .fr-buttons .fr-btn i {
  float: left; }

.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none; }

.fr-popup .fr-buttons.fr-tabs {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  overflow: hidden; }

@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px; } }

.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px; }

.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none; }

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px; } }

.fr-popup .fr-layer.fr-active {
  display: inline-block; }

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right; }

.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px; }

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7; }

.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7; }

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0; }

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle; }

.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px; }

.fr-popup .fr-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
  top: 7px;
  left: 7px; }

.fr-popup .fr-checkbox input:not(:checked) + span {
  border: solid 2px #999999; }

.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5; }

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151; }

.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7; }

.fr-popup .fr-checkbox input:checked + span svg {
  display: block; }

.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #EcF5Ff; }

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px; }

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle; }

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right; }

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left; }

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0; }

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right; }

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important; }

.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s; }

.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-toolbar::after {
  height: 0; }

.fr-toolbar .fr-newline {
  clear: both;
  display: block;
  content: "";
  margin-left: 9px;
  margin-right: 9px;
  background: #efefef;
  height: 1px;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s; }

.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0; }

.fr-toolbar .fr-float-right {
  float: right; }

.fr-toolbar .fr-float-left {
  float: left; }

.fr-toolbar .fr-more-toolbar {
  float: left;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px; }

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible; }

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px; }

.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0 17px 0 12px; }

@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px; } }

.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5; }

.fr-toolbar.fr-rtl {
  text-align: right; }

.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630; }

.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  border-top: 0; }

.fr-toolbar.fr-inline .fr-newline {
  height: 0; }

.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-bottom .fr-newline {
  padding-top: 0;
  -webkit-transition: padding-top 0.5s;
  -moz-transition: padding-top 0.5s;
  -ms-transition: padding-top 0.5s;
  -o-transition: padding-top 0.5s; }

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  padding-top: 48px;
  background: #FFF; }

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  margin-top: -1px;
  margin-bottom: 10px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left; }

.fr-separator + .fr-separator {
  display: none; }

.fr-separator.fr-vs {
  height: 32px;
  width: 1px;
  margin: 8px 4px; }

.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - (2 * 4px));
  margin: 0 4px;
  height: 1px; }

.fr-separator.fr-hidden {
  display: none !important; }

.fr-rtl .fr-separator {
  float: right; }

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none; }

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block; }

.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-second-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-second-toolbar:empty {
  min-height: calc(10px);
  position: relative;
  margin-top: calc(-1px);
  z-index: 2; }

#fr-logo {
  float: left;
  outline: none; }

#fr-logo > span {
  display: inline-block;
  float: left;
  font-family: sans-serif;
  padding: 11px 5px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b1b2b7;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s; }

#fr-logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer; }

#fr-logo > svg * {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  -o-transition: fill 0.3s; }

#fr-logo:hover > span, #fr-logo:focus > span {
  color: #0098f7; }

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
  fill: #0098f7; }

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important; }

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important; } }

@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important; } }

@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important; } }

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-box {
  position: relative; }

.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

.fr-sticky-off {
  position: relative; }

.fr-sticky-on {
  position: fixed;
  z-index: 10; }

.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important; }

.fr-sticky-dummy {
  display: none; }

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block; }

span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
  background-color: #f3eec3;
  opacity: 0.5; }

.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3; }

.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545; }

.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545; }

.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  user-select: none;
  opacity: 1; }

.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important; }

.fr-tracking-deleted img, .fr-highlight-change img {
  border: 2px solid #f3eec3; }

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3; }

.fr-highlight-change #isPasted > table td {
  opacity: 0.5;
  border-color: #f3eec3; }

.fr-track-hide {
  display: none; }

.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute; }

.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none; }

.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box; }

.position-relative {
  position: relative !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-code-view .fr-counter {
  display: none; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New",monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: none; }

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl; }

.fr-box .CodeMirror {
  display: none; }

.fr-box.fr-code-view textarea.fr-code {
  display: block; }

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
  display: none; }

.fr-box.fr-code-view .CodeMirror {
  display: block; }

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 24px;
  width: 24px;
  text-align: center; }

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 20px;
  padding-top: 0;
  float: left; }

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 15px 0 0; }

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 38px;
  height: 40px;
  padding: 17px 0 0;
  margin: 0; }

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 40px;
  width: 38px; }

.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px; }

.fr-popup .fr-color-set {
  line-height: 0;
  display: none; }

.fr-popup .fr-color-set.fr-selected-set {
  display: block;
  padding: 20px;
  padding-bottom: 0; }

.fr-popup .fr-color-set > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1; }

.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
  text-align: center;
  line-height: 32px;
  height: 24px;
  width: 24px;
  margin: 4px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0; }

.fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
  fill: #222222; }

.fr-popup .fr-color-set > span .fr-selected-color {
  color: #FFF;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default; }

.fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
  outline: 1px solid #222222;
  z-index: 2; }

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0); }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none; }

.fr-drag-helper.fr-visible {
  display: block; }

.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; }

.fr-popup .fr-emoticon img {
  height: 24px;
  width: 24px; }

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px; }

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb; }

.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7; }

.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important; }

.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px; }

.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-popup .fr-file-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }

.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none; }

.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }

.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite; }

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-webkit-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-moz-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-o-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element img {
  cursor: pointer;
  padding: 0 1px; }

.fr-height-auto {
  height: auto !important; }

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center; }

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none; }

.fr-trim-button:hover {
  background: #ebebeb; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-image-resizer.fr-active {
  display: block; }

.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize; }

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize; }

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize; }

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize; }

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px; }

.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px; }

.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px; }

.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px; }

.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px; }

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px; }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px; }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px; }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px; }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px; } }

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-by-url-padding {
  padding: 11.5px 0; }

.fr-popup .fr-upload-progress-layer {
  border-radius: 0;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 15px;
  margin: auto !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
  overscroll-behavior: contain; }

.fr-popup .fr-files-by-url-layer {
  width: calc(100% - 40px) !important; }

.fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important; }

.fr-popup .fr-files-upload-layer {
  border: dashed 2px #bdbdbd;
  margin: 20px;
  position: relative;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
  width: calc(100% - 40px) !important; }

.fr-popup .fr-files-upload-layer:hover {
  background: #ebebeb; }

.fr-popup .fr-files-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7; }

.fr-popup .fr-files-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important; }

.fr-popup .fr-files-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px; }

.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch; }

.fr-popup .fr-files-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }

.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
  display: none; }

.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }

.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite; }

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px; }

.fr-progress-bar-style {
  width: calc(100% - 40px); }

.fr-progress-bar {
  position: relative;
  background-color: #4CAF50;
  height: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch; }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

@-webkit-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-moz-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-o-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

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

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

.fr-icons {
  padding: 10px 20px 0;
  display: inline; }

.fr-transform-135 {
  transform: rotate(135deg); }

.fr-icons i {
  margin: 4px;
  padding: 2px;
  cursor: pointer;
  color: #999588;
  font-size: 20px; }

.fr-blue-decorator {
  background: #4a7fba;
  color: white;
  display: grid;
  padding: 5px; }

.fr-upload-progress {
  padding: 1px; }

.fr-upload-section {
  position: relative;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch; }

@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }

@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }

@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }

@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px; }
  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px; } }

.half-circle {
  width: 60px;
  height: 25px;
  background-color: white;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  transform: rotate(180deg);
  border-bottom: 0;
  position: relative;
  left: 50%;
  z-index: 1;
  left: 50%;
  margin-top: -1px;
  margin-left: -25px; }

.decorated {
  overflow: hidden;
  text-align: center; }

.decorated > span {
  position: relative;
  display: inline-block; }

.decorated > span:before, .decorated > span:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  margin: 0 20px; }

.decorated > span:before {
  right: 100%; }

.decorated > span:after {
  left: 100%; }

.fr-align-right {
  float: right; }

.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fr-files-checkbox-line {
  display: flex;
  align-items: center;
  font-size: 10px; }

.fr-files-checkbox-line label {
  cursor: pointer;
  vertical-align: middle; }

.fr-insert-checkbox input {
  height: 13px !important;
  width: 13px !important; }

.fr-autoplay-checkbox input {
  height: 13px !important;
  width: 13px !important; }

button[data-cmd="insertFiles"] {
  padding-left: 2px !important;
  padding-top: 2.7px !important; }

button[data-cmd="autoplay"] svg {
  position: relative !important;
  top: 3.2px !important; }

button[data-cmd="insertAll"] {
  padding-left: 4px !important; }

button[data-cmd="insertAll"] svg {
  position: relative !important;
  top: 3.2px !important; }

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

.fr-file-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  flex-wrap: wrap;
  position: relative;
  top: -20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px; }

.fr-file-item-left {
  display: flex;
  flex-wrap: wrap; }

.fr-file-item-icon {
  display: flex;
  align-items: center;
  padding-left: 7px; }

.fr-file-item-description {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px; }

.fr-cloud-icon {
  height: 30px;
  width: 32px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  margin-top: -18px; }

.fr-files-checkbox {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle; }

.fr-files-checkbox svg {
  margin-left: 0px;
  margin-top: 0px;
  display: none;
  width: 10px;
  height: 10px; }

.fr-files-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-files-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px; }

.fr-files-checkbox input:not(:checked) + span {
  border: solid 2px #999999; }

.fr-files-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5; }

.fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
  border-color: #515151; }

.fr-files-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7; }

.fr-files-checkbox input:checked + span svg {
  display: block; }

.fr-files-checkbox input:checked:active + span {
  background-color: #EcF5Ff; }

.fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-checkbox-disabled {
  opacity: 0.4;
  position: relative;
  display: inline-block;
  width: 13px !important;
  height: 13px !important;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle; }

.fr-checkbox-disabled svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px; }

.fr-checkbox-disabled span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }

.fr-checkbox-disabled input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: default;
  height: 13px !important;
  margin: 0;
  padding: 0;
  width: 13px !important;
  top: 7px;
  left: 7px; }

.fr-checkbox-disabled input:not(:checked) + span {
  border: solid 2px #999999; }

.fr-checkbox-disabled input:not(:checked):active + span {
  background-color: #f5f5f5; }

.fr-checkbox-disabled input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7; }

.fr-checkbox-disabled input:checked + span svg {
  display: block; }

.fr-checkbox-disabled input:checked:active + span {
  background-color: #EcF5Ff; }

.fr-file-view {
  position: absolute;
  max-width: 60%;
  right: 10%;
  z-index: 2147483642; }

.file-item-thumbnail-hover {
  transition: transform .2s; }

.file-item-thumbnail-hover:hover {
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3); }

.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold; }

.fr-margin-16 {
  margin-bottom: 16px; }

.fr-none {
  display: none; }

.fr-display-block {
  display: block; }

.fr-files-manager-tooltip {
  position: relative; }

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

.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: break-word;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 4px;
  border-radius: 2px;
  font-weight: 100;
  font-size: 10px;
  position: absolute;
  top: 80%;
  left: 50%;
  z-index: 2147483647; }

.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible; }

.fr-file-details {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px; }

.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  max-width: 110px;
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px; }

.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px; }

.dot {
  width: 20px;
  height: 20px;
  background-image: radial-gradient(circle, grey 1px, transparent 2px);
  background-size: 100% 33.33%;
  margin-left: 2px;
  margin-right: 2px; }

.fr-file-action-icons {
  margin-right: 5px;
  margin-left: 5px !important;
  color: #999;
  height: 25px !important;
  padding: 5px !important; }

@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 250px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
    font-size: 8px; } }

@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%; }
  .fr-file-item-description {
    width: 130px; }
  .fr-file-item-right {
    width: 100%; }
  .progress-circle {
    font-size: 6px; } }

@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: -50%;
    font-size: 8px; }
  .dot {
    width: 20px;
    margin-left: 0px;
    margin-right: 3px; }
  .fr-file-item-description {
    width: 80px; }
  .fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 9px; }
  .fr-file-name {
    font-size: 10px; }
  .fr-file-action-icons {
    padding: 0px !important; } }

@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px; } }

.fr-file-view-modal {
  display: block;
  position: fixed;
  position: -ms-page;
  z-index: 2147483641;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7); }

.fr-file-view-modal-content {
  display: inline-block;
  text-align: center; }

.fr-file-view-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 70%; }

.fr-file-view-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }

.fr-file-view-close:hover, .fr-file-view-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

.fr-file-error {
  color: red;
  font-weight: 200;
  font-size: 12px;
  padding-bottom: 5px; }

.fr-file-error-h5 {
  margin: 0; }

.fr-file-item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 20px; }

.fr-file-item-action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around; }

.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-right: 5px; }

.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important; }

.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc; }

.checkbox-container input:checked ~ .checkmark {
  background-color: #2196F3; }

.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.checkbox-container input:checked ~ .checkmark:after {
  display: block; }

.checkbox-container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.file-item-details .file-name {
  font-weight: bold;
  display: inline; }

.file-item-details .file-description {
  font-weight: 300;
  font-size: 11px;
  display: inline; }

.fr-width-10 {
  width: 10%;
  display: inline-block; }

.fr-width-20 {
  width: 20%;
  display: inline-block; }

.fr-width-30 {
  width: 30%;
  display: inline-block; }

.fr-width-40 {
  width: 40%;
  display: inline-block; }

.fr-width-50 {
  width: 50%;
  display: inline-block; }

.fr-width-60 {
  width: 60%;
  display: inline-block; }

.fr-width-100 {
  width: 100%;
  display: inline-block; }

.fr-width-80 {
  width: 80%;
  display: inline-block; }

.fr-width-90 {
  width: 90%;
  display: inline-block; }

.fr-width-85 {
  width: 85%;
  display: inline-block; }

.fr-width-5 {
  width: 5%;
  display: inline-block; }

.fr-width-7 {
  width: 7%;
  display: inline-block; }

.fr-img-icon {
  color: #aaaaaa;
  font-size: 16px;
  padding: 0px 4px; }

.fr-position-content {
  position: relative;
  top: 10px; }

.file-error {
  color: red; }

#myprogressBar {
  width: 10%;
  height: 5px;
  background-color: #4CAF50;
  position: relative;
  top: -30px; }

.fr-files-manager {
  z-index: 2147483641 !important; }

.progress-circle {
  margin: 0px;
  margin-left: 10px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5.1em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em; }

.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " "; }

.progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777a;
  z-index: 2; }

.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto); }

.progress-circle.over50 .first50-bar {
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em; }

.progress-circle:not(.over50) .first50-bar {
  display: none; }

.progress-circle.p0 .value-bar {
  display: none; }

.progress-circle.p1 .value-bar {
  transform: rotate(4deg); }

.progress-circle.p2 .value-bar {
  transform: rotate(7deg); }

.progress-circle.p3 .value-bar {
  transform: rotate(11deg); }

.progress-circle.p4 .value-bar {
  transform: rotate(14deg); }

.progress-circle.p5 .value-bar {
  transform: rotate(18deg); }

.progress-circle.p6 .value-bar {
  transform: rotate(22deg); }

.progress-circle.p7 .value-bar {
  transform: rotate(25deg); }

.progress-circle.p8 .value-bar {
  transform: rotate(29deg); }

.progress-circle.p9 .value-bar {
  transform: rotate(32deg); }

.progress-circle.p10 .value-bar {
  transform: rotate(36deg); }

.progress-circle.p11 .value-bar {
  transform: rotate(40deg); }

.progress-circle.p12 .value-bar {
  transform: rotate(43deg); }

.progress-circle.p13 .value-bar {
  transform: rotate(47deg); }

.progress-circle.p14 .value-bar {
  transform: rotate(50deg); }

.progress-circle.p15 .value-bar {
  transform: rotate(54deg); }

.progress-circle.p16 .value-bar {
  transform: rotate(58deg); }

.progress-circle.p17 .value-bar {
  transform: rotate(61deg); }

.progress-circle.p18 .value-bar {
  transform: rotate(65deg); }

.progress-circle.p19 .value-bar {
  transform: rotate(68deg); }

.progress-circle.p20 .value-bar {
  transform: rotate(72deg); }

.progress-circle.p21 .value-bar {
  transform: rotate(76deg); }

.progress-circle.p22 .value-bar {
  transform: rotate(79deg); }

.progress-circle.p23 .value-bar {
  transform: rotate(83deg); }

.progress-circle.p24 .value-bar {
  transform: rotate(86deg); }

.progress-circle.p25 .value-bar {
  transform: rotate(90deg); }

.progress-circle.p26 .value-bar {
  transform: rotate(94deg); }

.progress-circle.p27 .value-bar {
  transform: rotate(97deg); }

.progress-circle.p28 .value-bar {
  transform: rotate(101deg); }

.progress-circle.p29 .value-bar {
  transform: rotate(104deg); }

.progress-circle.p30 .value-bar {
  transform: rotate(108deg); }

.progress-circle.p31 .value-bar {
  transform: rotate(112deg); }

.progress-circle.p32 .value-bar {
  transform: rotate(115deg); }

.progress-circle.p33 .value-bar {
  transform: rotate(119deg); }

.progress-circle.p34 .value-bar {
  transform: rotate(122deg); }

.progress-circle.p35 .value-bar {
  transform: rotate(126deg); }

.progress-circle.p36 .value-bar {
  transform: rotate(130deg); }

.progress-circle.p37 .value-bar {
  transform: rotate(133deg); }

.progress-circle.p38 .value-bar {
  transform: rotate(137deg); }

.progress-circle.p39 .value-bar {
  transform: rotate(140deg); }

.progress-circle.p40 .value-bar {
  transform: rotate(144deg); }

.progress-circle.p41 .value-bar {
  transform: rotate(148deg); }

.progress-circle.p42 .value-bar {
  transform: rotate(151deg); }

.progress-circle.p43 .value-bar {
  transform: rotate(155deg); }

.progress-circle.p44 .value-bar {
  transform: rotate(158deg); }

.progress-circle.p45 .value-bar {
  transform: rotate(162deg); }

.progress-circle.p46 .value-bar {
  transform: rotate(166deg); }

.progress-circle.p47 .value-bar {
  transform: rotate(169deg); }

.progress-circle.p48 .value-bar {
  transform: rotate(173deg); }

.progress-circle.p49 .value-bar {
  transform: rotate(176deg); }

.progress-circle.p50 .value-bar {
  transform: rotate(180deg); }

.progress-circle.p51 .value-bar {
  transform: rotate(184deg); }

.progress-circle.p52 .value-bar {
  transform: rotate(187deg); }

.progress-circle.p53 .value-bar {
  transform: rotate(191deg); }

.progress-circle.p54 .value-bar {
  transform: rotate(194deg); }

.progress-circle.p55 .value-bar {
  transform: rotate(198deg); }

.progress-circle.p56 .value-bar {
  transform: rotate(202deg); }

.progress-circle.p57 .value-bar {
  transform: rotate(205deg); }

.progress-circle.p58 .value-bar {
  transform: rotate(209deg); }

.progress-circle.p59 .value-bar {
  transform: rotate(212deg); }

.progress-circle.p60 .value-bar {
  transform: rotate(216deg); }

.progress-circle.p61 .value-bar {
  transform: rotate(220deg); }

.progress-circle.p62 .value-bar {
  transform: rotate(223deg); }

.progress-circle.p63 .value-bar {
  transform: rotate(227deg); }

.progress-circle.p64 .value-bar {
  transform: rotate(230deg); }

.progress-circle.p65 .value-bar {
  transform: rotate(234deg); }

.progress-circle.p66 .value-bar {
  transform: rotate(238deg); }

.progress-circle.p67 .value-bar {
  transform: rotate(241deg); }

.progress-circle.p68 .value-bar {
  transform: rotate(245deg); }

.progress-circle.p69 .value-bar {
  transform: rotate(248deg); }

.progress-circle.p70 .value-bar {
  transform: rotate(252deg); }

.progress-circle.p71 .value-bar {
  transform: rotate(256deg); }

.progress-circle.p72 .value-bar {
  transform: rotate(259deg); }

.progress-circle.p73 .value-bar {
  transform: rotate(263deg); }

.progress-circle.p74 .value-bar {
  transform: rotate(266deg); }

.progress-circle.p75 .value-bar {
  transform: rotate(270deg); }

.progress-circle.p76 .value-bar {
  transform: rotate(274deg); }

.progress-circle.p77 .value-bar {
  transform: rotate(277deg); }

.progress-circle.p78 .value-bar {
  transform: rotate(281deg); }

.progress-circle.p79 .value-bar {
  transform: rotate(284deg); }

.progress-circle.p80 .value-bar {
  transform: rotate(288deg); }

.progress-circle.p81 .value-bar {
  transform: rotate(292deg); }

.progress-circle.p82 .value-bar {
  transform: rotate(295deg); }

.progress-circle.p83 .value-bar {
  transform: rotate(299deg); }

.progress-circle.p84 .value-bar {
  transform: rotate(302deg); }

.progress-circle.p85 .value-bar {
  transform: rotate(306deg); }

.progress-circle.p86 .value-bar {
  transform: rotate(310deg); }

.progress-circle.p87 .value-bar {
  transform: rotate(313deg); }

.progress-circle.p88 .value-bar {
  transform: rotate(317deg); }

.progress-circle.p89 .value-bar {
  transform: rotate(320deg); }

.progress-circle.p90 .value-bar {
  transform: rotate(324deg); }

.progress-circle.p91 .value-bar {
  transform: rotate(328deg); }

.progress-circle.p92 .value-bar {
  transform: rotate(331deg); }

.progress-circle.p93 .value-bar {
  transform: rotate(335deg); }

.progress-circle.p94 .value-bar {
  transform: rotate(338deg); }

.progress-circle.p95 .value-bar {
  transform: rotate(342deg); }

.progress-circle.p96 .value-bar {
  transform: rotate(346deg); }

.progress-circle.p97 .value-bar {
  transform: rotate(349deg); }

.progress-circle.p98 .value-bar {
  transform: rotate(353deg); }

.progress-circle.p99 .value-bar {
  transform: rotate(356deg); }

.progress-circle.p100 .value-bar {
  transform: rotate(360deg); }

.left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em); }

.value-bar {
  position: absolute;
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777a;
  box-sizing: border-box; }

.align-autoplay {
  align-items: flex-end;
  margin-right: 7px; }

.fr-hovered-over-file {
  background-color: #F0F0F0; }

.thumbnail-padding {
  padding-right: 4px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed; }

.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important; }

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-fullscreen .fr-toolbar {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important; }

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important; }

.fr-box.fr-fullscreen .fr-second-toolbar {
  margin-top: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
  text-align: left; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element img {
  cursor: pointer;
  padding: 0 1px; }

.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-image-resizer.fr-active {
  display: block; }

.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize; }

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize; }

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize; }

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize; }

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px; }

.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px; }

.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px; }

.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px; }

.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px; }

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px; }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px; }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px; }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px; }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px; } }

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center; }

.fr-popup .fr-image-upload-layer:hover {
  background: #ebebeb; }

.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7; }

.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important; }

.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px; }

.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none; }

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }

.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite; }

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px; }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

@-webkit-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-moz-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@-o-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px; }

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0; }

.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left; }

.fr-modal .fr-modal-head .fr-modal-tags a {
  display: inline-block;
  opacity: 0;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor: pointer;
  background-color: #f5f5f5; }

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
  outline: none;
  background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
  background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a:active {
  background-color: #d6d6d6; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background-color: #EcF5Ff;
  color: #0098f7; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
  outline: none;
  background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
  background-color: #ebebeb; }

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
  background-color: #d6d6d6; }

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7; }

div.fr-modal-body {
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }

div.fr-modal-body .fr-preloader {
  display: block;
  margin: 50px auto; }

div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 20px;
  padding: 0; }

div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc((100% - 20px) / 2); }

@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 40px) / 3); } }

@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 60px) / 4); } }

div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden; }

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
  margin-top: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  position: absolute;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  content: attr(data-deleting);
  color: #FFF;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  height: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  height: 95px;
  background: #CCCCCC;
  z-index: 1; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-loading);
  display: inline-block;
  height: 20px; }

div.fr-modal-body div.fr-image-list div.fr-image-container img {
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0); }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block; }

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  display: none;
  top: 50%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  z-index: 3; }

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #B8312F;
  fill: #FFF;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%); }

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #FFF;
  fill: #0098f7;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%); }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px; }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF; }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none; }

.fr-line-breaker.fr-visible {
  display: block; }

.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  left: calc(50% - (40px / 2));
  top: -20px; }

.fr-line-breaker a.fr-floating-btn svg {
  margin: 8px;
  height: 24px;
  width: 24px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-wrapper-markdown {
  display: flex;
  min-height: 200px; }

.fr-markdown-view {
  width: calc(52% - 1px);
  box-sizing: inherit;
  min-height: 200px !important; }

.fr-markdown-editor {
  width: calc(48% - 1px);
  box-sizing: inherit;
  background-color: #eee;
  min-height: 200px !important; }

.fr-markdown-editor > p {
  margin: 0; }

.fr-markdown-view > p {
  margin-top: 0; }

.gutter-horizontal {
  display: flex;
  z-index: 9;
  background-color: #dadada;
  cursor: col-resize;
  width: 2px; }

.e-resize-handler {
  z-index: 9;
  width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  font-size: 10px;
  color: #c5c5c5; }

.fr-markdown-view > dl {
  margin-top: 0;
  margin-bottom: 1rem; }

.fr-markdown-view > dt {
  font-weight: 700; }

.fr-markdown-view > dd {
  margin-bottom: .5rem;
  margin-left: 0; }

.fr-markdown-view > pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.125rem 0.3125rem 0.0625rem; }

.fr-markdown-view > code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family: Consolas,"Liberation Mono",Courier,monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem; }

.fr-markdown-view > pre code {
  background-color: transparent;
  border: 0;
  padding: 0; }

.fr-markdown-view > sup {
  top: -.5em; }

.footnote-a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

.fr-markdown-view > hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.blockquote {
  margin: 0 0 1rem;
  border-left: 5px solid #eee;
  padding: 10px 20px;
  font-size: 1.25rem; }

.fr-markdown-view > table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse; }

.fr-markdown-view > table > tbody > tr > td, .fr-markdown-view > table > tbody > tr > th, .fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ddd; }

.fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th {
  border-bottom-width: 2px; }

.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.fr-markdown-view > a {
  color: #337ab7;
  text-decoration: none; }

.fr-markdown-view > h1 {
  font-size: 2em !important; }

.fr-markdown-view > h2 {
  font-size: 1.5em !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-quick-insert a.fr-floating-btn svg {
  margin: 8px;
  width: 24px;
  height: 24px; }

.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg); }

.fr-quick-insert.fr-hidden {
  display: none; }

.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap; }

.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  padding: 6px 10px 10px 10px;
  display: inline-block;
  color: #222222;
  background: #FFF;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0); }

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
  fill: #222222; }

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px; }

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
  font-weight: normal;
  font-size: 16px; }

.fr-popup .fr-special-character {
  width: 24px;
  height: 24px; }

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7; }

.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element table td, .fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text; }

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none; }

.fr-table-resizer.fr-moving {
  z-index: 2; }

.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #0098f7; }

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-popup .fr-table-size {
  margin: 20px; }

.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px; }

.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 5px;
  white-space: nowrap; }

.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0 4px 4px 0;
  background: transparent; }

.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #DDD; }

.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent; }

.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(0, 152, 247, 0.3);
  border: solid 1px #0098f7; }

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important; }

.fr-popup .fr-table-colors {
  display: block;
  padding: 20px;
  padding-bottom: 0; }

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px; }

.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

#fr-form-container {
  margin: auto;
  position: relative;
  top: 10%;
  background-color: #f5f5f5;
  width: 60%;
  border-radius: 5px;
  z-index: 9002;
  overflow: auto;
  background-color: #fefefe; }

.fr-trim-video-name {
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 15px; }

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center; }

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none; }

.fr-trim-button:hover {
  background: #ebebeb; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fr-slidecontainer {
  width: 100%; }

.fr-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3; }

.fr-video-trim-buttons {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-top: 10px; }

.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer; }

.fr-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #3498db;
  border-radius: 50%;
  cursor: pointer; }

.fr-range-value-start {
  position: absolute; }

.fr-range-value-start > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%, 0);
  border-radius: 6px; }

.fr-range-value-start > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 86%;
  margin-left: -5px;
  margin-top: -1px; }

.fr-range-value-end {
  position: absolute; }

.fr-range-value-end > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%, 0);
  border-radius: 6px; }

.fr-range-value-end > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 14%;
  margin-left: -5px;
  margin-top: -1px; }

#startTimeValue {
  top: -153% !important; }

#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%; }

#endTimeValue {
  top: -153% !important; }

#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%; }

.fr-range-slider {
  position: relative;
  width: 80%;
  height: 15px; }

.fr-range-slider > input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  outline: none;
  height: 6px;
  border-radius: 10px; }

.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #3498db;
  cursor: pointer;
  border-radius: 7px;
  margin-top: -3.6px; }

.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
  height: 15px;
  border-radius: 7px;
  margin-top: -3.6px; }

.fr-range-slider > input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
  height: 15px;
  border-radius: 50%;
  margin-top: -3.6px; }

.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0; }

.fr-range-slider > input[type="range"]::-moz-focus-outer {
  border: 0; }

@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px; }
  #fr-form-container {
    top: 20%; } }

#fr-video-edit {
  width: 80%;
  text-align: center;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-element .fr-video::after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: transparent; }

.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative; }

.fr-element .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none; }

.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-box .fr-video-resizer.fr-active {
  display: block; }

.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize; }

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize; }

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize; }

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize; }

.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px; }

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px; }

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px; }

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px; }

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px; }

@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px; } }

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px; }

.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center; }

.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb; }

.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7; }

.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important; }

.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px; }

.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none; }

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }

.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s; }

.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite; }

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

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

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc; }

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC; }

.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-view {
  word-wrap: break-word; }

.fr-view span[style~="color:"] a {
  color: inherit; }

.fr-view strong {
  font-weight: 700; }

.fr-view table[border='0'] td:not([class]), .fr-view table[border='0'] th:not([class]), .fr-view table[border='0'] td[class=""], .fr-view table[border='0'] th[class=""] {
  border-width: 0px; }

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%; }

.fr-view table td {
  min-width: 5px; }

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed; }

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke; }

.fr-view table td, .fr-view table th {
  border: 1px solid #DDD; }

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px; }

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red; }

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px; }

.fr-view table th {
  background: #ececec; }

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always; }

.fr-view .fr-file {
  position: relative; }

.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal; }

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible; }

.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0; }

.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00BCD4; }

.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43A047; }

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1; }

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4; }

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047; }

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
  display: inline;
  line-height: 0; }

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle; }

.fr-view .fr-text-gray {
  color: #AAA !important; }

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0; }

.fr-view .fr-text-spaced {
  letter-spacing: 1px; }

.fr-view .fr-text-uppercase {
  text-transform: uppercase; }

.fr-view .fr-class-highlighted {
  background-color: #ffff00; }

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace; }

.fr-view .fr-class-transparency {
  opacity: 0.5; }

.fr-view img {
  position: relative;
  max-width: 100%; }

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%; }

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

.fr-view .fr-video {
  text-align: center;
  position: relative; }

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none; }

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both; }

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left; }

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right; }

.fr-view .fr-video.fr-dvi {
  display: inline-block; }

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left; }

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right; }

.fr-view a.fr-strong {
  font-weight: 700; }

.fr-view a.fr-green {
  color: green; }

.fr-view .fr-img-caption {
  text-align: center; }

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block; }

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%; }

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center; }

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px; }

a.fr-view.fr-strong {
  font-weight: 700; }

a.fr-view.fr-green {
  color: green; }

img.fr-view {
  position: relative;
  max-width: 100%; }

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%; }

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top; }

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px)); }

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px); }

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px); }

/*# sourceMappingURL=app.bundle.23b30b44.css.map*/