@import './css/reboot.min.css';
@font-face {
  font-family: 'Roboto';
  src: local(Roboto Thin), url('/static/fonts/roboto/Roboto-Thin.eot');
  src: url('/static/fonts/roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('/static/fonts/roboto/Roboto-Thin.woff2') format('woff2'), url('/static/fonts/roboto/Roboto-Thin.woff') format('woff'), url('/static/fonts/roboto/Roboto-Thin.ttf') format('truetype');
  font-weight: 200;
}
@font-face {
  font-family: 'Roboto';
  src: local(Roboto Light), url('/static/fonts/roboto/Roboto-Light.eot');
  src: url('/static/fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/static/fonts/roboto/Roboto-Light.woff2') format('woff2'), url('/static/fonts/roboto/Roboto-Light.woff') format('woff'), url('/static/fonts/roboto/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Roboto';
  src: local(Roboto Regular), url('/static/fonts/roboto/Roboto-Regular.eot');
  src: url('/static/fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('/static/fonts/roboto/Roboto-Regular.woff') format('woff'), url('/static/fonts/roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Roboto';
  src: url('/static/fonts/roboto/Roboto-Medium.eot');
  src: url('/static/fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/static/fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('/static/fonts/roboto/Roboto-Medium.woff') format('woff'), url('/static/fonts/roboto/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Roboto';
  src: url('/static/fonts/roboto/Roboto-Bold.eot');
  src: url('/static/fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('/static/fonts/roboto/Roboto-Bold.woff') format('woff'), url('/static/fonts/roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
}
html {
  font-size: 62.5%;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
body {
  width: 100vw;
  height: 100vh;
  color: #334050;
  display: flex;
  overflow: hidden;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}
input,
textarea {
  background-color: #fff;
  color: #334050;
}
i[class^="fa"] {
  font-size: 1.6rem;
  line-height: 1.5rem;
}
.atlwdg-trigger {
  display: none !important;
}
.required {
  position: relative;
  padding-right: 1rem;
}
.required::after {
  content: '*';
  position: absolute;
  top: -0.4rem;
  right: 0;
  font-size: 1.6rem;
  color: #ed1c24;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0.6rem;
  height: 0.6rem;
}
::-webkit-scrollbar-track {
  background: #e6ebf0;
}
::-webkit-scrollbar-thumb {
  background-color: #aeb5bf;
  border-radius: 0.4rem;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.bq-dropdown,
.dropdown {
  margin: 0;
  font-weight: normal;
}
.bq-dropdown li,
.dropdown li {
  padding: 0;
  text-align: left;
}
.bq-dropdown li.dropdown__desc,
.dropdown li.dropdown__desc,
.bq-dropdown li.description,
.dropdown li.description {
  padding: 0.4rem 0.4rem 0.4rem 4rem;
}
.bq-dropdown li:hover:not(.dropdown__desc):not(.description),
.dropdown li:hover:not(.dropdown__desc):not(.description) {
  background-color: #f1f4f8;
  border-radius: 0.4rem;
  color: #1da1fc;
}
.bq-dropdown li:hover:not(.dropdown__desc):not(.description) i[class^="fa"],
.dropdown li:hover:not(.dropdown__desc):not(.description) i[class^="fa"] {
  color: #1da1fc;
}
.bq-dropdown,
.dropdown,
.bp-dropdown__body {
  border: 0.1rem solid #dfe3e9;
  border-radius: 0 0 0.4rem 0.4rem;
  background-color: #fff;
  box-shadow: 0 0.5rem 1.5rem -0.5rem rgba(0,0,0,0.5);
  z-index: 9999;
}
.bq-dropdown:empty,
.dropdown:empty,
.bp-dropdown__body:empty {
  padding: 0.8rem !important;
}
.bq-dropdown li.divider,
.dropdown li.divider,
.bp-dropdown__body li.divider {
  width: 100%;
  height: 0.1rem;
  padding: 0 !important;
  background-color: #dfe3e9;
}
.bq-container,
.card {
  max-height: 100%;
  overflow: auto;
  border-radius: 0.4rem;
  border: 0.1rem solid #dfe3e9;
  background-color: #fff;
}
.bq-container:empty,
.card:empty {
  display: none;
}
.bq-content {
  padding: 1.6rem;
}
.bq-empty:empty {
  padding: 0.8rem !important;
  text-align: center;
}
.bq-empty:empty::before {
  content: attr(data-empty-text);
}
.bq-list {
  list-style: none;
  white-space: nowrap;
}
.bq-list a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0.8rem;
  color: #334050;
}
.bq-list a .icon {
  margin-right: 0.8rem;
  color: #516173;
}
.bq-list a:hover {
  text-decoration: none;
  background-color: #f1f4f8;
  color: #1da1fc;
}
.bq-list a:hover .icon {
  color: #1da1fc;
}
.search-uni {
  display: inline-block;
  min-width: 24rem;
}
.search-uni input {
  width: 100%;
}
.search-uni input + span,
.search-uni input + .icon,
.search-uni input + i[class^="fa"] {
  position: absolute;
  top: 27%;
  right: 0.8rem;
  margin: auto 0;
  color: #dfe3e9;
}
.search-uni input:focus + span,
.search-uni input:focus + .icon,
.search-uni input:focus + i[class^="fa"] {
  color: #1da1fc;
}
.construct > * {
  width: inherit;
}
.instruction-link-extra {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  line-height: normal;
}
hr,
.hr {
  height: 0.1rem;
  margin: 1.6rem 0;
  border: 0;
  background-color: #dfe3e9;
}
.help {
  color: #7f8fa4;
  font-size: 1.1rem;
}
.bq-progress {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}
.bq-progress__bar {
  display: inline-flex;
  max-width: 7.2rem;
  width: 100%;
  margin-right: 0.8rem;
  vertical-align: middle;
  border-radius: 0.4rem;
  background-color: #e2e7ee;
}
.bq-progress__bar i {
  display: inline-block;
  height: 0.4rem;
  border-radius: 0.4rem;
  color: #fff;
}
.bq-progress__bar i.red {
  background-color: #ed1c24;
}
.bq-progress__bar i.yellow {
  background-color: #f7981c;
}
.bq-progress__bar i.green {
  background-color: #249533;
}
.bq-progress + span {
  color: #7f8fa4;
  font-size: 1.1rem;
}
.bq-progress--lg {
  font-size: 1.3rem;
}
.bq-progress--lg i {
  height: 1.2rem;
}
main.main-content legend {
  width: auto;
  margin-left: -0.8rem;
  padding: 0 0.8rem;
  font-weight: bold;
}
.main-side {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  height: 100vh;
  flex-grow: 2;
  flex-shrink: 0;
  flex-basis: 100%;
  position: relative;
  padding-top: 5.6rem;
  background-color: #f1f4f8;
  overflow: hidden;
}
.main-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  height: 100%;
  z-index: 9;
  overflow: hidden;
}
.main-body {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  flex: 2 1 auto;
}
.main-content {
  flex: 1 1 auto;
  padding: 0.5% 0;
  overflow: hidden;
}
.mta {
  margin-top: auto !important;
}
.mt5 {
  margin-top: 0.5rem !important;
}
.mt10 {
  margin-top: 1rem !important;
}
.mra {
  margin-right: auto !important;
}
.mr5 {
  margin-right: 0.5rem !important;
}
.mr10 {
  margin-right: 1rem !important;
}
.mla {
  margin-left: auto !important;
}
.ml5 {
  margin-left: 0.5rem !important;
}
.ml10 {
  margin-left: 1rem !important;
}
.mba {
  margin-bottom: auto !important;
}
.mb5 {
  margin-bottom: 0.5rem !important;
}
.mb10 {
  margin-bottom: 1rem !important;
}
.wa {
  width: auto !important;
}
.w100 {
  width: 100% !important;
}
.ha {
  height: auto !important;
}
.h100 {
  height: 100% !important;
}
.mh100 {
  max-height: 100% !important;
}
.oa {
  overflow: auto !important;
}
.oh {
  overflow: hidden !important;
}
.grid-row {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0;
}
.grid-row > * {
  font-size: 1.2rem;
}
.grid-row > [class*="grid-cell-"] {
  display: inline-block;
  max-height: 100%;
  vertical-align: top;
  overflow: auto;
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.grid-row > .grid-cell-1 {
  width: 7.333333333333333%;
}
.grid-row > .grid-cell-2 {
  width: 15.666666666666664%;
}
.grid-row > .grid-cell-3 {
  width: 24%;
}
.grid-row > .grid-cell-4 {
  width: 32.33333333333333%;
}
.grid-row > .grid-cell-5 {
  width: 40.666666666666664%;
}
.grid-row > .grid-cell-6 {
  width: 49%;
}
.grid-row > .grid-cell-7 {
  width: 57.333333333333336%;
}
.grid-row > .grid-cell-8 {
  width: 65.66666666666666%;
}
.grid-row > .grid-cell-9 {
  width: 74%;
}
.grid-row > .grid-cell-10 {
  width: 82.33333333333334%;
}
.grid-row > .grid-cell-11 {
  width: 90.66666666666666%;
}
.grid-row > .grid-cell-12 {
  width: 99%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
label {
  margin-bottom: 0.8rem;
  font-weight: normal;
}
h3,
h4 {
  font-weight: 500;
}
h5,
h6 {
  font-style: italic;
}
h1 {
  font-size: 2.4rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.6rem;
}
h4 {
  font-size: 1.4rem;
}
h5 {
  font-size: 1.4rem;
}
h6 {
  font-size: 1.2rem;
}
.t {
  text-align: left;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.t-upper {
  text-transform: uppercase;
}
.t-bold {
  font-weight: 500;
}
.t-small {
  font-size: 1.1rem;
}
.t-small i {
  font-size: 1.2rem;
}
.t-additional {
  color: #7f8fa4;
}
.t-neutral {
  color: #7f8fa4;
}
.t-success {
  color: #249533;
}
.t-error {
  color: #ed1c24;
}
ol,
ul {
  font-weight: 600;
  -webkit-margin-before: 1.6rem;
  -webkit-margin-after: 1.6rem;
  -webkit-margin-start: 0.8rem;
  -webkit-margin-end: 1.6rem;
  -webkit-padding-start: 0.8rem;
}
ol li,
ul li {
  padding: 0.4rem;
}
ol li ol,
ul li ol,
ol li ul,
ul li ul {
  -webkit-margin-before: 0.4rem;
  -webkit-margin-after: -0.4rem;
}
button {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0.8rem;
  background: none;
  border: 0;
  font-size: 1.2rem;
  line-height: 1.5;
  overflow: visible;
  border: 0.1rem solid transparent;
  border-radius: 0.4rem;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #334050;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:active,
button:focus {
  outline: 0;
}
.button {
  border-color: #dfe3e9;
  background: linear-gradient(0deg, #f2f4f7 0%, #fff 100%);
}
.button:hover:not([disabled]) {
  background: linear-gradient(0deg, #eaeef3 0%, #fff 100%);
}
.button:active:not([disabled]),
.button:focus:not([disabled]) {
  background: linear-gradient(0deg, #e0e4e8 0%, #f2f7fa 100%);
}
.button:not(.button--green):not(.button--blue):not(.button--red) > i[class^="fa"] {
  color: #516173;
}
.button.button--icon {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.5rem;
  padding: 0;
  color: #7f8fa4;
}
.button.button--icon .icon,
.button.button--icon i[class^="fa"] {
  font-size: 1.2rem;
  line-height: 0;
}
.button.button--icon:last-of-type {
  margin-right: 0;
}
.button.button--icon:hover {
  color: #666;
}
.button.button--icon--text {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.button.button--icon--text > .icon,
.button.button--icon--text > i[class^="fa"] {
  width: 1.2rem !important;
  height: 1.2rem !important;
  line-height: 0;
}
.button--blue {
  background: linear-gradient(0deg, #1991eb 0%, #2da1f8 100%) !important;
  color: #fff !important;
  border-color: #1da1fc;
}
.button--blue:hover:not([disabled]) {
  background: linear-gradient(180deg, #1584d7 0%, #2184cf 100%) !important;
}
.button--blue:active:not([disabled]),
.button--blue:focus:not([disabled]) {
  background: linear-gradient(180deg, #0c73c1 0%, #196baa 100%) !important;
}
.button--blue i[class^="fa"] {
  color: #fff !important;
}
.button--green {
  background: linear-gradient(180deg, #39b54a 0%, #34aa44 100%) !important;
  color: #fff !important;
  border-color: #43ab37;
}
.button--green:hover:not([disabled]) {
  background: linear-gradient(0deg, #1e930b 0%, #1e9d09 100%) !important;
}
.button--green:active:not([disabled]),
.button--green:focus:not([disabled]) {
  background: linear-gradient(0deg, #1a740b 0%, #187a08 100%) !important;
}
.button--green i[class^="fa"] {
  color: #fff !important;
}
.button--red {
  background: linear-gradient(180deg, #f85359 0%, #dc151d 100%) !important;
  color: #fff !important;
  border-color: #ed1c24;
}
.button--red:hover:not([disabled]) {
  background: linear-gradient(180deg, #f14d53 0%, #d0161d 100%) !important;
}
.button--red:active:not([disabled]),
.button--red:focus:not([disabled]) {
  background: linear-gradient(180deg, #ec4349 0%, #bd0c13 100%) !important;
}
.button--red i[class^="fa"] {
  color: #fff !important;
}
.button--sm {
  padding: 0.3rem 0.8rem;
  font-size: 1.1rem;
}
.btn {
  border-color: #dfe3e9;
  background: linear-gradient(0deg, #f2f4f7 0%, #fff 100%);
}
.btn:hover:not([disabled]) {
  background: linear-gradient(0deg, #eaeef3 0%, #fff 100%);
}
.btn:active:not([disabled]),
.btn:focus:not([disabled]) {
  background: linear-gradient(0deg, #e0e4e8 0%, #f2f7fa 100%);
}
.btn:not(.btn-green):not(.btn-blue):not(.btn-red) > i[class^="fa"] {
  color: #516173;
}
.btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn.btn-icon {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  color: #7f8fa4;
}
.btn.btn-icon i[class^="fa"] {
  line-height: 0;
}
.btn.btn-icon:hover {
  color: #666;
}
.btn.btn-icon.btn-sm {
  width: 2.4rem;
  height: 2.4rem;
}
.btn.btn-icon.btn-sm .icon,
.btn.btn-icon.btn-sm i[class^="fa"] {
  font-size: 1.2rem;
}
.btn.btn-icon.btn-lg {
  width: 4rem;
  height: 4rem;
}
.btn.btn-icon.btn-lg .icon,
.btn.btn-icon.btn-lg i[class^="fa"] {
  font-size: 2rem;
}
.btn.btn-icon-text {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-icon-text > .icon,
.btn.btn-icon-text > i[class^="fa"] {
  font-size: 1.2rem;
  line-height: 0;
}
.btn-blue {
  background: linear-gradient(0deg, #1991eb 0%, #2da1f8 100%) !important;
  color: #fff !important;
  border-color: #1da1fc;
}
.btn-blue:hover:not([disabled]) {
  background: linear-gradient(180deg, #1584d7 0%, #2184cf 100%) !important;
}
.btn-blue:active:not([disabled]),
.btn-blue:focus:not([disabled]) {
  background: linear-gradient(180deg, #0c73c1 0%, #196baa 100%) !important;
}
.btn-blue i[class^="fa"] {
  color: #fff !important;
}
.btn-green {
  background: linear-gradient(180deg, #39b54a 0%, #34aa44 100%) !important;
  color: #fff !important;
  border-color: #43ab37;
}
.btn-green:hover:not([disabled]) {
  background: linear-gradient(0deg, #1e930b 0%, #1e9d09 100%) !important;
}
.btn-green:active:not([disabled]),
.btn-green:focus:not([disabled]) {
  background: linear-gradient(0deg, #1a740b 0%, #187a08 100%) !important;
}
.btn-green i[class^="fa"] {
  color: #fff !important;
}
.btn-red {
  background: linear-gradient(180deg, #f85359 0%, #dc151d 100%) !important;
  color: #fff !important;
  border-color: #ed1c24;
}
.btn-red:hover:not([disabled]) {
  background: linear-gradient(180deg, #f14d53 0%, #d0161d 100%) !important;
}
.btn-red:active:not([disabled]),
.btn-red:focus:not([disabled]) {
  background: linear-gradient(180deg, #ec4349 0%, #bd0c13 100%) !important;
}
.btn-red i[class^="fa"] {
  color: #fff !important;
}
.btn-sm {
  padding: 0.2rem 0.8rem;
  font-size: 1.2rem;
}
.btn-sm .icon,
.btn-sm i[class^="fa"] {
  font-size: 1.2rem;
}
.btn-lg {
  padding: 0.85rem 1rem;
  font-size: 1.4rem;
}
.btn-lg .icon,
.btn-lg i[class^="fa"] {
  font-size: 2rem;
}
.btn__text {
  white-space: nowrap;
}
@media screen and (max-width: 1400px) {
  .btn__text {
    display: none;
  }
}
.btn__icon {
  display: none;
  line-height: 0;
}
.btn__icon i[class^="fa"] {
  color: #516173;
}
@media screen and (max-width: 1400px) {
  .btn__icon {
    display: inline-block;
  }
}
.btn-group,
.button-group {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  font-size: 0;
}
.btn-group > *,
.button-group > * {
  margin: 0 !important;
  font-size: 1.2rem;
  border-radius: 0;
}
.btn-group > *.btn,
.button-group > *.btn {
  min-height: 3.2rem;
}
.btn-group > *.btn-sm,
.button-group > *.btn-sm {
  min-height: 2.4rem;
}
.btn-group > *:nth-child(1):not(:last-child),
.button-group > *:nth-child(1):not(:last-child),
.btn-group > *:nth-child(1):not(:last-child) > button,
.button-group > *:nth-child(1):not(:last-child) > button {
  border-radius: 0.4rem 0 0 0.4rem;
}
.btn-group > *:last-child:not(:nth-child(1)),
.button-group > *:last-child:not(:nth-child(1)),
.btn-group > *:last-child:not(:nth-child(1)) > button,
.button-group > *:last-child:not(:nth-child(1)) > button {
  border-radius: 0 0.4rem 0.4rem 0;
}
.btn-group > *:not(:last-child),
.button-group > *:not(:last-child),
.btn-group > *:not(:last-child) > button,
.button-group > *:not(:last-child) > button {
  border-right: 0;
}
.btn-group > *:first-child:last-child,
.button-group > *:first-child:last-child {
  border-radius: 0.4rem;
}
.btn-group-vertical,
.button-group-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: top;
  font-size: 0;
}
.btn-group-vertical > *,
.button-group-vertical > * {
  margin: 0 !important;
  font-size: 1.2rem;
  border-radius: 0;
}
.btn-group-vertical > *.btn,
.button-group-vertical > *.btn {
  min-height: 3.2rem;
}
.btn-group-vertical > *.btn-sm,
.button-group-vertical > *.btn-sm {
  min-height: 2.4rem;
}
.btn-group-vertical > *:nth-child(1):not(:last-child),
.button-group-vertical > *:nth-child(1):not(:last-child),
.btn-group-vertical > *:nth-child(1):not(:last-child) > button,
.button-group-vertical > *:nth-child(1):not(:last-child) > button {
  border-radius: 0.4rem 0.4rem 0 0;
}
.btn-group-vertical > *:last-child:not(:nth-child(1)),
.button-group-vertical > *:last-child:not(:nth-child(1)),
.btn-group-vertical > *:last-child:not(:nth-child(1)) > button,
.button-group-vertical > *:last-child:not(:nth-child(1)) > button {
  border-radius: 0 0 0.4rem 0.4rem;
}
.btn-group-vertical > *:not(:last-child),
.button-group-vertical > *:not(:last-child),
.btn-group-vertical > *:not(:last-child) > button,
.button-group-vertical > *:not(:last-child) > button {
  border-bottom: 0;
}
input[type="checkbox"],
.input[type="checkbox"],
input[type="radio"],
.input[type="radio"] {
  width: auto;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input),
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input) {
  border: 0.1rem solid #dfe3e9;
  border-radius: 0.4rem;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input):not(.select2-search__field),
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input):not(.select2-search__field) {
  line-height: 1.5;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input):not(textarea):not(.select2-search__field),
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input):not(textarea):not(.select2-search__field) {
  height: 3.2rem;
  padding: 0 0.8rem;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input):focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input):focus {
  outline: 0;
  border-color: #1da1fc;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="submit"],
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="submit"],
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="reset"],
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="reset"],
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="button"],
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="button"] {
  min-width: auto;
  background: none;
  border: 0.1rem solid transparent;
  color: inherit;
/* cursor default; */
  font: inherit;
  line-height: 1.5;
  overflow: visible;
  padding: 0.5rem 0.8rem;
  -webkit-appearance: button;
  -moz-user-select: none;
  -ms-user-select: none;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="submit"]::-moz-focus-inner,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="submit"]::-moz-focus-inner,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="reset"]::-moz-focus-inner,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="reset"]::-moz-focus-inner,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="button"]::-moz-focus-inner,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input)[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn {
  border-color: #dfe3e9;
  background: linear-gradient(0deg, #f2f4f7 0%, #fff 100%);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button:hover,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn:hover {
  background: linear-gradient(0deg, #eaeef3 0%, #fff 100%);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn:focus {
  background: linear-gradient(0deg, #e0e4e8 0%, #f2f7fa 100%);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue {
  background: linear-gradient(0deg, #1991eb 0%, #2da1f8 100%) !important;
  color: #fff;
  border-color: #1da1fc;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue:hover,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue:hover {
  background: linear-gradient(180deg, #1584d7 0%, #2184cf 100%) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--blue:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-blue:focus {
  background: linear-gradient(180deg, #0c73c1 0%, #196baa 100%) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green {
  background: linear-gradient(180deg, #39b54a 0%, #34aa44 100%) !important;
  color: #fff;
  border-color: #249533;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green:hover,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green:hover {
  background: linear-gradient(0deg, #1e930b 0%, #1e9d09 100%) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--green:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-green:focus {
  background: linear-gradient(0deg, #1a740b 0%, #187a08 100%) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red {
  background: linear-gradient(180deg, #f85359 0%, #dc151d 100%) !important;
  color: #fff;
  border-color: #ed1c24;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red:hover,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red:hover,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red:hover {
  background: linear-gradient(180deg, #f14d53 0%, #d0161d 100%) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red:active,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red:active,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).button--red:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red:focus,
.input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.vue-treeselect__input).btn-red:focus {
  background: linear-gradient(180deg, #ec4349 0%, #bd0c13 100%) !important;
}
input--search,
.input--search,
input-search,
.input-search {
  padding-right: 2.5rem !important;
}
input[disabled],
.input[disabled] {
  color: #334050;
  cursor: no-drop;
  background: #eff3f6;
  border-color: #ced0da;
}
input[disabled] + [class^="fa"],
.input[disabled] + [class^="fa"],
input[disabled] + .icon,
.input[disabled] + .icon {
  color: #ced0da !important;
}
.input--error,
.input-error {
  color: rgba(237,28,36,0.5) !important;
  border-color: rgba(237,28,36,0.5) !important;
}
.input--error .vue-treeselect__control,
.input-error .vue-treeselect__control,
.input--error .multiselect__tags,
.input-error .multiselect__tags {
  border-color: rgba(237,28,36,0.5) !important;
}
.input--error[type="file"],
.input-error[type="file"] {
  border: 0.1rem solid rgba(237,28,36,0.5) !important;
}
.input--error > div[class*="cke_editor"],
.input-error > div[class*="cke_editor"] {
  border: 0.1rem solid rgba(237,28,36,0.5) !important;
}
.input--error + [class^="fa"],
.input-error + [class^="fa"],
.input--error + .icon,
.input-error + .icon {
  color: rgba(237,28,36,0.5) !important;
}
.input-success {
  color: #1bbf32 !important;
  border-color: #1bbf32 !important;
}
.input-success .vue-treeselect__control,
.input-success .multiselect__tags {
  border-color: #1bbf32 !important;
}
.input-success[type="file"] {
  border: 0.1rem solid #1bbf32 !important;
}
.input-success > div[class*="cke_editor"] {
  border: 0.1rem solid #1bbf32 !important;
}
.input-success + [class^="fa"],
.input-success + .icon {
  color: #1bbf32 !important;
}
.input::placeholder {
  color: #dfe3e9;
  font-size: 1.3rem;
  font-weight: 300;
}
.input::-webkit-input-placeholder {
  color: #dfe3e9;
  font-size: 1.3rem;
  font-weight: 300;
}
.input::-moz-placeholder {
  color: #dfe3e9;
  font-size: 1.3rem;
  font-weight: 300;
}
.input:-ms-input-placeholder {
  color: #dfe3e9;
  font-size: 1.3rem;
  font-weight: 300;
}
.input:-moz-placeholder {
  color: #dfe3e9;
  font-size: 1.3rem;
  font-weight: 300;
}
.input-error::-webkit-input-placeholder {
  color: rgba(237,28,36,0.5);
  font-size: 1.3rem;
  font-weight: 300;
}
.input-error::-moz-placeholder {
  color: rgba(237,28,36,0.5);
  font-size: 1.3rem;
  font-weight: 300;
}
.input-error:-moz-placeholder {
  color: rgba(237,28,36,0.5);
  font-size: 1.3rem;
  font-weight: 300;
}
.input-error:-ms-input-placeholder {
  color: rgba(237,28,36,0.5);
  font-size: 1.3rem;
  font-weight: 300;
}
.input-success::-webkit-input-placeholder {
  color: #1bbf32;
  font-size: 1.3rem;
  font-weight: 300;
}
.input-success::-moz-placeholder {
  color: #1bbf32;
  font-size: 1.3rem;
  font-weight: 300;
}
.input-success:-moz-placeholder {
  color: #1bbf32;
  font-size: 1.3rem;
  font-weight: 300;
}
.input-success:-ms-input-placeholder {
  color: #1bbf32;
  font-size: 1.3rem;
  font-weight: 300;
}
.field-icon {
  position: relative;
}
.field-icon [class^="fa"],
.field-icon .icon {
  height: 1.6rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  color: #bbc5d5;
}
.field-icon--right input,
.field-icon--right .input {
  padding-right: 3.2rem !important;
}
.field-icon--right [class^="fa"],
.field-icon--right .icon {
  right: 0.8rem;
}
.field-icon--left input,
.field-icon--left .input {
  padding-left: 3.2rem !important;
}
.field-icon--left [class^="fa"],
.field-icon--left .icon {
  left: 0.8rem;
}
textarea,
textarea.input {
  max-height: 30rem;
  min-height: 3.2rem;
  padding: 0.55rem 0.8rem;
  border: 0.1rem solid #dfe3e9;
  border-radius: 0.4rem;
}
textarea:focus,
textarea.input:focus {
  outline: 0;
  border-color: #1da1fc;
}
a {
  color: #1da1fc;
  text-decoration: none;
}
a:hover {
  color: #1991eb;
  text-decoration: underline;
}
a.button,
a.btn {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  padding: 0.8rem;
  cursor: pointer;
  border: 0.1rem solid #dfe3e9;
  border-radius: 0.4rem;
  background: linear-gradient(0deg, #f2f4f7 0%, #fff 100%);
  line-height: normal;
  color: #334050;
}
a.button:hover,
a.btn:hover {
  background: linear-gradient(0deg, #eaeef3 0%, #fff 100%);
  text-decoration: none;
  color: #334050;
}
a.button:active,
a.btn:active,
a.button:focus,
a.btn:focus {
  background: linear-gradient(0deg, #e0e4e8 0%, #f2f7fa 100%);
  color: #334050;
}
a.button--icon,
a.btn-icon {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
}
a.button--icon > .icon,
a.btn-icon > .icon,
a.button--icon > i[class^="fa"],
a.btn-icon > i[class^="fa"] {
  font-size: 1.2rem;
}
a.button--icon:hover,
a.btn-icon:hover,
a.button--icon:focus,
a.btn-icon:focus {
  color: #7e8fa5;
}
a.button--icon--text,
a.btn-icon-text {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
a.button--icon--text:last-of-type,
a.btn-icon-text:last-of-type {
  margin-right: 0;
}
a.button--icon--text > .icon,
a.btn-icon-text > .icon,
a.button--icon--text > i[class^="fa"],
a.btn-icon-text > i[class^="fa"] {
  font-size: 1.2rem;
}
a.button--blue,
a.btn-blue {
  background: linear-gradient(0deg, #1991eb 0%, #2da1f8 100%) !important;
  color: #fff !important;
  border-color: #1da1fc;
}
a.button--blue:hover,
a.btn-blue:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #1584d7 0%, #2184cf 100%) !important;
}
a.button--blue:active,
a.btn-blue:active,
a.button--blue:focus,
a.btn-blue:focus {
  color: #fff !important;
  background: linear-gradient(180deg, #0c73c1 0%, #196baa 100%) !important;
}
a.button--green,
a.btn-green {
  background: linear-gradient(180deg, #39b54a 0%, #34aa44 100%);
  color: #fff !important;
  border-color: #249533;
  background: linear-gradient(0deg, #1e930b 0%, #1e9d09 100%);
}
a.button--green:hover,
a.btn-green:hover {
  color: #fff !important;
}
a.button--green:active,
a.btn-green:active,
a.button--green:focus,
a.btn-green:focus {
  color: #fff !important;
  background: linear-gradient(0deg, #1a740b 0%, #187a08 100%);
}
a.button--red,
a.btn-red {
  background: linear-gradient(180deg, #f85359 0%, #dc151d 100%) !important;
  color: #fff !important;
  border-color: #ed1c24;
}
a.button--red:hover,
a.btn-red:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #f14d53 0%, #d0161d 100%) !important;
}
a.button--red:active,
a.btn-red:active,
a.button--red:focus,
a.btn-red:focus {
  color: #fff !important;
  background: linear-gradient(180deg, #ec4349 0%, #bd0c13 100%) !important;
}
a.button.button--sm,
a.btn.btn-sm {
  padding: 0.3rem 0.8rem;
  font-size: 1.1rem;
}
.bq-table {
  font-size: 1.1rem;
}
.bq-table caption {
  caption-side: top;
  padding: 0.4rem 0.6rem;
  color: #334050;
  font-size: 1.4rem;
  background-color: #f1f4f8;
  border-radius: 0.4rem;
}
.bq-table caption div {
  display: flex;
  align-items: center;
}
.bq-table--fixed {
  width: 100%;
  table-layout: fixed;
}
.bq-table--break tbody tr td {
  word-break: break-all;
}
.bq-table thead tr {
  border-bottom: 0.1rem solid #dfe3e9;
}
.bq-table thead tr th {
  padding: 1.2rem 0.6rem 1.1rem;
  line-height: 1.5;
  color: #7f8fa4;
  font-size: 1.2rem;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bq-table thead tr th.sorting {
  padding-right: 2.5rem;
  background: url('/static/images/sort.png') right center no-repeat;
  cursor: pointer;
}
.bq-table thead tr th.sorting_asc {
  background-image: url('/static/images/sort-asc.png');
}
.bq-table thead tr th.sorting_desc {
  background-image: url('/static/images/sort-desc.png');
}
.bq-table tbody tr:hover {
  background-color: #f1f4f8;
}
.bq-table tbody tr:not(:last-of-type) {
  border-bottom: 0.1rem solid #dfe3e9;
}
.bq-table tbody tr[style*="display: block"],
.bq-table tbody tr[style*="display:block"] {
  display: table-row !important;
}
.bq-table tbody tr.disabled {
  text-decoration: line-through;
  opacity: 0.5;
}
.bq-table tbody tr td {
  padding: 1.2rem 0.6rem 1.1rem;
  line-height: 1.5;
  color: #334050;
}
.bq-table tbody tr td a:not(.button):not(.btn):not(.label) {
  display: inline-block;
  color: #334050;
}
.bq-table tbody tr td a:not(.button):not(.btn):not(.label):hover {
  color: #1da1fc;
}
.bq-table tbody tr td button:not(.btn-icon):not(.button--icon),
.bq-table tbody tr td input:not([type="checkbox"]):not([type="radio"]),
.bq-table tbody tr td textarea {
  width: 100%;
}
.bq-table tbody tr td button.wa {
  width: auto !important;
}
.bq-table tbody tr td input[type="checkbox"] + label,
.bq-table tbody tr td input[type="radio"] + label {
  display: inline-block;
}
.bq-table tbody tr td .clipboard-copy {
  float: right;
  cursor: pointer;
  color: #7f8fa4;
}
.bq-table tbody tr td .clipboard-copy:hover {
  color: #666;
}
.bq-table tbody tr td .value-control-block {
  float: right;
  padding: 0.5rem 0;
}
.bq-table tbody tr td .value-control-block button:not(.btn-icon):not(.button--icon) {
  width: auto;
  color: #334050;
}
.bq-table tbody tr td .select2-container {
  width: 100% !important;
}
.bq-table tbody tr td .icon,
.bq-table tbody tr td i[class^="fa"] {
  font-size: 1.2rem;
}
.align-top tbody tr td {
  vertical-align: top;
}
.align-mid tbody tr td {
  vertical-align: middle;
}
.bq-tabs {
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: 0.2rem solid #dfe3e9;
}
.bq-tabs li {
  margin-bottom: -0.2rem;
  padding: 0;
  border-bottom: 0.2rem solid transparent;
  color: #7e8fa5;
  line-height: 1.5;
  font-weight: 500;
}
.bq-tabs li:hover {
  color: #334050;
}
.bq-tabs li.active {
  border-color: #1da1fc;
  color: #334050;
  font-weight: 600;
}
.bq-tabs li a {
  display: block;
  padding: 0.8rem;
  color: inherit;
  cursor: pointer;
}
.bq-tabs li a:hover {
  text-decoration: none;
}
.label,
a.label {
  display: inline-block;
  vertical-align: middle;
  padding: 0.2rem 1rem;
  color: #516173;
  border-radius: 0.4rem;
  text-transform: uppercase;
  background-color: #e2e7ee;
  line-height: 1.5;
  font-size: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.label:hover,
a.label:hover {
  color: #516173;
}
.label--blue,
a.label--blue,
.label-blue,
a.label-blue {
  background-color: #1da1fc;
  color: #fff;
}
.label--blue:hover,
a.label--blue:hover,
.label-blue:hover,
a.label-blue:hover {
  color: #fff;
}
.label--orange,
a.label--orange,
.label-orange,
a.label-orange {
  background-color: #ff7800;
  color: #fff;
}
.label--orange:hover,
a.label--orange:hover,
.label-orange:hover,
a.label-orange:hover {
  color: #fff;
}
.label--yellow,
a.label--yellow,
.label-yellow,
a.label-yellow {
  background-color: #ff7800;
  color: #fff;
}
.label--yellow:hover,
a.label--yellow:hover,
.label-yellow:hover,
a.label-yellow:hover {
  color: #fff;
}
.input-label {
  display: inline-block;
}
.input-label span {
  display: inline-block;
  margin-bottom: 0.2rem;
  font-weight: 500;
}
.input-label span:first-child {
  color: #7f8fa4;
}
.input-label .input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
}
.input-label .help {
  display: inline-flex;
  align-items: center;
  margin-top: 0.3rem;
  padding-left: 0.4rem;
  font-size: 1.1rem;
}
.input-label .help > [class^="fa"] {
  font-size: 1.2rem;
}
.input-label-icon {
  position: relative;
}
.input-label-icon .input {
  width: 100%;
  padding-left: 3.2rem !important;
}
.input-label-icon .input:focus ~ [class^="fa"],
.input-label-icon .input:focus ~ .icon {
  color: #1da1fc;
}
.input-label-icon [class^="fa"],
.input-label-icon .icon {
  height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.8rem;
  margin: auto 0;
  color: #bbc5d5;
  line-height: 1;
}
.input-label-icon--right input,
.input-label-icon--right .input {
  padding-left: 0.8rem !important;
  padding-right: 3.2rem !important;
}
.input-label-icon--right [class^="fa"],
.input-label-icon--right .icon {
  left: auto;
  right: 0.8rem;
}
.input-label-search {
  position: relative;
}
.input-label-search .input {
  width: 100%;
  padding-right: 3.2rem !important;
}
.input-label-search .input ~ [class^="fa"],
.input-label-search .input ~ .icon {
  height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.8rem;
  margin: auto 0;
  color: #bbc5d5;
  line-height: 1;
}
.input-label-search .input:focus + [class^="fa"],
.input-label-search .input:focus + .icon {
  color: #1da1fc;
}
.input-label-search--left .input {
  padding-left: 3.2rem !important;
  padding-right: 0.8rem !important;
}
.input-label-search--left .input ~ [class^="fa"],
.input-label-search--left .input ~ .icon {
  left: 0.8rem;
  right: auto;
}
.modal-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(53,60,73,0.6);
  z-index: 10000;
}
.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 60rem;
  max-height: 95vh;
  background-color: #fff;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0.5rem 1.5rem -0.5rem rgba(0,0,0,0.5);
  box-shadow: 0 0.5rem 1.5rem -0.5rem rgba(0,0,0,0.5);
}
.m-header {
  flex-shrink: 0;
  flex-basis: 5rem;
  position: relative;
  padding: 0.8rem 1.6rem;
  cursor: all-scroll;
}
.m-body {
  padding: 0 1.6rem 1.6rem;
}
.m-footer {
  padding: 0.8rem 1.6rem;
  display: block;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: 5rem;
  min-height: 5rem;
  background-color: #f1f4f8;
  border-top: #d7dee6 1px solid;
  border-radius: 0 0 0.4rem 0.4rem;
  text-align: right;
}
.m-footer button {
  min-width: 6.5rem;
  max-width: 47%;
}
.m-footer button:first-child {
  float: left;
}
.m-footer button:last-child {
  float: right;
}
.m-title {
  color: #353c48;
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
}
.m-close {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  color: #7f8fa4;
}
.m-close:hover {
  opacity: 0.5;
}
.m-label {
  display: block;
}
.m-label:not(:last-child) {
  margin-bottom: 0.8rem;
}
.m-label > span {
  display: inline-block;
  margin-bottom: 0.2rem;
  color: #7f8fa4;
  font-weight: 500;
}
.m-label > span + input {
  width: 100%;
}
.m-subtitle {
  margin-bottom: 0.8rem;
  color: #353c48;
  font-style: italic;
  font-size: 1.4rem;
  font-weight: 300;
}
.input-radio {
  display: inline-block;
  padding-left: 2rem;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-radio:hover {
  color: #7f8fa4;
}
.input-radio:hover .check-mark {
  opacity: 0.7;
}
.input-radio .check-mark {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  top: 0.1rem;
  left: 0;
  background-color: #fff;
  border: 0.1rem solid #e2e7ee;
  border-radius: 50%;
}
.input-radio .check-mark::after {
  content: '';
  position: absolute;
  display: none;
}
.input-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.input-radio input[type="radio"]:checked ~ .check-mark {
  border: 0;
  background: radial-gradient(circle, #1bbf32, #1bbf32);
}
.input-radio input[type="radio"]:checked ~ .check-mark::after {
  display: block;
}
.input-radio .check-mark::after {
  width: 0.65rem;
  height: 0.65rem;
  top: 0.35rem;
  left: 0.4rem;
  border-radius: 50%;
  background-color: #fff;
}
.input-checkbox {
  display: block;
  padding-left: 2rem;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-checkbox:hover {
  color: #7f8fa4;
}
.input-checkbox:hover .check-mark {
  opacity: 0.7;
}
.input-checkbox .check-mark {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  top: 0.1rem;
  left: 0;
  background-color: #fff;
  border-radius: 0.4rem;
  border: 0.1rem solid #e2e7ee;
}
.input-checkbox .check-mark::after {
  content: '';
  position: absolute;
  display: none;
}
.input-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.input-checkbox input[type="checkbox"]:checked ~ .check-mark {
  border: 0;
  background: radial-gradient(circle, #1bbf32, #1bbf32);
}
.input-checkbox input[type="checkbox"]:checked ~ .check-mark::after {
  display: block;
}
.input-checkbox .check-mark::after {
  width: 6px;
  height: 9px;
  top: 1px;
  left: 4px;
  border: solid #fff;
  border-width: 0 2.4px 2.4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.input-switch {
  display: inline-block;
  position: relative;
  padding-left: 3.6rem;
  cursor: pointer;
}
.input-switch:hover {
  color: #7f8fa4;
}
.input-switch:hover .check-mark {
  opacity: 0.7;
}
.input-switch .check-mark {
  width: 3rem;
  height: 1.6rem;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e7ee;
  border-radius: 3rem;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.input-switch .check-mark::before {
  content: '';
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  left: 0.1rem;
  bottom: 0.1rem;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.input-switch input {
  display: none;
}
.input-switch input:focus + .check-mark {
  box-shadow: 0 0 0.1rem #1bbf32;
}
.input-switch input:checked + .check-mark {
  background: radial-gradient(circle, #1bbf32, #1bbf32);
}
.input-switch input:checked + .check-mark::before {
  -webkit-transform: translateX(1.4rem);
  -ms-transform: translateX(1.4rem);
  transform: translateX(1.4rem);
}
.bq-panel {
  width: 25vw;
  max-width: 25rem;
  height: 100vh;
  flex: 1 0 25vw;
  background-color: #fff;
  overflow: hidden;
}
.bq-panel:empty {
  display: none;
}
.bq-panel--left {
  border-right: 0.1rem solid #dfe3e9;
}
.bq-panel--right {
  border-left: 0.1rem solid #dfe3e9;
}
.top-side {
  height: 5.6rem;
  background: #fff;
  box-shadow: 0.1rem 0.1rem 0 0 #dfe3e9;
}
.main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5.6rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1.6rem;
  z-index: 10;
}
.main-header__title {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  margin: 0;
  font-size: 1.9rem;
  font-weight: 300;
}
.main-header__title .fa-arrow-right {
  font-size: 1.2rem;
  margin: 0 0.5rem 0 0.4rem;
}
.main-header__right {
  display: flex;
  align-items: center;
}
.main-header__icon {
  position: relative;
  margin: 0 0.5rem;
  flex-shrink: 1e-8;
}
.main-header__icon-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.main-header__icon .icon {
  margin-right: 0.5rem;
  font-size: 1.5rem;
  color: #7f8fa4;
}
.main-header__icon sup {
  display: inline-flex;
  min-width: 2rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  margin-left: -0.5rem;
  position: relative;
  top: -1rem;
  right: 0.5rem;
  float: right;
  padding: 0 0.629999rem;
  background-color: #ff7800;
  border-radius: 5rem;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6;
}
.main-header__icon:hover {
  text-decoration: none;
}
.main-header__icon:hover .icon {
  opacity: 0.5;
}
.main-header__user {
  margin-left: 1rem;
}
.main-header .suggest {
  margin: 0 2rem 0 1rem;
}
.main-subheader {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 4rem;
  position: relative;
  margin-top: 0.1rem;
  padding: 0.8rem 1.6rem;
  z-index: 9;
  background: #fff;
  box-shadow: 0.1rem 0.1rem 0 0 #dfe3e9;
}
.main-subheader:empty {
  display: none;
}
.main-subheader form {
  margin-bottom: 0;
}
.main-subheader a:not(.button):not(.btn) {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-right: 0.8rem;
  color: #334050;
  text-decoration: none;
  line-height: 1.5;
}
.main-subheader a:not(.button):not(.btn):hover {
  color: #1da1fc;
  text-decoration: none;
}
.main-subheader a:not(.button):not(.btn):not(:last-child) {
  margin-right: 0.8rem;
}
.main-subheader .button:not(:last-child),
.main-subheader .btn:not([id^="bq-dropdown"]):not(:last-child) {
  margin-right: 0.8rem;
}
.main-subheader > a > .fa-arrow-left {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.right-side {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  flex-shrink: 0;
  flex-basis: 5.6rem;
  position: relative;
  z-index: 1000;
  max-width: 5.6rem;
  height: 100vh;
  background-color: #fff;
  box-shadow: 0.1rem 0.1rem 0 0 #dfe3e9;
}
.right-side + .main-side {
  max-width: calc(100vw - 5.6rem);
}
.right-side .bq-scroll {
  overflow: auto;
  overflow-x: hidden;
}
@media screen and (min-width: 1400px) {
  .right-side--opened {
    max-width: 20rem;
    flex-basis: 20rem;
  }
  .right-side--opened + .main-side {
    max-width: calc(100vw - 20rem);
  }
  .right-side--opened .main-logo__img {
    display: none;
  }
  .right-side--opened .main-logo__img--full {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .right-side--opened .navbar-toggler {
    justify-content: space-between;
    padding: 1.5rem 2rem;
  }
  .right-side--opened .navbar-toggler__text {
    display: inline-block;
  }
  .right-side--opened .navbar-toggler__btn .fa-bars {
    display: none;
  }
  .right-side--opened .navbar-toggler__btn .fa-angle-left {
    display: inline-block;
    font-size: 1.6rem !important;
  }
  .right-side--opened .main-navbar__item {
    padding-left: 0.9rem;
    text-align: left;
  }
  .right-side--opened .main-navbar__item .main-navbar__tooltip {
    display: inline-block;
    width: 14.5rem;
    position: absolute;
    padding-right: 0.8rem;
    top: 0 !important;
    left: 4.7rem !important;
    padding-left: 0.5rem;
    background-color: transparent;
    color: #7f8fa4;
    line-height: 3.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .right-side--opened .main-navbar__item .main-navbar__tooltip button {
    margin-right: 0;
  }
  .right-side--opened .main-navbar__item.active .main-navbar__link {
    border-radius: 0.4rem 0 0 0.4rem !important;
  }
  .right-side--opened .main-navbar__item.active .main-navbar__tooltip {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 4.7rem;
    background-color: #7e8fa5;
    color: #fff;
  }
  .right-side--opened .main-navbar__sublist {
    display: block;
    width: auto !important;
    position: static;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .right-side--opened .main-navbar__sublist > li {
    width: 18.3rem;
    margin-right: 0.7rem;
    border-radius: 0.4rem;
    margin-top: 0.1rem;
  }
  .right-side--opened .main-navbar__sublist > li > a {
    right: 1.5rem;
    padding: 0.85rem 2.5rem;
  }
  .right-side--opened .jira__btn {
    width: 100%;
    margin: 0 1.5rem;
    text-decoration: none;
  }
  .right-side--opened .jira__btn span {
    display: inline-block;
  }
}
.main-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 5.6rem;
  box-shadow: 0.1rem 0.1rem 0 0 #dfe3e9;
}
.navbar-toggler {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 1.5rem 0;
}
.navbar-toggler__text {
  font-weight: 300;
  font-size: 1.3rem;
  color: #7f8fa4;
  text-transform: uppercase;
}
.navbar-toggler__btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
}
@media screen and (max-width: 1400px) {
  .navbar-toggler {
    display: none;
  }
}
.main-navbar {
  list-style: none;
}
@media screen and (max-width: 1400px) {
  .main-navbar {
    padding-top: 0.8rem;
  }
}
.main-navbar__item {
  position: relative;
  padding-bottom: 0.1rem;
  white-space: nowrap;
}
.main-navbar__item:last-child {
  padding-bottom: 0;
}
.main-navbar__item:hover .main-navbar__link {
  border-radius: 0.4rem 0 0 0.4rem;
  background-color: #7e8fa5;
  text-decoration: none;
}
.main-navbar__item:hover .main-navbar__link .icon {
  color: #fff;
}
.main-navbar__item:hover .main-navbar__link .main-navbar__tooltip {
  display: inline-block;
  background-color: #7e8fa5;
  color: #fff;
  line-height: 3.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.main-navbar__item:hover .main-navbar__sublist {
  display: block;
  width: 16rem;
}
.main-navbar__item.active:not(:hover) .main-navbar__link {
  border-radius: 0.4rem;
}
.main-navbar__item.active:not(:hover) .main-navbar__link {
  background-color: #7e8fa5;
  text-decoration: none;
}
.main-navbar__item.active:not(:hover) .main-navbar__link .icon {
  color: #fff;
}
.main-navbar__item.closed .main-navbar__tooltip .fa-angle-down {
  display: none;
}
.main-navbar__item.closed .main-navbar__tooltip .fa-angle-up {
  display: inline-block;
}
.main-navbar__item.closed .main-navbar__sublist {
  display: none !important;
}
.main-navbar__link {
  display: inline-flex;
  align-items: center;
  padding: 1.05rem 1.4rem;
  border-radius: 0.4rem;
}
.main-navbar__link .icon {
  color: #7f8fa4;
  font-size: 1.4rem;
}
.main-navbar__tooltip {
  width: 17rem;
  height: 3.6rem;
  position: fixed;
  padding-left: 2.5rem;
  background-color: #7e8fa5;
  border-radius: 0 0.4rem 0.4rem 0;
  color: #fff;
  font-weight: 300;
  z-index: 10;
}
.main-navbar__tooltip button {
  display: inline-block;
  margin-right: 0.8rem;
  margin-top: 0.3rem;
  float: right;
  color: #fff;
}
.main-navbar__sublist {
  display: none;
  position: fixed;
  padding: 0;
  margin: -1px 0 0 0;
  border: 0.1rem solid #dfe3e9;
  border-radius: 0 0 0.4rem 0.4rem;
  background-color: #fff;
  box-shadow: 0 0.5rem 1.5rem -0.5rem rgba(0,0,0,0.5);
  z-index: 9999;
  list-style: none;
  font-weight: normal;
}
.main-navbar__sublist > li {
  position: relative;
  padding: 0;
}
.main-navbar__sublist > li > a {
  display: block;
  max-width: 80%;
  color: #7f8fa4;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.95rem 2rem 0.85rem 2rem;
  text-align: left;
}
.main-navbar__sublist > li .bp-dropdown {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  margin: auto 0;
}
.main-navbar__sublist > li .bp-dropdown__btn {
  color: #7f8fa4;
  border: 0;
}
.main-navbar__sublist > li .bp-dropdown__btn--active {
  opacity: 0.5;
  background: none;
}
.main-navbar__sublist > li .bp-dropdown__body {
  padding: 0;
}
.main-navbar__sublist > li .bp-dropdown__body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-navbar__sublist > li .bp-dropdown__body ul li {
  padding: 0.8rem;
  cursor: pointer;
  text-align: left;
}
.main-navbar__sublist > li .bp-dropdown__body ul li:hover {
  color: #1da1fc;
  background-color: none;
}
.main-navbar__sublist > li:hover,
.main-navbar__sublist > li.active {
  background-color: #dfe3e9;
}
.main-navbar__sublist > li:hover > .bp-dropdown,
.main-navbar__sublist > li.active > .bp-dropdown {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
}
.main-navbar__sublist > li:hover a,
.main-navbar__sublist > li.active a {
  text-decoration: none;
}
.main-navbar__sublist > li.active > a {
  font-weight: 600;
}
.main-footer {
  display: flex;
  align-items: center;
  flex: 0 0 4rem;
  min-height: 4rem;
  max-height: 25%;
  padding: 0.8rem 1.6rem;
  border-top: 0.1rem solid #dfe3e9;
  background-color: #fff;
}
.main-footer:empty {
  display: none;
}
.suggest {
  display: inline-block;
  min-width: 24rem;
  position: relative;
}
.suggest__input {
  width: 100%;
  padding-right: 2.5rem;
}
.suggest__input:focus ~ .suggest__icon {
  color: #1da1fc;
}
.suggest__input:focus ~ .suggest__list {
  display: block;
}
.suggest__input--loading ~ .fa-search {
  display: none;
}
.suggest__input--loading ~ .fa-spin {
  display: inline-block !important;
}
.suggest__icon.fa-spin {
  display: none;
}
.suggest__list {
  min-width: 100%;
  max-width: 60rem;
  max-height: 80vh;
  position: absolute;
  right: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  overflow-y: auto;
  overflow-x: hidden;
}
.suggest__list:empty {
  padding: 0.8rem;
}
.suggest__list:empty::before {
  content: attr(data-empty-text);
}
.suggest__list li.active {
  background-color: #f1f4f8;
}
.suggest__list li a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.8rem;
  color: #334050;
}
.suggest__list li a:hover {
  text-decoration: none;
  background-color: #f1f4f8;
  color: #1da1fc;
}
.suggest__list li a .sg__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.suggest__list li a .sg__image img {
  max-width: 50px;
  max-height: 50px;
}
.suggest__list li a .sg__description {
  padding-left: 0.8rem;
  width: calc(100% - 50px);
}
.suggest__list li a .sg__description p {
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
}
.suggest__list li a .sg__description .sg__meta {
  width: 100%;
  color: #7f8fa4;
  font-size: 1.1rem;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jira {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 4rem;
  margin-top: auto;
  border-top: 0.1rem solid #dfe3e9;
  background-color: #fff;
  z-index: 10;
}
.jira__btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0 !important;
}
.jira__btn .icon {
  font-size: 1.2rem;
  color: #f7981c !important;
}
.jira__btn span {
  margin-left: 0.5rem;
  color: #334050;
  font-size: 1.15rem;
  font-weight: 500;
}
.main-header__user-logo {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
}
.main-header__user-icon {
  font-size: 3.2rem;
  line-height: 3.2rem;
  color: #dfe3e9;
}
.main-header__user-dropdown {
  padding: 0;
  white-space: nowrap;
  list-style: none;
}
.main-header__user-link {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0.8rem;
  color: #334050;
}
.main-header__user-link .icon {
  height: 1.4rem;
  margin-right: 0.8rem;
  color: #516173;
}
.main-header__user-link:hover {
  text-decoration: none;
  color: #1da1fc;
}
.main-header__user-link:hover .icon {
  color: #1da1fc;
}
.main-header__user-role {
  margin-left: 0.5rem;
  font-size: 1.2rem;
}
.news-body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 1em;
  line-height: 1.5em;
}
.news-body * {
  line-height: 1.5;
}
.news-body a {
  color: #5b80b2;
  text-decoration: underline;
}
.news-body a:visited {
  color: #0b0080;
}
.news-body a:hover {
  color: #0645ad;
  outline: 0;
}
.news-body a:active {
  color: #faa700;
  outline: 0;
}
.news-body a:focus {
  outline: thin dotted;
}
.news-body p {
  margin: 1em 0;
  padding: 0;
  font-size: 14px;
}
.news-body img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
.news-body h1 {
  font-weight: 400;
  color: #111;
  padding: 0;
  background: 0 0;
  font-size: 2em;
}
.news-body h2 {
  font-weight: 400;
  color: #111;
  padding: 0;
  background: 0 0;
  font-size: 1.8em;
}
.news-body h3 {
  font-weight: 400;
  color: #111;
  padding: 0;
  background: 0 0;
  font-size: 1.5em;
}
.news-body h4 {
  color: #111;
  padding: 0;
  background: 0 0;
  font-weight: 700;
  font-size: 1.6em;
}
.news-body h5 {
  color: #111;
  padding: 0;
  font-style: normal;
  background: 0 0;
  font-weight: 700;
  font-size: 1.4em;
}
.news-body h6 {
  color: #111;
  padding: 0;
  background: 0 0;
  font-weight: 700;
  font-size: 1.2em;
}
.news-body blockquote {
  color: #666;
  margin: 0;
  padding-left: 1.5em;
  border-left: 0.5em #eee solid;
}
.news-body hr {
  display: block;
  height: 0;
  border: 0;
  font-style: italic;
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
  padding: 0;
}
.news-body code {
  font-family: monospace, monospace;
  font-size: 14px;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 2px;
  color: #444;
}
.news-body kbd {
  font-family: monospace, monospace;
  font-size: 14px;
}
.news-body pre {
  font-family: monospace, monospace;
  font-size: 14px;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 2px;
  color: #444;
  margin: 1.5em 0 1.5em 0;
  padding: 1em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.news-body pre code {
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
}
.news-body samp {
  font-family: monospace, monospace;
  font-size: 14px;
}
.news-body b {
  font-weight: 700;
}
.news-body strong {
  font-weight: 700;
}
.news-body dfn {
  font-style: italic;
}
.news-body ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
.news-body mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: 700;
}
.news-body sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}
.news-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.news-body ol {
  margin: 1em 0 !important;
  padding: 0 0 0 2em !important;
}
.news-body ol li {
  font-size: 14px !important;
  font-weight: normal;
}
.news-body ul {
  margin: 1em 0 !important;
  padding: 0 0 0 2em !important;
  list-style: disc;
}
.news-body ul li {
  font-size: 14px !important;
  font-weight: normal;
}
.news-body li p:last-child {
  margin: 0;
}
.news-body dd {
  margin: 0 0 0 2em;
}
.news-body table {
  border-collapse: collapse;
  border-spacing: 0;
}
.news-body th {
  background: 0 0;
  background: #f8f8f8;
  font-size: 14px;
}
.news-body td {
  vertical-align: top;
  font-size: 14px;
}
#news-btn {
  padding: 0;
  top: -0.3rem;
}
.header-news {
  width: 35rem;
  max-height: 80vh;
  padding: 0.8rem;
}
.header-news #news-switcher {
  position: absolute;
  right: 0.8rem;
  top: 1rem;
}
.header-news__loader {
  padding: 0.8rem;
  text-align: center;
}
.header-news__loader .fa-spinner {
  color: #516173;
  font-size: 3rem;
  line-height: 3rem;
}
.header-news__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 85%;
  padding: 0.8rem 0.4rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #dfe3e9;
}
.header-news__label {
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
}
.header-news__label > span {
  line-height: 0;
}
.header-news__label > .label {
  font-weight: 600;
}
.header-news__body {
  padding: 0.8rem 0.4rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 60vh;
  overflow: auto;
}
.header-news__body img {
  max-width: 100%;
}
.header-news:empty {
  display: none;
}
.d-news {
  position: relative;
  cursor: pointer;
}
.d-news__dropdown {
  display: none;
  border: 0.1rem solid #dfe3e9;
  border-radius: 0 0 0.4rem 0.4rem;
  background-color: #fff;
  box-shadow: 0 0.5rem 1.5rem -0.5rem rgba(0,0,0,0.5);
  z-index: 9999;
  position: absolute;
  right: 0;
  padding: 4px;
  list-style: none;
  width: 400px;
}
.d-news__dropdown__header {
  font-size: 1.7rem;
  color: #696969;
  font-weight: 600;
  background-color: #fff;
  height: 3rem;
  border-bottom: 1px solid #d3d3d3;
}
.d-news__dropdown__header span {
  color: #fff;
  font-size: 10pt;
  float: right;
  font-weight: normal;
  display: inline-block;
  padding: 2px 4px;
  border-radius: 4px;
}
.d-news__dropdown__header span .fas {
  padding: 0 5px;
  font-size: 1.4rem;
}
.d-news__dropdown__header span.type1 {
  background-color: #2a9ae6;
}
.d-news__dropdown__header span.type2 {
  background-color: #8a88ff;
}
.d-news__dropdown__header span.type3 {
  background-color: #134b8b;
}
.d-news__dropdown__body {
  font-size: 1.1rem;
  color: #696969;
  background-color: #fff;
  max-height: 550px;
  overflow: auto;
}
.msg {
  display: block;
  padding: 0.8rem;
  border-radius: 0.4rem;
  color: #334050;
  font-size: 1.3rem;
  background-color: #f1f4f8;
}
.msg[hidden] {
  display: none;
}
.msg--indent {
  margin: 1.6rem;
}
.msg--margined {
  margin: 0.8rem;
}
.msg--margined-wb {
  margin: 0.8rem 0.5% 0 0.5%;
}
.msg--margined-bt {
  margin: 0.8rem 0;
}
.msg--white {
  background-color: #fff;
}
.msg--blue {
  background-color: #d7edff;
}
.msg--red {
  background-color: #f8d5d8;
}
.msg--yellow {
  background-color: #fdeccf;
}
.js-dropdown-toggler {
  cursor: pointer;
}
.js-dropdown-toggler.opened .js-dropdown-icon {
  transform: rotate(180deg);
}
.js-dropdown-toggler.opened + .js-dropdown-container {
  visibility: visible;
  opacity: 1;
}
.js-dropdown-icon {
  margin-left: 0.4rem;
  transition: transform 0.1s linear;
}
.js-dropdown-container {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  transition: visibility 0.1s linear, opacity 0.1s linear;
}