@import "assets/css/faq.css";


    @import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=cyrillic,cyrillic-ext);
  

    p { 
      margin: 0
    }
    
    :root {
      --bot-background: rgb(203, 208, 225);
      --user-background: #70a3d3;
      --vh: 1px;
    }

    .bot-fedor-widget {
      height: 100%;
      width: 100%;
      max-height: 100%
    }

    .bot-fedor-widget .start-page {
      height: 100%
    }

    .start-page h1 {
      line-height: 47px !important
    }

    mat-panel-title {
      font-size: 1.4em;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center
    }

    .bot-fedor-main {
      min-height: 100vh;
      min-height: calc(var(--vh, 1vh) * 100)
    }

    .bot-fedor-main .show_text {
      min-height: calc(100vh - 83px);
      min-height: calc(calc(var(--vh, 1vh) * 100) - 83px)
    }

    .bot-fedor-main .show_both {
      min-height: calc(100vh - 109px);
      min-height: calc(calc(var(--vh, 1vh) * 100) - 109px)
    }

    .bot-fedor-main .start-page {
      min-height: 100vh;
      min-height: calc(var(1vh, 1vh) * 100);
    }

    .bot-fedor-main .show-copyright {
      min-height: calc(100vh - 40px);
      min-height: calc(calc(var(--vh, 1vh) * 100) - 40px) !important
    }

    .bot-fedor-main .content-wrapper,
    .bot-fedor-main .wrapper-dark-theam {
      min-height: 100vh;
      min-height: calc(var(--vh, 1vh) * 100)
    }

    .bot-fedor-error-message {
      color: red;
      margin: auto;
      background: #f2f8fc;
      padding: 10px 20px;
      text-align: center;
      font-family: inherit !important
    }

    .bot-fedor {
      font-family: inherit !important;
      box-sizing: border-box;
      line-height: 1.4;
      font-size: 18px
    }

    .bot-fedor .ql-size-small {
      font-size: .75em
    }

    .bot-fedor .ql-size-huge {
      font-size: 2.5em;
      line-height: 1.42
    }

    .bot-fedor .ql-size-large {
      font-size: 1.5em;
      line-height: 1.42
    }

    .bot-fedor button:not([hover]) {
      box-shadow: none !important
    }

    .bot-fedor .footer {
      width: 100%;
      margin-top: auto
    }

    .bot-fedor a:active,
    .bot-fedor a:hover {
      outline: 0
    }

    .bot-fedor h1,
    .bot-fedor h2,
    .bot-fedor h3,
    .bot-fedor h4,
    .bot-fedor h5,
    .bot-fedor h6 {
      font-size: 100%;
      font-weight: 400;
      margin: 0
    }

    .bot-fedor :focus {
      outline: 0
    }

    .bot-fedor audio,
    .bot-fedor img,
    .bot-fedor video {
      max-width: 100%;
      height: auto
    }

    .bot-fedor audio,
    .bot-fedor canvas,
    .bot-fedor iframe,
    .bot-fedor img,
    .bot-fedor svg,
    .bot-fedor video {
      vertical-align: middle
    }

    .bot-fedor iframe {
      border: 0
    }

    .bot-fedor textarea {
      resize: none;
      overflow: auto;
      vertical-align: top;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none
    }

    .bot-fedor button,
    .bot-fedor input,
    .bot-fedor select,
    .bot-fedor textarea {
      outline: 0;
      border: none;
      font-size: 100%;
      margin: 0
    }

    .bot-fedor button,
    .bot-fedor input {
      line-height: normal
    }

    .bot-fedor html {
      box-sizing: border-box;
      line-height: 1.4;
      font-size: 18px;
      color: #101010;
      height: 100%
    }

    .bot-fedor .sp-container {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      z-index: 9999994;
      overflow: hidden
    }

    .bot-fedor .sp-original-input-container {
      position: relative;
      display: -ms-inline-flexbox;
      display: inline-flex
    }

    .bot-fedor .sp-original-input-container input {
      margin: 0 !important
    }

    .bot-fedor .sp-original-input-container .sp-add-on {
      width: 40px;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important
    }

    .bot-fedor input.spectrum.with-add-on {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left: 0
    }

    .bot-fedor .sp-original-input-container .sp-add-on .sp-colorize {
      height: 100%;
      width: 100%;
      border-radius: inherit
    }

    .bot-fedor .sp-colorize-container {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
    }

    .bot-fedor .sp-container.sp-flat {
      position: relative
    }

    .bot-fedor .sp-container,
    .bot-fedor .sp-container * {
      box-sizing: content-box
    }

    .bot-fedor .sp-top {
      position: relative;
      width: 100%;
      display: inline-block
    }

    .bot-fedor .sp-top-inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0
    }

    .bot-fedor .sp-color {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 20px !important
    }

    .bot-fedor .sp-hue {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 12px;
      height: 100%;
      left: initial !important
    }

    .bot-fedor .sp-clear-enabled .sp-hue {
      top: 15%;
      height: 85%
    }

    .bot-fedor .sp-fill {
      padding-top: 80%
    }

    .bot-fedor .sp-sat,
    .bot-fedor .sp-val {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0
    }

    .bot-fedor .sp-alpha-enabled .sp-top {
      margin-bottom: 28px !important
    }

    .bot-fedor .sp-alpha-enabled .sp-alpha {
      display: block
    }

    .bot-fedor .sp-alpha-handle {
      position: absolute;
      top: -3px;
      cursor: pointer;
      height: 16px;
      border-radius: 50%;
      width: 16px;
      margin-right: 5px;
      left: -2px;
      right: 0;
      background: #f9f9f9;
      box-shadow: 0 0 2px 0 #3a3a3a
    }

    .bot-fedor .sp-alpha {
      display: none;
      bottom: -18px;
      right: 0;
      left: 0;
      height: 10px
    }

    .bot-fedor .sp-alpha-inner {
      border-radius: 4px
    }

    .bot-fedor .sp-clear {
      display: none
    }

    .bot-fedor .sp-clear.sp-clear-display {
      background-position: center
    }

    .bot-fedor .sp-clear-enabled .sp-clear {
      display: block;
      position: absolute;
      top: 3px;
      right: 0;
      bottom: 0;
      cursor: pointer;
      left: initial;
      height: 12px;
      width: 12px
    }

    .bot-fedor .sp-alpha,
    .bot-fedor .sp-alpha-handle,
    .bot-fedor .sp-clear,
    .bot-fedor .sp-container,
    .bot-fedor .sp-container button,
    .bot-fedor .sp-container.sp-dragging .sp-input,
    .bot-fedor .sp-dragger,
    .bot-fedor .sp-preview,
    .bot-fedor .sp-replacer,
    .bot-fedor .sp-slider {
      -webkit-user-select: none;
      -moz-user-select: -moz-none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .bot-fedor .sp-container.sp-buttons-disabled .sp-button-container,
    .bot-fedor .sp-container.sp-input-disabled .sp-input-container,
    .bot-fedor .sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
    .bot-fedor .sp-initial-disabled .sp-initial,
    .bot-fedor .sp-palette-disabled .sp-palette-container,
    .bot-fedor .sp-palette-only .sp-picker-container {
      display: none
    }

    .bot-fedor .sp-sat {
      background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81")
    }

    .bot-fedor .sp-val {
      background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000")
    }

    .bot-fedor .sp-hue {
      background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
    }

    .bot-fedor .sp-1 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00")
    }

    .bot-fedor .sp-2 {
      height: 16%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00")
    }

    .bot-fedor .sp-3 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff")
    }

    .bot-fedor .sp-4 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff")
    }

    .bot-fedor .sp-5 {
      height: 16%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff")
    }

    .bot-fedor .sp-6 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000")
    }

    .bot-fedor .sp-hidden {
      display: none !important
    }

    .bot-fedor .sp-cf:after,
    .bot-fedor .sp-cf:before {
      content: "";
      display: table
    }

    .bot-fedor .sp-cf:after {
      clear: both
    }

    .bot-fedor .error {
      font-family: inherit;
      color: red;
      font-size: 13px;
      padding-left: 5px
    }

    .bot-fedor input[type=date],
    .bot-fedor select {
      width: 100%;
      height: 50px;
      padding: 7px;
      border-radius: 10px
    }

    .bot-fedor .d-none {
      display: none
    }

    .bot-fedor .cursor-pointer {
      cursor: pointer
    }

    .bot-fedor .content-wrapper {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
      position: relative;
      max-width: 768px;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      max-width: 768px;
      width: 100%;
      min-width: 320px
    }

    .bot-fedor [id^=formScript] {
      padding: 10px
    }

    @-webkit-keyframes flyin {
      to {
        opacity: 1
      }

      from {
        opacity: 0
      }
    }

    @keyframes flyin {
      to {
        opacity: 1
      }

      from {
        opacity: 0
      }
    }

    .bot-fedor .backdrop-filter {
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      background: rgba(255, 255, 255, .2)
    }

    .bot-fedor .image-link {
      word-break: break-word
    }

    .bot-fedor .margin-top-10,
    .bot-fedor .margin-top-25 {
      margin-top: 10px
    }

    .bot-fedor .fixed-on-bottom-btn {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      width: 100%
    }

    .bot-fedor .wrapper-dark-theam {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 auto;
      min-width: 320px;
      background-color: #0c243e
    }

    .bot-fedor .wrapper-ligth-theam {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 auto;
      min-width: 320px;
      -ms-flex-positive: 1;
      flex-grow: 1
    }

    .bot-fedor .lds-ellipsis {
      display: inline-block;
      position: relative;
      width: 79px;
      height: 60px
    }

    .bot-fedor .lds-ellipsis .left-arrow {
      border-bottom: 20px solid transparent;
      border-right: 20px solid transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      bottom: 0;
      left: -20px
    }

    .bot-fedor .lds-ellipsis .points {
      position: absolute;
      top: calc(50% - 11px / 2);
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #fff;
      -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
      animation-timing-function: cubic-bezier(0, 1, 1, 0)
    }

    .bot-fedor .lds-ellipsis .points:nth-child(1) {
      left: 8px;
      -webkit-animation: .6s infinite lds-ellipsis1;
      animation: .6s infinite lds-ellipsis1
    }

    .bot-fedor .lds-ellipsis .points:nth-child(2) {
      left: 8px;
      -webkit-animation: .6s infinite lds-ellipsis2;
      animation: .6s infinite lds-ellipsis2
    }

    .bot-fedor .lds-ellipsis .points:nth-child(3) {
      left: 32px;
      -webkit-animation: .6s infinite lds-ellipsis2;
      animation: .6s infinite lds-ellipsis2
    }

    .bot-fedor .lds-ellipsis .points:nth-child(4) {
      left: 56px;
      -webkit-animation: .6s infinite lds-ellipsis3;
      animation: .6s infinite lds-ellipsis3
    }

    @-webkit-keyframes lds-ellipsis1 {
      0% {
        transform: scale(0)
      }

      100% {
        transform: scale(1)
      }
    }

    @keyframes lds-ellipsis1 {
      0% {
        transform: scale(0)
      }

      100% {
        transform: scale(1)
      }
    }

    @-webkit-keyframes lds-ellipsis3 {
      0% {
        transform: scale(1)
      }

      100% {
        transform: scale(0)
      }
    }

    @keyframes lds-ellipsis3 {
      0% {
        transform: scale(1)
      }

      100% {
        transform: scale(0)
      }
    }

    @-webkit-keyframes lds-ellipsis2 {
      0% {
        transform: translate(0, 0)
      }

      100% {
        transform: translate(24px, 0)
      }
    }

    @keyframes lds-ellipsis2 {
      0% {
        transform: translate(0, 0)
      }

      100% {
        transform: translate(24px, 0)
      }
    }

    .bot-fedor .print {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .bot-fedor .date-item {
      width: 100%;
      text-align: start
    }

    .bot-fedor .date-item .date-input {
      width: 100%
    }

    .bot-fedor .interlocutor-last-massege,
    .bot-fedor .user {
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      transition: all .6s ease-in
    }

    .bot-fedor .start-page {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 10px;
      font-size: 18px
    }

    .bot-fedor .start-page .start-page-content {
      text-align: center;
      margin: auto;
      width: 50%
    }

    .bot-fedor .start-page h1 {
      font-size: 38.25px !important
    }

    .bot-fedor .start-page .text {
      margin-bottom: 12px;
      font-weight: 900;
      word-break: break-word;
      line-height: 25px
    }

    .bot-fedor .start-page button {
      min-width: 78px;
      padding: 16px 37px;
      margin-top: 20px;
      border-radius: 10px;
      font-family: inherit !important
    }

    .bot-fedor .copyright {
      text-align: center !important;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 16px;
      padding: 0 5px !important
    }

    .bot-fedor .height-40 {
      min-height: 40px
    }

    .bot-fedor .text-align-center {
      text-align: center
    }

    .bot-fedor .main-page-backdrop-filter {
      padding: 15px;
      border-radius: 30px
    }

    .bot-fedor .chat-message {
      animation: .5s flyin;
      -webkit-animation: .5s flyin;
      -moz-animation: .5s flyin
    }

    .bot-fedor .fixed-button-content {
      margin-top: auto;
      padding-bottom: 10px
    }

    .bot-fedor .fixed-button-content .line {
      border-bottom: 1px solid
    }

    .bot-fedor .fixed-button-content .fixed-button {
      text-align: center
    }

    .bot-fedor .fixed-button-content .fixed-button button {
      font-family: inherit !important;
      width: 95%;
      padding: 16px 80px;
      border-radius: 10px
    }

    .bot-fedor .audio-content .has-avatar,
    .bot-fedor .image-content .has-avatar {
      max-width: 492px;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-left: 16px !important
    }

    .bot-fedor .audio-content .no-margin-left,
    .bot-fedor .image-content .no-margin-left {
      margin-left: 0 !important
    }

    .bot-fedor .margin-bottom-24 {
      padding-bottom: 24px
    }

    .bot-fedor .sp-dragger {
      border-radius: 5px;
      height: 10px;
      width: 10px;
      border: 1px solid #fff;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 3px;
      margin-top: 3px;
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2)
    }

    .bot-fedor .sp-slider {
      position: absolute;
      top: 0;
      cursor: pointer;
      height: 16px;
      border-radius: 50%;
      width: 16px;
      left: -2px;
      background: #f9f9f9;
      box-shadow: 0 0 2px 0 #3a3a3a;
      margin-top: 8px
    }

    .bot-fedor .sp-container {
      display: -ms-inline-flexbox;
      display: inline-flex;
      border-radius: 4px;
      background-color: #fff;
      padding: 0;
      color: #000;
      box-shadow: 0 0 0 1px rgba(99, 114, 130, .16), 0 8px 16px rgba(27, 39, 51, .08)
    }

    .bot-fedor .sp-clear,
    .bot-fedor .sp-color,
    .bot-fedor .sp-container,
    .bot-fedor .sp-container button,
    .bot-fedor .sp-container input,
    .bot-fedor .sp-hue {
      font-size: 12px;
      -ms-box-sizing: border-box;
      box-sizing: border-box
    }

    .bot-fedor .sp-top {
      margin-bottom: 10px
    }

    .bot-fedor .sp-clear,
    .bot-fedor .sp-color,
    .bot-fedor .sp-hue,
    .bot-fedor .sp-sat,
    .bot-fedor .sp-val {
      border-radius: 3px
    }

    .bot-fedor .sp-input-container {
      margin-top: -5px
    }

    .bot-fedor .sp-button-container.sp-cf,
    .bot-fedor .sp-initial.sp-thumb.sp-cf,
    .bot-fedor .sp-input-container.sp-cf {
      height: 25px
    }

    .bot-fedor .sp-picker-container .sp-cf {
      margin-bottom: 10px
    }

    .bot-fedor .sp-palette-row-initial>span:first-child {
      cursor: pointer
    }

    .bot-fedor .sp-initial-disabled .sp-input-container {
      width: 100%
    }

    .bot-fedor .sp-input {
      padding: 0 5px !important;
      margin: 0;
      width: 100%;
      box-shadow: none !important;
      height: 100% !important;
      background: 0 0;
      color: #3a3a3a;
      border-radius: 2px !important;
      border: 1px solid #e0e0e0 !important;
      text-align: center;
      font-family: monospace;
      font-size: inherit !important
    }

    .bot-fedor .sp-input:focus {
      border: 1px solid orange
    }

    .bot-fedor .sp-input.sp-validation-error {
      border: 1px solid red;
      background: #fdd
    }

    .bot-fedor .sp-palette-container,
    .bot-fedor .sp-picker-container {
      position: relative;
      padding: 10px
    }

    .bot-fedor .sp-picker-container {
      width: 200px;
      padding-bottom: 0
    }

    .bot-fedor .sp-palette-container {
      border-right: 1px solid #ccc
    }

    .bot-fedor .sp-palette-only .sp-palette-container {
      border: 0
    }

    .bot-fedor .sp-palette .sp-thumb-el {
      display: block;
      position: relative;
      float: left;
      cursor: pointer;
      border: 2px solid transparent
    }

    .bot-fedor .sp-palette .sp-thumb-el.sp-thumb-active,
    .bot-fedor .sp-palette .sp-thumb-el:hover {
      border-color: orange
    }

    .bot-fedor .sp-initial {
      float: left
    }

    .bot-fedor .sp-initial span {
      width: 30px;
      height: 25px;
      border: none;
      display: block;
      float: left;
      margin: 0
    }

    .bot-fedor .sp-initial .spe-thumb-el.sp-thumb-active {
      border-radius: 0 5px 5px 0
    }

    .bot-fedor .sp-initial .spe-thumb-el {
      border-radius: 5px 0 0 5px
    }

    .bot-fedor .sp-initial .sp-clear-display {
      background-position: center
    }

    .bot-fedor .sp-button-container {
      float: right
    }

    .bot-fedor .sp-palette-button-container {
      margin-top: 10px
    }

    .bot-fedor .sp-replacer {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      display: inline-block;
      border-radius: 3px;
      border: 1px solid #aaa;
      color: #666;
      transition: border-color .3s;
      vertical-align: middle;
      width: 3rem;
      height: 1.5rem
    }

    .bot-fedor .sp-replacer.sp-active,
    .bot-fedor .sp-replacer:hover {
      border: 1px solid #666;
      color: #000
    }

    .bot-fedor .sp-replacer.sp-disabled {
      cursor: default;
      border-color: silver;
      color: silver
    }

    .bot-fedor .sp-dd {
      position: absolute;
      font-size: 10px;
      right: 0;
      top: 0;
      bottom: 0;
      padding: 0 2px;
      line-height: 1.6rem;
      background-color: #fff
    }

    .bot-fedor .sp-preview {
      width: 100%;
      height: 100%;
      float: left;
      z-index: 0
    }

    .bot-fedor .sp-preview-inner {
      transition: background-color .2s
    }

    .bot-fedor .sp-preview-inner.sp-clear-display {
      display: none
    }

    .bot-fedor .sp-palette .sp-thumb-el {
      width: 16px;
      height: 16px;
      margin: 3px;
      border: none;
      border-radius: 3px
    }

    .bot-fedor .sp-container button {
      border-radius: 3px;
      border: none;
      background: 0 0;
      line-height: 1;
      padding: 0 8px;
      height: 25px;
      text-transform: capitalize;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      color: #606c72;
      font-weight: 700
    }

    .bot-fedor .sp-container button.sp-choose {
      background-color: #3cab3b;
      color: #fff;
      margin-left: 5px
    }

    .bot-fedor .sp-container button:hover {
      opacity: .8
    }

    .bot-fedor .sp-container button.sp-palette-toggle {
      width: 100%;
      background-color: #f3f3f3;
      margin: 0
    }

    .bot-fedor .sp-palette span.sp-thumb-active,
    .bot-fedor .sp-palette span:hover {
      border-color: #000
    }

    .bot-fedor .sp-alpha,
    .bot-fedor .sp-preview,
    .bot-fedor .sp-thumb-el {
      position: relative;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
    }

    .bot-fedor .sp-alpha-inner,
    .bot-fedor .sp-preview-inner,
    .bot-fedor .sp-thumb-inner {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0
    }

    .bot-fedor .sp-palette .sp-thumb-inner {
      border-radius: 3px;
      background-position: 50% 50%;
      background-repeat: no-repeat
    }

    .bot-fedor .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
    }

    .bot-fedor .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
    }

    .bot-fedor .sp-clear-display {
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==)
    }

    .bot-fedor .margin-top-auto {
      margin-top: auto
    }

    .bot-fedor .mobil-menu__icon {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 40px;
      margin: 15px 27px;
      cursor: pointer
    }

    .bot-fedor .mobil-menu .close,
    .bot-fedor .mobil-menu .show {
      display: block;
      position: absolute
    }

    .bot-fedor .mobil-menu .close {
      right: 15px;
      top: 15px;
      cursor: pointer
    }

    .bot-fedor .mobil-menu__body {
      position: absolute;
      background-color: #fff;
      top: 0;
      bottom: 0;
      max-width: 256px;
      width: 100%;
      margin-left: -257px;
      border-right: 2px solid #70a3d3
    }

    .bot-fedor .mobil-menu__body,
    .bot-fedor .mobil-menu__body-show {
      transition: .5s
    }

    .bot-fedor .mobil-menu__body-show {
      margin-left: 0
    }

    .bot-fedor .nav-mobil {
      display: none
    }

    .bot-fedor .palette .sp-picker-container {
      width: 100%
    }

    .bot-fedor .palette .sp-container.sp-input-disabled .sp-input-container {
      display: block
    }

    .bot-fedor .palette .sp-button-container,
    .bot-fedor .palette .sp-palette-container {
      display: none
    }

    .bot-fedor .exemple-bg {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: justify;
      justify-content: space-between
    }

    .bot-fedor .exemple-bg,
    .bot-fedor .exemple-bg__item {
      display: -ms-flexbox;
      display: flex
    }

    .bot-fedor .exemple-bg__item {
      -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
      position: relative;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      margin-bottom: 30px
    }

    .bot-fedor .exemple-bg__cheked {
      position: absolute;
      z-index: 1;
      opacity: 0
    }

    .bot-fedor .active-bg .exemple-bg__cheked {
      opacity: 1
    }

    .bot-fedor .header {
      max-width: 1920px;
      width: 100%;
      z-index: 100
    }

    .bot-fedor .header,
    .bot-fedor .logo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .bot-fedor .logo__text {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-size: 40px;
      line-height: 100%;
      letter-spacing: .03em;
      color: #70a3d3;
      margin: 0
    }

    .bot-fedor .switch-lang {
      margin-left: 97px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .bot-fedor .switch-lang__btn {
      background-color: inherit;
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: rgba(12, 36, 62, .548);
      padding: 0
    }

    .bot-fedor .switch-lang__btn-active {
      color: #0c243e
    }

    .bot-fedor .switch-lang span {
      width: 15px;
      height: 2px;
      background-color: #0c243e;
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      display: block
    }

    .bot-fedor .mobil-menu {
      display: none
    }

    .bot-fedor .palette .sp-container.sp-flat {
      width: 100%
    }

    .bot-fedor .palette .sp-fill {
      padding-top: 30%
    }

    .bot-fedor .palette .sp-top-inner {
      height: 155px
    }

    .bot-fedor .palette__text {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      letter-spacing: .03em;
      color: rgba(12, 36, 62, .5)
    }

    .bot-fedor .bot-header-name__input::-webkit-input-placeholder {
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .bot-header-name__input::-moz-placeholder {
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .bot-header-name__input:-ms-input-placeholder {
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .bot-header-name__input::-ms-input-placeholder {
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .bot-header-name__input::placeholder {
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .select-colorTheam {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
    }

    .bot-fedor .select-colorTheam__head {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: rgba(12, 36, 62, .5);
      max-width: 500px;
      width: 100%;
      margin: 32px auto 16px
    }

    .bot-fedor .select-colorTheam__btnBlock {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center
    }

    .bot-fedor .select-colorTheam__btn {
      margin: 0 16px
    }

    .bot-fedor .select-colorTheam__btn svg {
      max-width: 192px;
      width: 100%;
      max-height: 172px
    }

    .bot-fedor .select-colorTheam__addCustomTheam svg {
      max-width: 64px;
      width: 100%;
      max-height: 64px
    }

    .bot-fedor .tab-header {
      padding: 0 10px
    }

    .bot-fedor .tab-header__head {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      -ms-flex-pack: justify;
      justify-content: space-between
    }

    .bot-fedor .tab-header__head:after,
    .bot-fedor .tab-header__head:before {
      content: "";
      width: 15px;
      height: 15px;
      display: block
    }

    .bot-fedor .exemple-view {
      width: 100%;
      background-size: cover !important;
      height: 253px;
      border: 2px solid #0c243e;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 30px
    }

    .bot-fedor .exemple-view__content {
      width: 50%;
      background-color: rgba(255, 255, 255, .2);
      padding-top: 50px
    }

    .bot-fedor .bot-header-name__lable {
      color: rgba(12, 36, 62, .5);
      margin-bottom: 16px
    }

    .bot-fedor .bot-header-name__input,
    .bot-fedor .bot-header-name__lable {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em
    }

    .bot-fedor .bot-header-name__input {
      height: 63px;
      background: #cbd0e1;
      border-radius: 16px;
      color: #0c243e;
      padding: 0 20px
    }

    .bot-fedor .bot-header__wrapImg {
      max-width: 116px;
      min-width: 80px;
      max-height: 116px;
      width: 100%
    }

    .bot-fedor .bot-header__wrapImg img {
      width: 100%
    }

    .bot-fedor .bot-header-name {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 480px;
      width: 100%;
      margin-left: 54px
    }

    .bot-fedor .accord .btns-scripts__btn-deactive {
      text-align: left;
      padding-left: 25px;
      padding-right: 25px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .bot-fedor .accord .btns-scripts__btn-deactive:after {
      content: "";
      width: 15px;
      height: 15px;
      border-left: 2px solid #0c243e;
      border-bottom: 2px solid #0c243e;
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
      display: block;
      margin-left: auto
    }

    .bot-fedor .bot-header {
      border-bottom: 5px solid #cbd0e1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 40px
    }

    .bot-fedor .tab {
      display: none
    }

    .bot-fedor .tab-show {
      display: block;
      padding: 0 80px
    }

    .bot-fedor .btns-scripts__btn {
      display: block;
      -ms-flex-preferred-size: 48%;
      flex-basis: 45%;
      margin-right: 10px;
      margin-left: 10px;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 14px !important;
      background: #70a3d3;
      border-radius: 16px;
      margin-bottom: 32px;
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      line-height: 170%;
      letter-spacing: .03em;
      color: #f6f8fa;
      cursor: pointer
    }

    @media screen and (min-width:480px) {

      .bot-fedor .btns-scripts__btn,
      .bot-fedor .interlocutor__text,
      .bot-fedor .user__text {
        font-size: 18px !important
      }
    }

    .bot-fedor .btns-scripts__btn,
    .bot-fedor .btns-scripts__btn:hover {
      transition: .3s
    }

    .bot-fedor .btns-scripts__btn-W100 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important
    }

    .bot-fedor .btns-scripts-setting .btns-scripts__btn-deactive-W100 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%
    }

    .bot-fedor .btns-scripts-borderTop {
      border-top: 5px solid #cbd0e1;
      padding-top: 30px
    }

    .bot-fedor .user {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end
    }

    .bot-fedor .user__massege {
      display: inline-block;
      max-width: 492px;
      position: relative;
      background: #70a3d3;
      border-radius: 16px 16px 0;
      padding: 16px 24px !important;
      margin-right: 30px
    }

    .bot-fedor .right-arrow {
      border-left: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      bottom: 0;
      right: -20px
    }

    .bot-fedor .user__text {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #f6f8fa;
      word-break: break-word
    }

    .bot-fedor .video-frime {
      position: relative;
      width: 100%
    }

    .bot-fedor .video-frime-marginTop {
      margin-top: 26px
    }

    .bot-fedor .video-frime__cover {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center
    }

    .bot-fedor .video-frime__cover-hide {
      display: none
    }

    .bot-fedor .video-frime__svgBtn {
      display: inline-block;
      z-index: 2;
      position: absolute;
      cursor: pointer
    }

    .bot-fedor .video-frime__video {
      top: 0;
      left: 0
    }

    .bot-fedor .active-btn {
      display: block;
      -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
      height: 63px;
      background: #70a3d3 !important;
      border-radius: 16px;
      margin-bottom: 32px;
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #f6f8fa;
      cursor: pointer
    }

    .bot-fedor .active-btn,
    .bot-fedor .active-btn:hover {
      transition: .3s
    }

    .bot-fedor .active-btn:hover {
      background: rgba(112, 163, 211, .767)
    }

    .bot-fedor .btns-scripts {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 42px
    }

    .bot-fedor .btns-scripts-setting .btns-scripts__btn-deactive {
      background-color: #cbd0e1;
      color: #0c243e;
      display: block;
      -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
      height: 63px;
      border-radius: 16px;
      margin-bottom: 32px;
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      cursor: pointer;
      transition: .3s
    }

    .bot-fedor .btns-scripts-setting .btns-scripts__btn-deactive:hover {
      background: rgba(112, 163, 211, .767);
      transition: .3s;
      color: #f6f8fa
    }

    .bot-fedor .interlocutor__head {
      font-weight: 700
    }

    .bot-fedor .interlocutor__head,
    .bot-fedor .interlocutor__text {
      font-family: inherit !important;
      word-break: break-word;
      font-style: normal;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .interlocutor__text {
      font-weight: 400
    }

    .bot-fedor .interlocutor-last-massege .left-arrow {
      border-bottom: 20px solid transparent;
      border-right: 20px solid transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      bottom: 0;
      left: -20px
    }

    .bot-fedor .interlocutor__wrap-img {
      width: 64px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 5px
    }

    .bot-fedor .interlocutor__img {
      width: 100%
    }

    .bot-fedor .interlocutor__massege {
      position: relative;
      max-width: 492px;
      display: inline-block;
      background: #cbd0e1;
      border-radius: 16px 16px 16px 0;
      padding: 16px 24px !important;
      margin-left: 30px
    }

    .bot-fedor .correspondence__item {
      margin-bottom: 24px
    }

    .bot-fedor .interlocutor {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
      align-items: flex-end
    }

    .bot-fedor .interlocutor-last-massege .interlocutor__massege {
      position: relative;
      max-width: 492px;
      display: inline-block;
      background: #cbd0e1;
      border-radius: 16px 16px 16px 0;
      padding: 16px 24px !important;
      margin-left: 30px
    }

    .bot-fedor .wrapper,
    .bot-fedor .wrapper-ligth-theam {
      background-color: #f6f8fa
    }

    .bot-fedor .wrapper-ligth-theam a {
      color: #0c243e !important
    }

    .bot-fedor .wrapper-dark-theam a,
    .bot-fedor .wrapper-dark-theam h1,
    .bot-fedor .wrapper-dark-theam h2,
    .bot-fedor .wrapper-dark-theam input,
    .bot-fedor .wrapper-dark-theam label,
    .bot-fedor .wrapper-dark-theam p,
    .bot-fedor .wrapper-dark-theam span {
      color: #fff !important
    }

    .bot-fedor .wrapper-dark-theam .header {
      background-color: #0c243e
    }

    .bot-fedor .container {
      width: 100%;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      position: relative;
      margin: 0 auto;
      max-width: 1280px
    }

    .bot-fedor body {
      margin: 0;
      padding: 0;
      font-family: Montserrat, Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      max-width: 100%
    }

    .bot-fedor .hidden {
      overflow: hidden
    }

    .bot-fedor *,
    .bot-fedor :after,
    .bot-fedor :before {
      box-sizing: border-box
    }

    .bot-fedor a {
      text-decoration: none
    }

    .bot-fedor li,
    .bot-fedor ol,
    .bot-fedor ul {
      margin: 0;
      font-family: inherit !important
    }

    .bot-fedor .section,
    .bot-fedor section {
      position: relative;
      padding: 40px 0
    }

    .bot-fedor .card-bot__head,
    .bot-fedor .card-bot__text {
      font-family: inherit !important;
      font-style: normal;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e;
      text-align: center
    }

    .bot-fedor .card-bot__text {
      font-weight: 400;
      font-size: 18px
    }

    .bot-fedor .card-bot__mass {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
      align-items: flex-end;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -ms-flex-positive: 1;
      flex-grow: 1
    }

    .bot-fedor .card-bot__mass span {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #70a3d3
    }

    .bot-fedor .add-bot {
      margin-left: 57px
    }

    .bot-fedor .setting-menu {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 20px
    }

    .bot-fedor .setting-menu__link {
      color: #0c243e
    }

    .bot-fedor .setting-menu__link,
    .bot-fedor .setting-menu__link:last-child {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em
    }

    .bot-fedor .setting-menu__link:last-child {
      color: #70a3d3 !important
    }

    .bot-fedor .editor-card,
    .bot-fedor .editor-card__header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
    }

    .bot-fedor .editor-card__btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between
    }

    .bot-fedor .text-editor {
      border: 1px solid #70a3d3;
      box-sizing: border-box;
      border-radius: 4px;
      padding: 4px
    }

    .bot-fedor .text-editor,
    .bot-fedor .text-editor__btn {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .bot-fedor .text-editor__btn {
      width: 24px;
      height: 24px;
      border: 1px solid transparent;
      background-color: inherit;
      -ms-flex-pack: center;
      justify-content: center
    }

    .bot-fedor .text-editor__btn-active {
      background: #cbd0e1;
      border: 1px solid #0c243e;
      box-sizing: border-box;
      border-radius: 4px
    }

    .bot-fedor .added-btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .bot-fedor .added-btns__btn {
      background-color: inherit
    }

    .bot-fedor .input-text {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      border-bottom: 2px solid #cbd0e1;
      margin-top: 26px;
      -ms-flex-align: end;
      align-items: flex-end
    }

    .bot-fedor .input-text__input {
      background-color: inherit;
      border: none;
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      letter-spacing: .03em;
      color: #0c243e;
      -ms-flex-preferred-size: 85%;
      flex-basis: 85%
    }

    .bot-fedor .input-text__input::-webkit-input-placeholder {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #cbd0e1
    }

    .bot-fedor .input-text__input::-moz-placeholder {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #cbd0e1
    }

    .bot-fedor .input-text__input:-ms-input-placeholder {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #cbd0e1
    }

    .bot-fedor .input-text__input::-ms-input-placeholder {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #cbd0e1
    }

    .bot-fedor .input-text__input::placeholder {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #cbd0e1
    }

    .bot-fedor .input-text__btn {
      -ms-flex-preferred-size: 15%;
      flex-basis: 15%
    }

    .bot-fedor .selected-btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 26px
    }

    .bot-fedor .selected-btns__btn {
      width: 138px;
      height: 63px;
      background: #cbd0e1;
      border-radius: 16px;
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .auth__btn:first-child {
      font-family: inherit !important;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #70a3d3;
      width: 120px;
      height: 47px;
      border: 2px solid #70a3d3;
      box-sizing: border-box;
      border-radius: 16px
    }

    .bot-fedor .auth__btn:first-child:hover {
      background: rgba(112, 163, 211, .767);
      transition: .3s;
      color: #fff
    }

    .bot-fedor .auth__btn:nth-child(2) {
      width: 192px;
      height: 47px;
      font-family: inherit !important;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #f6f8fa;
      background: #70a3d3;
      border-radius: 16px
    }

    .bot-fedor .auth__btn:nth-child(2):hover {
      background: rgba(112, 163, 211, .767);
      transition: .3s
    }

    .bot-fedor .added {
      width: 240px;
      height: 40px;
      background: #cbd0e1;
      border-radius: 8px;
      font-family: inherit !important;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      letter-spacing: .03em;
      color: #0c243e
    }

    .bot-fedor .bot-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }

    .bot-fedor .bot-list,
    .bot-fedor .header-lift-menu .mobil-menu {
      display: -ms-flexbox;
      display: flex
    }

    .bot-fedor .img-item {
      width: 100%;
      position: relative
    }

    .bot-fedor .img-item .icon {
      display: none
    }

    .bot-fedor .img-item:hover .icon {
      display: block !important;
      position: absolute;
      top: calc(50% - 40px / 2);
      left: calc(50% - 40px / 2);
      cursor: pointer
    }

    .bot-fedor .nav {
      max-width: 1170px;
      width: 100%;
      margin: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 15px
    }

    .bot-fedor .close_btn {
      position: fixed;
      z-index: 999;
      top: 3px;
      right: 5px
    }

    .bot-fedor .mat-expansion-panel-header {
      padding: 10px 24px !important;
      word-break: break-word;
      height: -webkit-fit-content !important;
      height: -moz-fit-content !important;
      height: fit-content !important
    }

    .bot-fedor .expansion-panel__description {
      display: none !important
    }

    .bot-fedor .expansion-panel__title {
      width: 100% !important;
      text-align: center;
      -ms-flex: initial !important;
      flex: initial !important
    }

    .bot-fedor .expansion-panel__content {
      margin-left: 0 !important;
      border-top: 1px solid #ccc
    }

    .bot-fedor .copyright p,
    .bot-fedor .interlocutor__text p,
    .bot-fedor .user__massege p,
    .bot-fedor .user__text p,
    .bot-fedor button p {
      margin: 0;
      padding: 0 !important;
      color: inherit !important;
      font-size: inherit !important;
      line-height: inherit !important
    }

    .bot-fedor .first-audio-element .plyr__menu__container {
      bottom: 1px !important
    }

    .bot-fedor mat-form-field {
      max-width: 768px;
      padding: 10px;
      width: 100%;
      border-radius: 8px
    }

    .bot-fedor mat-icon {
      color: #4d84b7
    }

    .bot-fedor .pz-zoom-button {
      bottom: 1px !important
    }

    .bot-fedor .pinch-zoom-content {
      height: 100% !important
    }

    .bot-fedor .ui-datepicker table td {
      padding: 0 !important
    }

    .bot-fedor .ui-datepicker {
      padding: .2em !important
    }

    .bot-fedor .ui-calendar {
      width: 70% !important
    }

    .bot-fedor .ui-inputtext {
      width: 100%
    }

    .bot-fedor .ui-inputtext::-webkit-input-placeholder {
      color: inherit !important
    }

    .bot-fedor .ui-inputtext::-moz-placeholder {
      color: inherit !important
    }

    .bot-fedor .ui-inputtext:-ms-input-placeholder {
      color: inherit !important
    }

    .bot-fedor .ui-inputtext::-ms-input-placeholder {
      color: inherit !important
    }

    .bot-fedor .ui-inputtext::placeholder {
      color: inherit !important
    }

    .bot-fedor .mat-radio-label-content {
      padding-right: 8px !important
    }

    .bot-fedor .mat-radio-label-content .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
      border-color: inherit !important
    }

    .bot-fedor .mat-radio-label-content .mat-radio-button.mat-accent .mat-radio-inner-circle,
    .bot-fedor .mat-radio-label-content .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
    .bot-fedor .mat-radio-label-content .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
    .bot-fedor .mat-radio-label-content .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
      background-color: inherit
    }

    .bot-fedor .ql-emojiblot {
      display: contents !important
    }

    .bot-fedor .plyr--instagram .plyr__controls {
      display: none
    }

    .bot-fedor .mat-dialog-container {
      padding: 0 !important
    }

    .bot-fedor .custom-dialog-overlay {
      background: rgba(0, 0, 0, .87) !important
    }

    .bot-fedor .plyr--instagram .plyr__video-embed iframe {
      z-index: 3;
      top: -52px;
      height: calc(100% + 94px) !important;
      opacity: 0
    }

    .bot-fedor .hide-controls .plyr__controls {
      -ms-flex-pack: start;
      justify-content: flex-start
    }

    .bot-fedor .hide-controls .plyr__controls .plyr__menu,
    .bot-fedor .hide-controls .plyr__controls .plyr__progress__container,
    .bot-fedor .hide-controls .plyr__controls .plyr__time,
    .bot-fedor .hide-controls .plyr__controls .plyr__volume,
    .bot-fedor .hide-controls .plyr__controls [data-plyr=fullscreen] {
      display: none
    }

    .bot-fedor .copyright a {
      color: inherit !important;
      text-decoration: underline !important;
      font-family: inherit !important
    }

    .bot-fedor .correspondence {
      min-height: 100%;
      padding: 30px 16px 60px !important
    }

    .bot-fedor .correspondence a {
      color: #06c;
      text-decoration: underline
    }

    .bot-fedor .audio-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .bot-fedor .audio-content .plyr__menu__container {
      padding-bottom: 4px !important
    }

    .bot-fedor .audio-content .plyr__menu__container .plyr__control--back {
      display: none !important
    }

    .bot-fedor .audio-content .plyr__menu__container [role=menu] {
      margin-bottom: 0 !important;
      padding: 3px 12px !important
    }

    .bot-fedor .audio-content .plyr__menu__container .plyr__control[role=menuitemradio] {
      margin: 0 !important;
      padding: 1px !important
    }

    .bot-fedor .audio-content .plyr__menu__container .plyr__control[role=menuitemradio]::before {
      width: 13px !important;
      height: 13px !important
    }

    .bot-fedor .audio-content .plyr__menu__container .plyr__control[role=menuitemradio]::after {
      display: none !important
    }

    .bot-fedor .audio-content audio {
      height: 50px
    }

    @media screen and (max-width:480px) {
      .bot-fedor .start-page h1 {
        font-size: 29.75px !important
      }
    }

    @media screen and (max-width:768px) and (min-width:480px) {
      .bot-fedor .start-page h1 {
        font-size: 31.875px !important
      }
    }

    @media screen and (max-width:1280px) and (min-width:768px) {
      .bot-fedor .start-page h1 {
        font-size: 34px !important
      }
    }

    @media screen and (max-width:920px) {
      .bot-fedor .start-page-content {
        width: 100% !important
      }
    }

    @media screen and (max-width:640px) {
      .bot-fedor .bot-print-message-content {
        width: 100% !important;
        max-width: calc(100% - 64px) !important;
        margin-left: 10px !important
      }

      .bot-fedor .ui-calendar {
        width: 100% !important
      }

      .bot-fedor .print_message {
        margin-left: 0 !important
      }

      .bot-fedor .audio-content .has-avatar,
      .bot-fedor .image-content .has-avatar {
        max-width: calc(100% - 64px) !important;
        margin-left: 10px !important
      }

      .bot-fedor .interlocutor-last-massege .interlocutor__massege {
        margin-left: 10px !important;
        max-width: calc(100% - 64px) !important;
        width: 100% !important
      }
    }

    @media screen and (max-device-width:480px) {
      .bot-fedor .sp-color {
        right: 40%
      }

      .bot-fedor .sp-hue {
        left: 63%
      }

      .bot-fedor .sp-fill {
        padding-top: 60%
      }
    }

    @media screen and (max-width:1024px) {

      .bot-fedor .section,
      .bot-fedor section {
        padding: 36px 0
      }

      .bot-fedor .container {
        max-width: 768px
      }
    }

    @media screen and (max-width:768px) {

      .bot-fedor .section,
      .bot-fedor section {
        padding: 28px 0
      }

      .bot-fedor .container {
        max-width: 480px !important
      }
    }

    @media screen and (max-width:480px) {

      .bot-fedor .section,
      .bot-fedor section {
        padding: 20px 0
      }

      .bot-fedor .container {
        max-width: 320px
      }

      .btns-scripts-setting .btns-scripts__btn-deactive {
        font-size: 12px;
        height: 43px;
        margin-bottom: 16px;
        border-radius: 8px
      }

      .btns-scripts-borderTop {
        border-top: 2px solid #cbd0e1
      }

      .btns-scripts__btn {
        font-size: 16px !important;
        margin-bottom: 16px !important;
        border-radius: 8px !important;
        padding: 10px !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important
      }

      .bot-header {
        -ms-flex-align: end;
        align-items: flex-end
      }
    }

    @media screen and (max-width:768px) {
      .tab-show {
        padding: 0
      }

      .palette .sp-top-inner {
        height: 180px
      }
    }

    @media screen and (max-width:640px) {
      .interlocutor__massege {
        margin-left: 0 !important
      }

      .interlocutor__text {
        font-size: 16px !important;
        line-height: 120% !important
      }

      .exemple-view__content {
        width: 75%
      }

      .exemple-view__content .interlocutor-last-massege {
        padding: 0 20px
      }

      .palette__text {
        display: none
      }

      .palette .sp-top-inner {
        height: 135px
      }
    }

    @media screen and (max-width:480px) {
      .bot-header-name {
        margin-left: 5px
      }

      .bot-header-name__input {
        padding: 0 5px
      }

      .palette .sp-top-inner {
        height: 100px
      }
    }

    @media screen and (max-width:320px) {
      .palette .sp-top-inner {
        height: 90px
      }
    }

    .overflow-auto {
      overflow-y: auto
    }

    @media screen and (max-width:1024px) {
      .mobil-menu {
        max-width: 1024px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-positive: 1;
        flex-grow: 1
      }

      .bot-fedor .nav-mobil {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
      }
    }

    @keyframes plyr-progress {
      to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
      }
    }

    @keyframes plyr-popup {
      0% {
        opacity: .5;
        transform: translateY(10px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes plyr-fade-in {
      from {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    .plyr {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      align-items: center;
      direction: ltr;
      display: flex;
      flex-direction: column;
      font-family: inherit;
      font-family: var(--plyr-font-family, inherit);
      font-variant-numeric: tabular-nums;
      font-weight: 400;
      font-weight: var(--plyr-font-weight-regular, 400);
      height: 100%;
      line-height: 1.7;
      line-height: var(--plyr-line-height, 1.7);
      max-width: 100%;
      min-width: 200px;
      position: relative;
      text-shadow: none;
      transition: box-shadow .3s ease;
      z-index: 0
    }

    .plyr audio,
    .plyr iframe,
    .plyr video {
      display: block;
      height: 100%;
      width: 100%
    }

    .plyr button {
      font: inherit;
      line-height: inherit;
      width: auto
    }

    .plyr:focus {
      outline: 0
    }

    .plyr--full-ui {
      box-sizing: border-box
    }

    .plyr--full-ui *,
    .plyr--full-ui ::after,
    .plyr--full-ui ::before {
      box-sizing: inherit
    }

    .plyr--full-ui a,
    .plyr--full-ui button,
    .plyr--full-ui input,
    .plyr--full-ui label {
      touch-action: manipulation
    }

    .plyr__badge {
      background: #4a5464;
      background: var(--plyr-badge-background, #4a5464);
      border-radius: 2px;
      border-radius: var(--plyr-badge-border-radius, 2px);
      color: #fff;
      color: var(--plyr-badge-text-color, #fff);
      font-size: 9px;
      font-size: var(--plyr-font-size-badge, 9px);
      line-height: 1;
      padding: 3px 4px
    }

    .plyr--full-ui ::-webkit-media-text-track-container {
      display: none
    }

    .plyr__captions {
      animation: .3s plyr-fade-in;
      bottom: 0;
      display: none;
      font-size: 13px;
      font-size: var(--plyr-font-size-small, 13px);
      left: 0;
      padding: 10px;
      padding: var(--plyr-control-spacing, 10px);
      position: absolute;
      text-align: center;
      transition: transform .4s ease-in-out;
      width: 100%
    }

    .plyr__captions span:empty {
      display: none
    }

    @media (min-width:480px) {
      .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(10px * 2);
        padding: calc(var(--plyr-control-spacing, 10px) * 2)
      }
    }

    @media (min-width:768px) {
      .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
      }
    }

    .plyr--captions-active .plyr__captions {
      display: block
    }

    .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
      transform: translateY(calc(10px * -4));
      transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
    }

    .plyr__caption {
      background: rgba(0, 0, 0, .8);
      background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
      border-radius: 2px;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      color: #fff;
      color: var(--plyr-captions-text-color, #fff);
      line-height: 185%;
      padding: .2em .5em;
      white-space: pre-wrap
    }

    .plyr__caption div {
      display: inline
    }

    .plyr__control {
      background: 0 0;
      border: 0;
      border-radius: 3px;
      border-radius: var(--plyr-control-radius, 3px);
      color: inherit;
      cursor: pointer;
      flex-shrink: 0;
      overflow: visible;
      padding: calc(10px * .7);
      padding: calc(var(--plyr-control-spacing, 10px) * .7);
      position: relative;
      transition: all .3s ease
    }

    .plyr__control svg {
      display: block;
      fill: currentColor;
      height: 18px;
      height: var(--plyr-control-icon-size, 18px);
      pointer-events: none;
      width: 18px;
      width: var(--plyr-control-icon-size, 18px)
    }

    .plyr__control:focus {
      outline: 0
    }

    .plyr__control.plyr__tab-focus {
      outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      outline-offset: 2px;
      outline: #00b3ff dotted 3px
    }

    a.plyr__control {
      text-decoration: none
    }

    .plyr__control.plyr__control--pressed .icon--not-pressed,
    .plyr__control.plyr__control--pressed .label--not-pressed,
    .plyr__control:not(.plyr__control--pressed) .icon--pressed,
    .plyr__control:not(.plyr__control--pressed) .label--pressed,
    a.plyr__control::after,
    a.plyr__control::before {
      display: none
    }

    .plyr--full-ui ::-webkit-media-controls {
      display: none
    }

    .plyr__controls {
      align-items: center;
      display: flex;
      justify-content: flex-end;
      text-align: center
    }

    .plyr__controls .plyr__progress__container {
      flex: 1;
      min-width: 0
    }

    .plyr__controls .plyr__controls__item {
      margin-left: calc(10px / 4);
      margin-left: calc(var(--plyr-control-spacing, 10px)/ 4)
    }

    .plyr__controls .plyr__controls__item:first-child {
      margin-left: 0;
      margin-right: auto
    }

    .plyr__controls .plyr__controls__item.plyr__progress__container {
      padding-left: calc(10px / 4);
      padding-left: calc(var(--plyr-control-spacing, 10px)/ 4)
    }

    .plyr__controls .plyr__controls__item.plyr__time {
      padding: 0 calc(10px / 2);
      padding: 0 calc(var(--plyr-control-spacing, 10px)/ 2)
    }

    .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
    .plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
    .plyr__controls .plyr__controls__item.plyr__time:first-child {
      padding-left: 0
    }

    .plyr [data-plyr=airplay],
    .plyr [data-plyr=captions],
    .plyr [data-plyr=fullscreen],
    .plyr [data-plyr=pip],
    .plyr__controls:empty {
      display: none
    }

    .plyr--airplay-supported [data-plyr=airplay],
    .plyr--captions-enabled [data-plyr=captions],
    .plyr--fullscreen-enabled [data-plyr=fullscreen],
    .plyr--pip-supported [data-plyr=pip] {
      display: inline-block
    }

    .plyr__menu {
      display: flex;
      position: relative
    }

    .plyr__menu .plyr__control svg {
      transition: transform .3s ease
    }

    .plyr__menu .plyr__control[aria-expanded=true] svg {
      transform: rotate(90deg)
    }

    .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
      display: none
    }

    .plyr__menu__container {
      animation: .2s plyr-popup;
      background: rgba(255, 255, 255, .9);
      background: var(--plyr-menu-background, rgba(255, 255, 255, .9));
      border-radius: 4px;
      bottom: 100%;
      box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
      box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
      color: #4a5464;
      color: var(--plyr-menu-color, #4a5464);
      font-size: 15px;
      font-size: var(--plyr-font-size-base, 15px);
      margin-bottom: 10px;
      position: absolute;
      right: -3px;
      text-align: left;
      white-space: nowrap;
      z-index: 3
    }

    .plyr__menu__container>div {
      overflow: hidden;
      transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
    }

    .plyr__menu__container::after {
      border: 4px solid transparent;
      border: var(--plyr-menu-arrow-size, 4px) solid transparent;
      border-top-color: rgba(255, 255, 255, .9);
      border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9));
      content: '';
      height: 0;
      position: absolute;
      right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2));
      right: calc(((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7)) - (var(--plyr-menu-arrow-size, 4px)/ 2));
      top: 100%;
      width: 0
    }

    .plyr__menu__container [role=menu] {
      padding: calc(10px * .7);
      padding: calc(var(--plyr-control-spacing, 10px) * .7)
    }

    .plyr__menu__container [role=menuitem],
    .plyr__menu__container [role=menuitemradio] {
      margin-top: 2px
    }

    .plyr__menu__container [role=menuitem]:first-child,
    .plyr__menu__container [role=menuitemradio]:first-child {
      margin-top: 0
    }

    .plyr__menu__container .plyr__control {
      align-items: center;
      color: #4a5464;
      color: var(--plyr-menu-color, #4a5464);
      display: flex;
      font-size: 13px;
      font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
      padding-bottom: calc(calc(10px * .7)/ 1.5);
      padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 1.5);
      padding-left: calc(calc(10px * .7) * 1.5);
      padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
      padding-right: calc(calc(10px * .7) * 1.5);
      padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
      padding-top: calc(calc(10px * .7)/ 1.5);
      padding-top: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 1.5);
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 100%
    }

    .plyr__menu__container .plyr__control>span {
      align-items: inherit;
      display: flex;
      width: 100%
    }

    .plyr__menu__container .plyr__control::after {
      border: 4px solid transparent;
      border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
    }

    .plyr__menu__container .plyr__control--forward {
      padding-right: calc(calc(10px * .7) * 4);
      padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4)
    }

    .plyr__menu__container .plyr__control--forward::after {
      border-left-color: #728197;
      border-left-color: var(--plyr-menu-arrow-color, #728197);
      right: calc((calc(10px * .7) * 1.5) - 4px);
      right: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
    }

    .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
    .plyr__menu__container .plyr__control--forward:hover::after {
      border-left-color: currentColor
    }

    .plyr__menu__container .plyr__control--back {
      font-weight: 400;
      font-weight: var(--plyr-font-weight-regular, 400);
      margin: calc(10px * .7);
      margin: calc(var(--plyr-control-spacing, 10px) * .7);
      margin-bottom: calc(calc(10px * .7)/ 2);
      margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 2);
      padding-left: calc(calc(10px * .7) * 4);
      padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
      position: relative;
      width: calc(100% - (calc(10px * .7) * 2));
      width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * .7) * 2))
    }

    .plyr__menu__container .plyr__control--back::after {
      border-right-color: #728197;
      border-right-color: var(--plyr-menu-arrow-color, #728197);
      left: calc((calc(10px * .7) * 1.5) - 4px);
      left: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
    }

    .plyr__menu__container .plyr__control--back::before {
      background: #dcdfe5;
      background: var(--plyr-menu-back-border-color, #dcdfe5);
      box-shadow: 0 1px 0 #fff;
      box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
      content: '';
      height: 1px;
      left: 0;
      margin-top: calc(calc(10px * .7)/ 2);
      margin-top: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 2);
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 100%
    }

    .plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
    .plyr__menu__container .plyr__control--back:hover::after {
      border-right-color: currentColor
    }

    .plyr__menu__container .plyr__control[role=menuitemradio] {
      padding-left: calc(10px * .7);
      padding-left: calc(var(--plyr-control-spacing, 10px) * .7)
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::after,
    .plyr__menu__container .plyr__control[role=menuitemradio]::before {
      border-radius: 100%
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::before {
      background: rgba(0, 0, 0, .1);
      content: '';
      display: block;
      flex-shrink: 0;
      height: 16px;
      margin-right: 10px;
      margin-right: var(--plyr-control-spacing, 10px);
      transition: all .3s ease;
      width: 16px
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::after {
      background: #fff;
      border: 0;
      height: 6px;
      left: 12px;
      opacity: 0;
      top: 50%;
      transform: translateY(-50%) scale(0);
      transition: transform .3s ease, opacity .3s ease;
      width: 6px
    }

    .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
      background: #00b3ff;
      background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
    }

    .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
      opacity: 1;
      transform: translateY(-50%) scale(1)
    }

    .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
    .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
      background: rgba(35, 40, 47, .1)
    }

    .plyr__menu__container .plyr__menu__value {
      align-items: center;
      display: flex;
      margin-left: auto;
      margin-right: calc((calc(10px * .7) - 2) * -1);
      margin-right: calc((calc(var(--plyr-control-spacing, 10px) * .7) - 2) * -1);
      overflow: hidden;
      padding-left: calc(calc(10px * .7) * 3.5);
      padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 3.5);
      pointer-events: none
    }

    .plyr--full-ui input[type=range] {
      -webkit-appearance: none;
      background: 0 0;
      border: 0;
      border-radius: calc(13px * 2);
      border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
      color: #00b3ff;
      color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      display: block;
      height: calc((3px * 2) + 13px);
      height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
      margin: 0;
      padding: 0;
      transition: box-shadow .3s ease;
      width: 100%
    }

    .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
      background: 0 0;
      border: 0;
      border-radius: calc(5px / 2);
      border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
      height: 5px;
      height: var(--plyr-range-track-height, 5px);
      transition: box-shadow .3s ease;
      -webkit-user-select: none;
      user-select: none;
      background-image: linear-gradient(to right, currentColor 0, transparent 0);
      background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
    }

    .plyr--full-ui input[type=range]::-webkit-slider-thumb {
      background: #fff;
      background: var(--plyr-range-thumb-background, #fff);
      border: 0;
      border-radius: 100%;
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
      height: 13px;
      height: var(--plyr-range-thumb-height, 13px);
      position: relative;
      transition: all .2s ease;
      width: 13px;
      width: var(--plyr-range-thumb-height, 13px);
      -webkit-appearance: none;
      margin-top: calc(((13px - 5px)/ 2) * -1);
      margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/ 2) * -1)
    }

    .plyr--full-ui input[type=range]::-moz-range-track {
      background: 0 0;
      border: 0;
      border-radius: calc(5px / 2);
      border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
      height: 5px;
      height: var(--plyr-range-track-height, 5px);
      transition: box-shadow .3s ease;
      user-select: none
    }

    .plyr--full-ui input[type=range]::-moz-range-thumb {
      background: #fff;
      background: var(--plyr-range-thumb-background, #fff);
      border: 0;
      border-radius: 100%;
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
      height: 13px;
      height: var(--plyr-range-thumb-height, 13px);
      position: relative;
      transition: all .2s ease;
      width: 13px;
      width: var(--plyr-range-thumb-height, 13px)
    }

    .plyr--full-ui input[type=range]::-moz-range-progress {
      background: currentColor;
      border-radius: calc(5px / 2);
      border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
      height: 5px;
      height: var(--plyr-range-track-height, 5px)
    }

    .plyr--full-ui input[type=range]::-ms-track {
      background: 0 0;
      border: 0;
      border-radius: calc(5px / 2);
      border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
      height: 5px;
      height: var(--plyr-range-track-height, 5px);
      transition: box-shadow .3s ease;
      -ms-user-select: none;
      user-select: none;
      color: transparent
    }

    .plyr--full-ui input[type=range]::-ms-fill-upper {
      background: 0 0;
      border: 0;
      border-radius: calc(5px / 2);
      border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
      height: 5px;
      height: var(--plyr-range-track-height, 5px);
      transition: box-shadow .3s ease;
      -ms-user-select: none;
      user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-fill-lower {
      background: currentColor;
      border: 0;
      border-radius: calc(5px / 2);
      border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
      height: 5px;
      height: var(--plyr-range-track-height, 5px);
      transition: box-shadow .3s ease;
      -ms-user-select: none;
      user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-thumb {
      background: #fff;
      background: var(--plyr-range-thumb-background, #fff);
      border: 0;
      border-radius: 100%;
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
      height: 13px;
      height: var(--plyr-range-thumb-height, 13px);
      position: relative;
      transition: all .2s ease;
      width: 13px;
      width: var(--plyr-range-thumb-height, 13px);
      margin-top: 0
    }

    .plyr--full-ui input[type=range]::-ms-tooltip {
      display: none
    }

    .plyr--full-ui input[type=range]:focus {
      outline: 0
    }

    .plyr--full-ui input[type=range]::-moz-focus-outer {
      border: 0
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
      outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      outline-offset: 2px;
      outline: #00b3ff dotted 3px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
      outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      outline-offset: 2px;
      outline: #00b3ff dotted 3px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
      outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      outline-offset: 2px;
      outline: #00b3ff dotted 3px
    }

    .plyr__poster {
      background-color: #000;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: opacity .2s ease;
      width: 100%;
      z-index: 1
    }

    .plyr--stopped.plyr__poster-enabled .plyr__poster {
      opacity: 1
    }

    .plyr__time {
      font-size: 13px;
      font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
    }

    .plyr__time+.plyr__time::before {
      content: '\2044';
      margin-right: 10px;
      margin-right: var(--plyr-control-spacing, 10px)
    }

    @media (max-width:calc(768px - 1)) {
      .plyr__time+.plyr__time {
        display: none
      }
    }

    .plyr__tooltip {
      background: rgba(255, 255, 255, .9);
      background: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
      border-radius: 3px;
      border-radius: var(--plyr-tooltip-radius, 3px);
      bottom: 100%;
      box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
      box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
      color: #4a5464;
      color: var(--plyr-tooltip-color, #4a5464);
      font-size: 13px;
      font-size: var(--plyr-font-size-small, 13px);
      font-weight: 400;
      font-weight: var(--plyr-font-weight-regular, 400);
      left: 50%;
      line-height: 1.3;
      margin-bottom: calc(calc(10px / 2) * 2);
      margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 2);
      opacity: 0;
      padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
      padding: calc(var(--plyr-control-spacing, 10px)/ 2) calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 1.5);
      pointer-events: none;
      position: absolute;
      transform: translate(-50%, 10px) scale(.8);
      transform-origin: 50% 100%;
      transition: transform .2s .1s ease, opacity .2s .1s ease;
      white-space: nowrap;
      z-index: 2
    }

    .plyr__tooltip::before {
      border-left: 4px solid transparent;
      border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
      border-right: 4px solid transparent;
      border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
      border-top: 4px solid rgba(255, 255, 255, .9);
      border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
      bottom: calc(4px * -1);
      bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
      content: '';
      height: 0;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 0;
      z-index: 2
    }

    .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
    .plyr .plyr__control:hover .plyr__tooltip,
    .plyr__tooltip--visible {
      opacity: 1;
      transform: translate(-50%, 0) scale(1)
    }

    .plyr .plyr__control:hover .plyr__tooltip {
      z-index: 3
    }

    .plyr__controls>.plyr__control:first-child .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
      left: 0;
      transform: translate(0, 10px) scale(.8);
      transform-origin: 0 100%
    }

    .plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
    .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
      left: calc((18px / 2) + calc(10px * .7));
      left: calc((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7))
    }

    .plyr__controls>.plyr__control:last-child .plyr__tooltip {
      left: auto;
      right: 0;
      transform: translate(0, 10px) scale(.8);
      transform-origin: 100% 100%
    }

    .plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
      left: auto;
      right: calc((18px / 2) + calc(10px * .7));
      right: calc((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7));
      transform: translateX(50%)
    }

    .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
    .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
    .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
    .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
    .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
    .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
      transform: translate(0, 0) scale(1)
    }

    .plyr__progress {
      left: calc(13px * .5);
      left: calc(var(--plyr-range-thumb-height, 13px) * .5);
      margin-right: 13px;
      margin-right: var(--plyr-range-thumb-height, 13px);
      position: relative
    }

    .plyr__progress input[type=range],
    .plyr__progress__buffer {
      margin-left: calc(13px * -.5);
      margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
      margin-right: calc(13px * -.5);
      margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
      width: calc(100% + 13px);
      width: calc(100% + var(--plyr-range-thumb-height, 13px))
    }

    .plyr__progress input[type=range] {
      position: relative;
      z-index: 2
    }

    .plyr__progress .plyr__tooltip {
      font-size: 13px;
      font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
      left: 0
    }

    .plyr__progress__buffer {
      -webkit-appearance: none;
      background: 0 0;
      border: 0;
      border-radius: 100px;
      height: 5px;
      height: var(--plyr-range-track-height, 5px);
      left: 0;
      margin-top: calc((5px / 2) * -1);
      margin-top: calc((var(--plyr-range-track-height, 5px)/ 2) * -1);
      padding: 0;
      position: absolute;
      top: 50%
    }

    .plyr__progress__buffer::-webkit-progress-bar {
      background: 0 0
    }

    .plyr__progress__buffer::-webkit-progress-value {
      background: currentColor;
      border-radius: 100px;
      min-width: 5px;
      min-width: var(--plyr-range-track-height, 5px);
      transition: width .2s ease
    }

    .plyr__progress__buffer::-moz-progress-bar {
      background: currentColor;
      border-radius: 100px;
      min-width: 5px;
      min-width: var(--plyr-range-track-height, 5px);
      transition: width .2s ease
    }

    .plyr__progress__buffer::-ms-fill {
      border-radius: 100px;
      transition: width .2s ease
    }

    .plyr--loading .plyr__progress__buffer {
      animation: 1s linear infinite plyr-progress;
      background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, .6) 50%, rgba(35, 40, 47, .6) 75%, transparent 75%, transparent);
      background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
      background-repeat: repeat-x;
      background-size: 25px 25px;
      background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
      color: transparent
    }

    .plyr--video.plyr--loading .plyr__progress__buffer {
      background-color: rgba(255, 255, 255, .25);
      background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
    }

    .plyr--audio.plyr--loading .plyr__progress__buffer {
      background-color: rgba(193, 200, 209, .6);
      background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
    }

    .plyr__volume {
      align-items: center;
      display: flex;
      max-width: 110px;
      min-width: 80px;
      position: relative;
      width: 20%
    }

    .plyr__volume input[type=range] {
      margin-left: calc(10px / 2);
      margin-left: calc(var(--plyr-control-spacing, 10px)/ 2);
      margin-right: calc(10px / 2);
      margin-right: calc(var(--plyr-control-spacing, 10px)/ 2);
      position: relative;
      z-index: 2
    }

    .plyr--is-ios .plyr__volume {
      min-width: 0;
      width: auto
    }

    .plyr--audio {
      display: block
    }

    .plyr--audio .plyr__controls {
      background: #fff;
      background: var(--plyr-audio-controls-background, #fff);
      border-radius: inherit;
      color: #4a5464;
      color: var(--plyr-audio-control-color, #4a5464);
      padding: 10px;
      padding: var(--plyr-control-spacing, 10px)
    }

    .plyr--audio .plyr__control.plyr__tab-focus,
    .plyr--audio .plyr__control:hover,
    .plyr--audio .plyr__control[aria-expanded=true] {
      background: #00b3ff;
      background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      color: #fff;
      color: var(--plyr-audio-control-color-hover, #fff)
    }

    .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
      background-color: rgba(193, 200, 209, .6);
      background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
    }

    .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
      background-color: rgba(193, 200, 209, .6);
      background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
    }

    .plyr--full-ui.plyr--audio input[type=range]::-ms-track {
      background-color: rgba(193, 200, 209, .6);
      background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
    }

    .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
    }

    .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
    }

    .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
    }

    .plyr--audio .plyr__progress__buffer {
      color: rgba(193, 200, 209, .6);
      color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
    }

    .plyr--video {
      background: #000;
      overflow: hidden
    }

    .plyr--video.plyr--menu-open {
      overflow: visible
    }

    .plyr__video-wrapper {
      background: #000;
      height: 100%;
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 100%
    }

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
      height: 0;
      padding-bottom: 56.25%
    }

    .plyr__video-embed iframe,
    .plyr__video-wrapper--fixed-ratio video {
      border: 0;
      left: 0;
      position: absolute;
      top: 0
    }

    .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
      padding-bottom: 240%;
      position: relative;
      transform: translateY(-38.28125%)
    }

    .plyr--video .plyr__controls {
      background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
      background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)));
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
      bottom: 0;
      color: #fff;
      color: var(--plyr-video-control-color, #fff);
      left: 0;
      padding: calc(10px / 2);
      padding: calc(var(--plyr-control-spacing, 10px)/ 2);
      padding-top: calc(10px * 2);
      padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
      position: absolute;
      right: 0;
      transition: opacity .4s ease-in-out, transform .4s ease-in-out;
      z-index: 3
    }

    @media (min-width:480px) {
      .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: calc(10px * 3.5);
        padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5)
      }
    }

    .plyr--video.plyr--hide-controls .plyr__controls {
      opacity: 0;
      pointer-events: none;
      transform: translateY(100%)
    }

    .plyr--video .plyr__control.plyr__tab-focus,
    .plyr--video .plyr__control:hover,
    .plyr--video .plyr__control[aria-expanded=true] {
      background: #00b3ff;
      background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      color: #fff;
      color: var(--plyr-video-control-color-hover, #fff)
    }

    .plyr__control--overlaid {
      background: #00b3ff;
      background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
      border: 0;
      border-radius: 100%;
      color: #fff;
      color: var(--plyr-video-control-color, #fff);
      display: none;
      left: 50%;
      opacity: .9;
      padding: calc(10px * 1.5);
      padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: .3s;
      z-index: 2
    }

    .plyr__control--overlaid svg {
      left: 2px;
      position: relative
    }

    .plyr__control--overlaid:focus,
    .plyr__control--overlaid:hover {
      opacity: 1
    }

    .plyr--playing .plyr__control--overlaid {
      opacity: 0;
      visibility: hidden
    }

    .plyr--full-ui.plyr--video .plyr__control--overlaid {
      display: block
    }

    .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
      background-color: rgba(255, 255, 255, .25);
      background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
    }

    .plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
      background-color: rgba(255, 255, 255, .25);
      background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
    }

    .plyr--full-ui.plyr--video input[type=range]::-ms-track {
      background-color: rgba(255, 255, 255, .25);
      background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
    }

    .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
    }

    .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
    }

    .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
      box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
      box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
    }

    .plyr--video .plyr__progress__buffer {
      color: rgba(255, 255, 255, .25);
      color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
    }

    .plyr:fullscreen {
      background: #000;
      border-radius: 0 !important;
      height: 100%;
      margin: 0;
      width: 100%
    }

    .plyr:fullscreen video {
      height: 100%
    }

    .plyr:fullscreen .plyr__video-wrapper {
      height: 100%;
      position: static
    }

    .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
      height: 0;
      position: relative
    }

    .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
      display: block
    }

    .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
      display: none
    }

    .plyr:fullscreen.plyr--hide-controls {
      cursor: none
    }

    .plyr:-webkit-full-screen {
      background: #000;
      border-radius: 0 !important;
      height: 100%;
      margin: 0;
      width: 100%
    }

    .plyr:-webkit-full-screen video {
      height: 100%
    }

    .plyr:-webkit-full-screen .plyr__video-wrapper {
      height: 100%;
      position: static
    }

    .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
      height: 0;
      position: relative
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
      display: block
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
      display: none
    }

    .plyr:-webkit-full-screen.plyr--hide-controls {
      cursor: none
    }

    .plyr:-moz-full-screen {
      background: #000;
      border-radius: 0 !important;
      height: 100%;
      margin: 0;
      width: 100%
    }

    .plyr:-moz-full-screen video {
      height: 100%
    }

    .plyr:-moz-full-screen .plyr__video-wrapper {
      height: 100%;
      position: static
    }

    .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
      height: 0;
      position: relative
    }

    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
      display: block
    }

    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
      display: none
    }

    .plyr:-moz-full-screen.plyr--hide-controls {
      cursor: none
    }

    .plyr:-ms-fullscreen {
      background: #000;
      border-radius: 0 !important;
      height: 100%;
      margin: 0;
      width: 100%
    }

    .plyr:-ms-fullscreen video {
      height: 100%
    }

    .plyr:-ms-fullscreen .plyr__video-wrapper {
      height: 100%;
      position: static
    }

    .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
      height: 0;
      position: relative
    }

    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
      display: block
    }

    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
      display: none
    }

    .plyr:-ms-fullscreen.plyr--hide-controls {
      cursor: none
    }

    .plyr--fullscreen-fallback {
      background: #000;
      border-radius: 0 !important;
      height: 100%;
      margin: 0;
      width: 100%;
      bottom: 0;
      display: block;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 10000000
    }

    .plyr--fullscreen-fallback video {
      height: 100%
    }

    .plyr--fullscreen-fallback .plyr__video-wrapper {
      height: 100%;
      position: static
    }

    .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
      height: 0;
      position: relative
    }

    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
      display: block
    }

    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
      display: none
    }

    .plyr--fullscreen-fallback.plyr--hide-controls {
      cursor: none
    }

    @media (min-width:1024px) {
      .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
      }

      .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
      }

      .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
      }

      .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
      }

      .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
      }
    }

    .plyr__ads {
      border-radius: inherit;
      bottom: 0;
      cursor: pointer;
      left: 0;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1
    }

    .plyr__ads>div,
    .plyr__ads>div iframe {
      height: 100%;
      position: absolute;
      width: 100%
    }

    .plyr__ads::after {
      background: #23282f;
      border-radius: 2px;
      bottom: 10px;
      bottom: var(--plyr-control-spacing, 10px);
      color: #fff;
      content: attr(data-badge-text);
      font-size: 11px;
      padding: 2px 6px;
      pointer-events: none;
      position: absolute;
      right: 10px;
      right: var(--plyr-control-spacing, 10px);
      z-index: 3
    }

    .plyr__ads::after:empty {
      display: none
    }

    .plyr__cues {
      background: currentColor;
      display: block;
      height: 5px;
      height: var(--plyr-range-track-height, 5px);
      left: 0;
      margin: -var(--plyr-range-track-height, 5px)/2 0 0;
      opacity: .8;
      position: absolute;
      top: 50%;
      width: 3px;
      z-index: 3
    }

    .plyr__preview-thumb {
      background-color: rgba(255, 255, 255, .9);
      background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
      border-radius: 3px;
      bottom: 100%;
      box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
      box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
      margin-bottom: calc(calc(10px / 2) * 2);
      margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 2);
      opacity: 0;
      padding: 3px;
      padding: var(--plyr-tooltip-radius, 3px);
      pointer-events: none;
      position: absolute;
      transform: translate(0, 10px) scale(.8);
      transform-origin: 50% 100%;
      transition: transform .2s .1s ease, opacity .2s .1s ease;
      z-index: 2
    }

    .plyr__preview-thumb--is-shown {
      opacity: 1;
      transform: translate(0, 0) scale(1)
    }

    .plyr__preview-thumb::before {
      border-left: 4px solid transparent;
      border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
      border-right: 4px solid transparent;
      border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
      border-top: 4px solid rgba(255, 255, 255, .9);
      border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
      bottom: calc(4px * -1);
      bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
      content: '';
      height: 0;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 0;
      z-index: 2
    }

    .plyr__preview-thumb__image-container {
      background: #c1c8d1;
      border-radius: calc(3px - 1px);
      border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
      overflow: hidden;
      position: relative;
      z-index: 0
    }

    .plyr__preview-thumb__image-container img {
      height: 100%;
      left: 0;
      max-height: none;
      max-width: none;
      position: absolute;
      top: 0;
      width: 100%
    }

    .plyr__preview-thumb__time-container {
      bottom: 6px;
      left: 0;
      position: absolute;
      right: 0;
      white-space: nowrap;
      z-index: 3
    }

    .plyr__preview-thumb__time-container span {
      background-color: rgba(0, 0, 0, .55);
      border-radius: calc(3px - 1px);
      border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
      color: #fff;
      font-size: 13px;
      font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
      padding: 3px 6px
    }

    .plyr__preview-scrubbing {
      bottom: 0;
      filter: blur(1px);
      height: 100%;
      left: 0;
      margin: auto;
      opacity: 0;
      overflow: hidden;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      transition: opacity .3s ease;
      width: 100%;
      z-index: 1
    }

    .plyr__preview-scrubbing--is-shown {
      opacity: 1
    }

    .plyr__preview-scrubbing img {
      height: 100%;
      left: 0;
      max-height: none;
      max-width: none;
      object-fit: contain;
      position: absolute;
      top: 0;
      width: 100%
    }

    .plyr--no-transition {
      transition: none !important
    }

    .plyr__sr-only {
      clip: rect(1px, 1px, 1px, 1px);
      overflow: hidden;
      border: 0 !important;
      height: 1px !important;
      padding: 0 !important;
      position: absolute !important;
      width: 1px !important
    }

    .plyr [hidden] {
      display: none !important
    }

    /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

    /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

    .ql-bubble .ql-toolbar:after,
    .ql-bubble.ql-toolbar:after {
      clear: both;
      content: '';
      display: table
    }

    .ql-bubble .ql-toolbar button,
    .ql-bubble.ql-toolbar button {
      background: 0 0;
      border: none;
      cursor: pointer;
      display: inline-block;
      float: left;
      height: 24px;
      padding: 3px 5px;
      width: 28px
    }

    .ql-bubble .ql-toolbar button svg,
    .ql-bubble.ql-toolbar button svg {
      float: left;
      height: 100%
    }

    .ql-bubble .ql-toolbar button:active:hover,
    .ql-bubble.ql-toolbar button:active:hover {
      outline: 0
    }

    .ql-bubble .ql-toolbar input.ql-image[type=file],
    .ql-bubble.ql-toolbar input.ql-image[type=file] {
      display: none
    }

    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected,
    .ql-bubble .ql-toolbar .ql-picker-item:hover,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active,
    .ql-bubble .ql-toolbar .ql-picker-label:hover,
    .ql-bubble .ql-toolbar button.ql-active,
    .ql-bubble .ql-toolbar button:focus,
    .ql-bubble .ql-toolbar button:hover,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
    .ql-bubble.ql-toolbar .ql-picker-item:hover,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
    .ql-bubble.ql-toolbar .ql-picker-label:hover,
    .ql-bubble.ql-toolbar button.ql-active,
    .ql-bubble.ql-toolbar button:focus,
    .ql-bubble.ql-toolbar button:hover {
      color: #fff
    }

    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button.ql-active .ql-fill,
    .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button:focus .ql-fill,
    .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button:hover .ql-fill,
    .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar button.ql-active .ql-fill,
    .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar button:focus .ql-fill,
    .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-bubble.ql-toolbar button:hover .ql-fill,
    .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill {
      fill: #fff
    }

    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-bubble .ql-toolbar button.ql-active .ql-stroke,
    .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-bubble .ql-toolbar button:focus .ql-stroke,
    .ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
    .ql-bubble .ql-toolbar button:hover .ql-stroke,
    .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
    .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-bubble.ql-toolbar button:focus .ql-stroke,
    .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
    .ql-bubble.ql-toolbar button:hover .ql-stroke,
    .ql-bubble.ql-toolbar button:hover .ql-stroke-miter {
      stroke: #fff
    }

    @media (pointer:coarse) {

      .ql-bubble .ql-toolbar button:hover:not(.ql-active),
      .ql-bubble.ql-toolbar button:hover:not(.ql-active) {
        color: #ccc
      }

      .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
      .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
      .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
      .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #ccc
      }

      .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
      .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
      .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
      .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #ccc
      }
    }

    .ql-bubble,
    .ql-bubble * {
      box-sizing: border-box
    }

    .ql-bubble .ql-hidden {
      display: none
    }

    .ql-bubble .ql-out-bottom,
    .ql-bubble .ql-out-top {
      visibility: hidden
    }

    .ql-bubble .ql-tooltip {
      position: absolute;
      -ms-transform: translateY(10px);
      transform: translateY(10px)
    }

    .ql-bubble .ql-tooltip a {
      cursor: pointer;
      text-decoration: none
    }

    .ql-bubble .ql-tooltip.ql-flip {
      -ms-transform: translateY(-10px);
      transform: translateY(-10px)
    }

    .ql-bubble .ql-formats {
      display: inline-block;
      vertical-align: middle
    }

    .ql-bubble .ql-formats:after {
      clear: both;
      content: '';
      display: table
    }

    .ql-bubble .ql-stroke {
      fill: none;
      stroke: #ccc;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2
    }

    .ql-bubble .ql-stroke-miter {
      fill: none;
      stroke: #ccc;
      stroke-miterlimit: 10;
      stroke-width: 2
    }

    .ql-bubble .ql-fill,
    .ql-bubble .ql-stroke.ql-fill {
      fill: #ccc
    }

    .ql-bubble .ql-empty {
      fill: none
    }

    .ql-bubble .ql-even {
      fill-rule: evenodd
    }

    .ql-bubble .ql-stroke.ql-thin,
    .ql-bubble .ql-thin {
      stroke-width: 1
    }

    .ql-bubble .ql-transparent {
      opacity: .4
    }

    .ql-bubble .ql-direction svg:last-child {
      display: none
    }

    .ql-bubble .ql-direction.ql-active svg:last-child {
      display: inline
    }

    .ql-bubble .ql-direction.ql-active svg:first-child {
      display: none
    }

    .ql-bubble .ql-editor h1 {
      font-size: 2em
    }

    .ql-bubble .ql-editor h2 {
      font-size: 1.5em
    }

    .ql-bubble .ql-editor h3 {
      font-size: 1.17em
    }

    .ql-bubble .ql-editor h4 {
      font-size: 1em
    }

    .ql-bubble .ql-editor h5 {
      font-size: .83em
    }

    .ql-bubble .ql-editor h6 {
      font-size: .67em
    }

    .ql-bubble .ql-editor a {
      text-decoration: underline
    }

    .ql-bubble .ql-editor blockquote {
      border-left: 4px solid #ccc;
      margin-bottom: 5px;
      margin-top: 5px;
      padding-left: 16px
    }

    .ql-bubble .ql-editor code,
    .ql-bubble .ql-editor pre {
      background-color: #f0f0f0;
      border-radius: 3px
    }

    .ql-bubble .ql-editor pre {
      white-space: pre-wrap;
      margin-bottom: 5px;
      margin-top: 5px;
      padding: 5px 10px
    }

    .ql-bubble .ql-editor code {
      font-size: 85%;
      padding: 2px 4px
    }

    .ql-bubble .ql-editor pre.ql-syntax {
      background-color: #23241f;
      color: #f8f8f2;
      overflow: visible
    }

    .ql-bubble .ql-editor img {
      max-width: 100%
    }

    .ql-bubble .ql-picker {
      color: #ccc;
      display: inline-block;
      float: left;
      font-size: 14px;
      font-weight: 500;
      height: 24px;
      position: relative;
      vertical-align: middle
    }

    .ql-bubble .ql-picker-label {
      cursor: pointer;
      display: inline-block;
      height: 100%;
      padding-left: 8px;
      padding-right: 2px;
      position: relative;
      width: 100%
    }

    .ql-bubble .ql-picker-label::before {
      display: inline-block;
      line-height: 22px
    }

    .ql-bubble .ql-picker-options {
      background-color: #444;
      display: none;
      min-width: 100%;
      padding: 4px 8px;
      position: absolute;
      white-space: nowrap
    }

    .ql-bubble .ql-picker-options .ql-picker-item {
      cursor: pointer;
      display: block;
      padding-bottom: 5px;
      padding-top: 5px
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
      color: #777;
      z-index: 2
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
      fill: #777
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
      stroke: #777
    }

    .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
      display: block;
      margin-top: -1px;
      top: 100%;
      z-index: 1
    }

    .ql-bubble .ql-color-picker,
    .ql-bubble .ql-icon-picker {
      width: 28px
    }

    .ql-bubble .ql-color-picker .ql-picker-label,
    .ql-bubble .ql-icon-picker .ql-picker-label {
      padding: 2px 4px
    }

    .ql-bubble .ql-color-picker .ql-picker-label svg,
    .ql-bubble .ql-icon-picker .ql-picker-label svg {
      right: 4px
    }

    .ql-bubble .ql-icon-picker .ql-picker-options {
      padding: 4px 0
    }

    .ql-bubble .ql-icon-picker .ql-picker-item {
      height: 24px;
      width: 24px;
      padding: 2px 4px
    }

    .ql-bubble .ql-color-picker .ql-picker-options {
      padding: 3px 5px;
      width: 152px
    }

    .ql-bubble .ql-color-picker .ql-picker-item {
      border: 1px solid transparent;
      float: left;
      height: 16px;
      margin: 2px;
      padding: 0;
      width: 16px
    }

    .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
      position: absolute;
      margin-top: -9px;
      right: 0;
      top: 50%;
      width: 18px
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before {
      content: attr(data-label)
    }

    .ql-bubble .ql-picker.ql-header {
      width: 98px
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label::before {
      content: 'Normal'
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
      content: 'Heading 1'
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
      content: 'Heading 2'
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
      content: 'Heading 3'
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before {
      content: 'Heading 4'
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before {
      content: 'Heading 5'
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
    .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
      content: 'Heading 6'
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
      font-size: 2em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
      font-size: 1.5em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
      font-size: 1.17em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
      font-size: 1em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
      font-size: .83em
    }

    .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
      font-size: .67em
    }

    .ql-bubble .ql-picker.ql-font {
      width: 108px
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item::before,
    .ql-bubble .ql-picker.ql-font .ql-picker-label::before {
      content: 'Sans Serif'
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
    .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before {
      content: 'Serif'
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
    .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
      content: 'Monospace'
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
      font-family: Georgia, Times New Roman, serif
    }

    .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
      font-family: Monaco, Courier New, monospace
    }

    .ql-bubble .ql-picker.ql-size {
      width: 98px
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item::before,
    .ql-bubble .ql-picker.ql-size .ql-picker-label::before {
      content: 'Normal'
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before {
      content: 'Small'
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before {
      content: 'Large'
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
    .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
      content: 'Huge'
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
      font-size: 10px
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
      font-size: 18px
    }

    .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
      font-size: 32px
    }

    .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
      background-color: #fff
    }

    .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
      background-color: #000
    }

    .ql-bubble .ql-toolbar .ql-formats {
      margin: 8px 12px 8px 0
    }

    .ql-bubble .ql-toolbar .ql-formats:first-child {
      margin-left: 12px
    }

    .ql-bubble .ql-color-picker svg {
      margin: 1px
    }

    .ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
    .ql-bubble .ql-color-picker .ql-picker-item:hover {
      border-color: #fff
    }

    .ql-bubble .ql-tooltip {
      background-color: #444;
      border-radius: 25px;
      color: #fff
    }

    .ql-bubble .ql-tooltip-arrow {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      content: " ";
      display: block;
      left: 50%;
      margin-left: -6px;
      position: absolute
    }

    .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
      border-bottom: 6px solid #444;
      top: -6px
    }

    .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
      border-top: 6px solid #444;
      bottom: -6px
    }

    .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
      display: block
    }

    .ql-bubble .ql-tooltip.ql-editing .ql-formats {
      visibility: hidden
    }

    .ql-bubble .ql-tooltip-editor {
      display: none
    }

    .ql-bubble .ql-tooltip-editor input[type=text] {
      background: 0 0;
      border: none;
      color: #fff;
      font-size: 13px;
      height: 100%;
      outline: 0;
      padding: 10px 20px;
      position: absolute;
      width: 100%
    }

    .ql-bubble .ql-tooltip-editor a {
      top: 10px;
      position: absolute;
      right: 20px
    }

    .ql-bubble .ql-tooltip-editor a:before {
      color: #ccc;
      content: "\D7";
      font-size: 16px;
      font-weight: 700
    }

    .ql-container.ql-bubble:not(.ql-disabled) a {
      position: relative;
      white-space: nowrap
    }

    .ql-container.ql-bubble:not(.ql-disabled) a::before {
      background-color: #444;
      border-radius: 15px;
      top: -5px;
      font-size: 12px;
      color: #fff;
      content: attr(href);
      font-weight: 400;
      overflow: hidden;
      padding: 5px 15px;
      text-decoration: none;
      z-index: 1
    }

    .ql-container.ql-bubble:not(.ql-disabled) a::after {
      border-top: 6px solid #444;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      top: 0;
      content: " ";
      height: 0;
      width: 0
    }

    .ql-container.ql-bubble:not(.ql-disabled) a::after,
    .ql-container.ql-bubble:not(.ql-disabled) a::before {
      left: 0;
      margin-left: 50%;
      position: absolute;
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
      transition: visibility 0s ease .2s;
      visibility: hidden
    }

    .ql-container.ql-bubble:not(.ql-disabled) a:hover::after,
    .ql-container.ql-bubble:not(.ql-disabled) a:hover::before {
      visibility: visible
    }

    /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

    .ql-container {
      box-sizing: border-box;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 13px;
      height: 100%;
      margin: 0;
      position: relative
    }

    .ql-container.ql-disabled .ql-tooltip {
      visibility: hidden
    }

    .ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
      pointer-events: none
    }

    .ql-clipboard {
      left: -100000px;
      height: 1px;
      overflow-y: hidden;
      position: absolute;
      top: 50%
    }

    .ql-clipboard p {
      margin: 0;
      padding: 0
    }

    .ql-editor {
      box-sizing: border-box;
      line-height: 1.42;
      height: 100%;
      outline: 0;
      overflow-y: auto;
      padding: 12px 15px;
      -o-tab-size: 4;
      tab-size: 4;
      -moz-tab-size: 4;
      text-align: left;
      white-space: pre-wrap;
      word-wrap: break-word
    }

    .ql-editor>* {
      cursor: text
    }

    .ql-editor blockquote,
    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6,
    .ql-editor ol,
    .ql-editor p,
    .ql-editor pre,
    .ql-editor ul {
      margin: 0;
      padding: 0;
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }

    .ql-editor ol,
    .ql-editor ul {
      padding-left: 1.5em
    }

    .ql-editor ol>li,
    .ql-editor ul>li {
      list-style-type: none
    }

    .ql-editor ul>li::before {
      content: '\2022'
    }

    .ql-editor ul[data-checked=false],
    .ql-editor ul[data-checked=true] {
      pointer-events: none
    }

    .ql-editor ul[data-checked=false]>li *,
    .ql-editor ul[data-checked=true]>li * {
      pointer-events: all
    }

    .ql-editor ul[data-checked=false]>li::before,
    .ql-editor ul[data-checked=true]>li::before {
      color: #777;
      cursor: pointer;
      pointer-events: all
    }

    .ql-editor ul[data-checked=true]>li::before {
      content: '\2611'
    }

    .ql-editor ul[data-checked=false]>li::before {
      content: '\2610'
    }

    .ql-editor li::before {
      display: inline-block;
      white-space: nowrap;
      width: 1.2em
    }

    .ql-editor li:not(.ql-direction-rtl)::before {
      margin-left: -1.5em;
      margin-right: .3em;
      text-align: right
    }

    .ql-editor li.ql-direction-rtl::before {
      margin-left: .3em;
      margin-right: -1.5em
    }

    .ql-editor ol li:not(.ql-direction-rtl),
    .ql-editor ul li:not(.ql-direction-rtl) {
      padding-left: 1.5em
    }

    .ql-editor ol li.ql-direction-rtl,
    .ql-editor ul li.ql-direction-rtl {
      padding-right: 1.5em
    }

    .ql-editor ol li {
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
      counter-increment: list-0
    }

    .ql-editor ol li:before {
      content: counter(list-0, decimal) '. '
    }

    .ql-editor ol li.ql-indent-1 {
      counter-increment: list-1;
      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }

    .ql-editor ol li.ql-indent-1:before {
      content: counter(list-1, lower-alpha) '. '
    }

    .ql-editor ol li.ql-indent-2 {
      counter-increment: list-2;
      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }

    .ql-editor ol li.ql-indent-2:before {
      content: counter(list-2, lower-roman) '. '
    }

    .ql-editor ol li.ql-indent-3 {
      counter-increment: list-3;
      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
    }

    .ql-editor ol li.ql-indent-3:before {
      content: counter(list-3, decimal) '. '
    }

    .ql-editor ol li.ql-indent-4 {
      counter-increment: list-4;
      counter-reset: list-5 list-6 list-7 list-8 list-9
    }

    .ql-editor ol li.ql-indent-4:before {
      content: counter(list-4, lower-alpha) '. '
    }

    .ql-editor ol li.ql-indent-5 {
      counter-increment: list-5;
      counter-reset: list-6 list-7 list-8 list-9
    }

    .ql-editor ol li.ql-indent-5:before {
      content: counter(list-5, lower-roman) '. '
    }

    .ql-editor ol li.ql-indent-6 {
      counter-increment: list-6;
      counter-reset: list-7 list-8 list-9
    }

    .ql-editor ol li.ql-indent-6:before {
      content: counter(list-6, decimal) '. '
    }

    .ql-editor ol li.ql-indent-7 {
      counter-increment: list-7;
      counter-reset: list-8 list-9
    }

    .ql-editor ol li.ql-indent-7:before {
      content: counter(list-7, lower-alpha) '. '
    }

    .ql-editor ol li.ql-indent-8 {
      counter-increment: list-8;
      counter-reset: list-9
    }

    .ql-editor ol li.ql-indent-8:before {
      content: counter(list-8, lower-roman) '. '
    }

    .ql-editor ol li.ql-indent-9 {
      counter-increment: list-9
    }

    .ql-editor ol li.ql-indent-9:before {
      content: counter(list-9, decimal) '. '
    }

    .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
      padding-left: 3em
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
      padding-left: 4.5em
    }

    .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
      padding-right: 3em
    }

    .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
      padding-right: 4.5em
    }

    .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
      padding-left: 6em
    }

    .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
      padding-left: 7.5em
    }

    .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
      padding-right: 6em
    }

    .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
      padding-right: 7.5em
    }

    .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
      padding-left: 9em
    }

    .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
      padding-left: 10.5em
    }

    .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
      padding-right: 9em
    }

    .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
      padding-right: 10.5em
    }

    .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
      padding-left: 12em
    }

    .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
      padding-left: 13.5em
    }

    .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
      padding-right: 12em
    }

    .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
      padding-right: 13.5em
    }

    .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
      padding-left: 15em
    }

    .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
      padding-left: 16.5em
    }

    .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
      padding-right: 15em
    }

    .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
      padding-right: 16.5em
    }

    .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
      padding-left: 18em
    }

    .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
      padding-left: 19.5em
    }

    .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
      padding-right: 18em
    }

    .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
      padding-right: 19.5em
    }

    .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
      padding-left: 21em
    }

    .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
      padding-left: 22.5em
    }

    .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
      padding-right: 21em
    }

    .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
      padding-right: 22.5em
    }

    .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
      padding-left: 24em
    }

    .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
      padding-left: 25.5em
    }

    .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
      padding-right: 24em
    }

    .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
      padding-right: 25.5em
    }

    .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
      padding-left: 27em
    }

    .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
      padding-left: 28.5em
    }

    .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
      padding-right: 27em
    }

    .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
      padding-right: 28.5em
    }

    .ql-editor .ql-video {
      display: block;
      max-width: 100%
    }

    .ql-editor .ql-video.ql-align-center {
      margin: 0 auto
    }

    .ql-editor .ql-video.ql-align-right {
      margin: 0 0 0 auto
    }

    .ql-editor .ql-bg-black {
      background-color: #000
    }

    .ql-editor .ql-bg-red {
      background-color: #e60000
    }

    .ql-editor .ql-bg-orange {
      background-color: #f90
    }

    .ql-editor .ql-bg-yellow {
      background-color: #ff0
    }

    .ql-editor .ql-bg-green {
      background-color: #008a00
    }

    .ql-editor .ql-bg-blue {
      background-color: #06c
    }

    .ql-editor .ql-bg-purple {
      background-color: #93f
    }

    .ql-editor .ql-color-white {
      color: #fff
    }

    .ql-editor .ql-color-red {
      color: #e60000
    }

    .ql-editor .ql-color-orange {
      color: #f90
    }

    .ql-editor .ql-color-yellow {
      color: #ff0
    }

    .ql-editor .ql-color-green {
      color: #008a00
    }

    .ql-editor .ql-color-blue {
      color: #06c
    }

    .ql-editor .ql-color-purple {
      color: #93f
    }

    .ql-editor .ql-font-serif {
      font-family: Georgia, Times New Roman, serif
    }

    .ql-editor .ql-font-monospace {
      font-family: Monaco, Courier New, monospace
    }

    .ql-editor .ql-size-small {
      font-size: .75em
    }

    .ql-editor .ql-size-large {
      font-size: 1.5em
    }

    .ql-editor .ql-size-huge {
      font-size: 2.5em
    }

    .ql-editor .ql-direction-rtl {
      direction: rtl;
      text-align: inherit
    }

    .ql-editor .ql-align-center {
      text-align: center
    }

    .ql-editor .ql-align-justify {
      text-align: justify
    }

    .ql-editor .ql-align-right {
      text-align: right
    }

    .ql-editor.ql-blank::before {
      color: rgba(0, 0, 0, .6);
      content: attr(data-placeholder);
      font-style: italic;
      left: 15px;
      pointer-events: none;
      position: absolute;
      right: 15px
    }

    .ql-snow .ql-toolbar:after,
    .ql-snow.ql-toolbar:after {
      clear: both;
      content: '';
      display: table
    }

    .ql-snow .ql-toolbar button,
    .ql-snow.ql-toolbar button {
      background: 0 0;
      border: none;
      cursor: pointer;
      display: inline-block;
      float: left;
      height: 24px;
      padding: 3px 5px;
      width: 28px
    }

    .ql-snow .ql-toolbar button svg,
    .ql-snow.ql-toolbar button svg {
      float: left;
      height: 100%
    }

    .ql-snow .ql-toolbar button:active:hover,
    .ql-snow.ql-toolbar button:active:hover {
      outline: 0
    }

    .ql-snow .ql-toolbar input.ql-image[type=file],
    .ql-snow.ql-toolbar input.ql-image[type=file] {
      display: none
    }

    .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
    .ql-snow .ql-toolbar .ql-picker-item:hover,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active,
    .ql-snow .ql-toolbar .ql-picker-label:hover,
    .ql-snow .ql-toolbar button.ql-active,
    .ql-snow .ql-toolbar button:focus,
    .ql-snow .ql-toolbar button:hover,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
    .ql-snow.ql-toolbar .ql-picker-item:hover,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
    .ql-snow.ql-toolbar .ql-picker-label:hover,
    .ql-snow.ql-toolbar button.ql-active,
    .ql-snow.ql-toolbar button:focus,
    .ql-snow.ql-toolbar button:hover {
      color: #06c
    }

    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
      fill: #06c
    }

    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar button:focus .ql-stroke,
    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-miter {
      stroke: #06c
    }

    @media (pointer:coarse) {

      .ql-snow .ql-toolbar button:hover:not(.ql-active),
      .ql-snow.ql-toolbar button:hover:not(.ql-active) {
        color: #444
      }

      .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
      .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
      .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
      .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
      }

      .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
      .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
      .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
      .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
      }
    }

    .ql-snow,
    .ql-snow * {
      box-sizing: border-box
    }

    .ql-snow .ql-hidden {
      display: none
    }

    .ql-snow .ql-out-bottom,
    .ql-snow .ql-out-top {
      visibility: hidden
    }

    .ql-snow .ql-tooltip {
      position: absolute;
      -ms-transform: translateY(10px);
      transform: translateY(10px)
    }

    .ql-snow .ql-tooltip a {
      cursor: pointer;
      text-decoration: none;
      line-height: 26px
    }

    .ql-snow .ql-tooltip.ql-flip {
      -ms-transform: translateY(-10px);
      transform: translateY(-10px)
    }

    .ql-snow .ql-formats {
      display: inline-block;
      vertical-align: middle
    }

    .ql-snow .ql-formats:after {
      clear: both;
      content: '';
      display: table
    }

    .ql-snow .ql-stroke {
      fill: none;
      stroke: #444;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2
    }

    .ql-snow .ql-stroke-miter {
      fill: none;
      stroke: #444;
      stroke-miterlimit: 10;
      stroke-width: 2
    }

    .ql-snow .ql-fill,
    .ql-snow .ql-stroke.ql-fill {
      fill: #444
    }

    .ql-snow .ql-empty {
      fill: none
    }

    .ql-snow .ql-even {
      fill-rule: evenodd
    }

    .ql-snow .ql-stroke.ql-thin,
    .ql-snow .ql-thin {
      stroke-width: 1
    }

    .ql-snow .ql-transparent {
      opacity: .4
    }

    .ql-snow .ql-direction svg:last-child {
      display: none
    }

    .ql-snow .ql-direction.ql-active svg:last-child {
      display: inline
    }

    .ql-snow .ql-direction.ql-active svg:first-child {
      display: none
    }

    .ql-snow .ql-editor h1 {
      font-size: 2em
    }

    .ql-snow .ql-editor h2 {
      font-size: 1.5em
    }

    .ql-snow .ql-editor h3 {
      font-size: 1.17em
    }

    .ql-snow .ql-editor h4 {
      font-size: 1em
    }

    .ql-snow .ql-editor h5 {
      font-size: .83em
    }

    .ql-snow .ql-editor h6 {
      font-size: .67em
    }

    .ql-snow .ql-editor a {
      text-decoration: underline
    }

    .ql-snow .ql-editor blockquote {
      border-left: 4px solid #ccc;
      margin-bottom: 5px;
      margin-top: 5px;
      padding-left: 16px
    }

    .ql-snow .ql-editor code,
    .ql-snow .ql-editor pre {
      background-color: #f0f0f0;
      border-radius: 3px
    }

    .ql-snow .ql-editor pre {
      white-space: pre-wrap;
      margin-bottom: 5px;
      margin-top: 5px;
      padding: 5px 10px
    }

    .ql-snow .ql-editor code {
      font-size: 85%;
      padding: 2px 4px
    }

    .ql-snow .ql-editor pre.ql-syntax {
      background-color: #23241f;
      color: #f8f8f2;
      overflow: visible
    }

    .ql-snow .ql-editor img {
      max-width: 100%
    }

    .ql-snow .ql-picker {
      color: #444;
      display: inline-block;
      float: left;
      font-size: 14px;
      font-weight: 500;
      height: 24px;
      position: relative;
      vertical-align: middle
    }

    .ql-snow .ql-picker-label {
      cursor: pointer;
      display: inline-block;
      height: 100%;
      padding-left: 8px;
      padding-right: 2px;
      position: relative;
      width: 100%
    }

    .ql-snow .ql-picker-label::before {
      display: inline-block;
      line-height: 22px
    }

    .ql-snow .ql-picker-options {
      background-color: #fff;
      display: none;
      min-width: 100%;
      padding: 4px 8px;
      position: absolute;
      white-space: nowrap
    }

    .ql-snow .ql-picker-options .ql-picker-item {
      cursor: pointer;
      display: block;
      padding-bottom: 5px;
      padding-top: 5px
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label {
      color: #ccc;
      z-index: 2
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
      fill: #ccc
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
      stroke: #ccc
    }

    .ql-snow .ql-picker.ql-expanded .ql-picker-options {
      display: block;
      margin-top: -1px;
      top: 100%;
      z-index: 1
    }

    .ql-snow .ql-color-picker,
    .ql-snow .ql-icon-picker {
      width: 28px
    }

    .ql-snow .ql-color-picker .ql-picker-label,
    .ql-snow .ql-icon-picker .ql-picker-label {
      padding: 2px 4px
    }

    .ql-snow .ql-color-picker .ql-picker-label svg,
    .ql-snow .ql-icon-picker .ql-picker-label svg {
      right: 4px
    }

    .ql-snow .ql-icon-picker .ql-picker-options {
      padding: 4px 0
    }

    .ql-snow .ql-icon-picker .ql-picker-item {
      height: 24px;
      width: 24px;
      padding: 2px 4px
    }

    .ql-snow .ql-color-picker .ql-picker-options {
      padding: 3px 5px;
      width: 152px
    }

    .ql-snow .ql-color-picker .ql-picker-item {
      border: 1px solid transparent;
      float: left;
      height: 16px;
      margin: 2px;
      padding: 0;
      width: 16px
    }

    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
      position: absolute;
      margin-top: -9px;
      right: 0;
      top: 50%;
      width: 18px
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before {
      content: attr(data-label)
    }

    .ql-snow .ql-picker.ql-header {
      width: 98px
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label::before {
      content: 'Normal'
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
      content: 'Heading 1'
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
      content: 'Heading 2'
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
      content: 'Heading 3'
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before {
      content: 'Heading 4'
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before {
      content: 'Heading 5'
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
      content: 'Heading 6'
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
      font-size: 2em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
      font-size: 1.5em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
      font-size: 1.17em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
      font-size: 1em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
      font-size: .83em
    }

    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
      font-size: .67em
    }

    .ql-snow .ql-picker.ql-font {
      width: 108px
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item::before,
    .ql-snow .ql-picker.ql-font .ql-picker-label::before {
      content: 'Sans Serif'
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before {
      content: 'Serif'
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
      content: 'Monospace'
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
      font-family: Georgia, Times New Roman, serif
    }

    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
      font-family: Monaco, Courier New, monospace
    }

    .ql-snow .ql-picker.ql-size {
      width: 98px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item::before,
    .ql-snow .ql-picker.ql-size .ql-picker-label::before {
      content: 'Normal'
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before {
      content: 'Small'
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before {
      content: 'Large'
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
      content: 'Huge'
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
      font-size: 10px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
      font-size: 18px
    }

    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
      font-size: 32px
    }

    .ql-snow .ql-color-picker.ql-background .ql-picker-item {
      background-color: #fff
    }

    .ql-snow .ql-color-picker.ql-color .ql-picker-item {
      background-color: #000
    }

    .ql-toolbar.ql-snow {
      border: 1px solid #ccc;
      box-sizing: border-box;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      padding: 8px
    }

    .ql-toolbar.ql-snow .ql-formats {
      margin-right: 15px
    }

    .ql-toolbar.ql-snow .ql-picker-label {
      border: 1px solid transparent
    }

    .ql-toolbar.ql-snow .ql-picker-options {
      border: 1px solid transparent;
      box-shadow: rgba(0, 0, 0, .2) 0 2px 8px
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
      border-color: #ccc
    }

    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
      border-color: #000
    }

    .ql-toolbar.ql-snow+.ql-container.ql-snow {
      border-top: 0
    }

    .ql-snow .ql-tooltip {
      background-color: #fff;
      border: 1px solid #ccc;
      box-shadow: 0 0 5px #ddd;
      color: #444;
      padding: 5px 12px;
      white-space: nowrap
    }

    .ql-snow .ql-tooltip::before {
      content: "Visit URL:";
      line-height: 26px;
      margin-right: 8px
    }

    .ql-snow .ql-tooltip input[type=text] {
      display: none;
      border: 1px solid #ccc;
      font-size: 13px;
      height: 26px;
      margin: 0;
      padding: 3px 5px;
      width: 170px
    }

    .ql-snow .ql-tooltip a.ql-preview {
      display: inline-block;
      max-width: 200px;
      overflow-x: hidden;
      text-overflow: ellipsis;
      vertical-align: top
    }

    .ql-snow .ql-tooltip a.ql-action::after {
      border-right: 1px solid #ccc;
      content: 'Edit';
      margin-left: 16px;
      padding-right: 8px
    }

    .ql-snow .ql-tooltip a.ql-remove::before {
      content: 'Remove';
      margin-left: 8px
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-preview,
    .ql-snow .ql-tooltip.ql-editing a.ql-remove {
      display: none
    }

    .ql-snow .ql-tooltip.ql-editing input[type=text] {
      display: inline-block
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
      border-right: 0;
      content: 'Save';
      padding-right: 0
    }

    .ql-snow .ql-tooltip[data-mode=link]::before {
      content: "Enter link:"
    }

    .ql-snow .ql-tooltip[data-mode=formula]::before {
      content: "Enter formula:"
    }

    .ql-snow .ql-tooltip[data-mode=video]::before {
      content: "Enter video:"
    }

    .ql-snow a {
      color: #06c
    }

    .ql-container.ql-snow {
      border: 1px solid #ccc
    }

    #quill-editor {
      position: relative
    }

    .mention {
      color: #0366d6
    }

    .completions {
      background: #fff;
      border-radius: 2px;
      box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
      list-style: none
    }

    .completions,
    .completions>li {
      margin: 0;
      padding: 0
    }

    .completions>li>button {
      background: 0 0;
      border: none;
      box-sizing: border-box;
      display: block;
      height: 2em;
      margin: 0;
      padding: .25em .5em;
      text-align: left;
      width: 100%
    }

    .completions>li>button:hover {
      background: #ddd
    }

    .completions>li>button:focus {
      background: #ddd;
      outline: 0
    }

    .completions>li>button>.matched {
      color: #000;
      font-weight: 700
    }

    .completions>li>button>* {
      vertical-align: middle
    }

    .emoji_completions {
      background: #fff;
      border: 1px solid rgba(0, 0, 0, .15);
      border-radius: 3px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
      list-style: none;
      margin: 0;
      padding: 6px
    }

    .emoji_completions li {
      display: inline-block;
      margin: 2px 0;
      padding: 0
    }

    .emoji_completions li:not(:last-of-type) {
      margin-right: 3px
    }

    .emoji_completions>li>button {
      background: #efefef;
      border: none;
      border-radius: 3px;
      box-sizing: border-box;
      display: block;
      margin: 0;
      padding: 3px 2px 6px;
      text-align: left;
      width: 100%
    }

    .emoji_completions>li>button:hover {
      background: #2d9ee0;
      color: #fff
    }

    .emoji_completions>li>button.emoji-active,
    .emoji_completions>li>button:focus {
      background: #2d9ee0;
      color: #fff;
      outline: 0
    }

    .emoji_completions>li>button>.matched {
      font-weight: 700
    }

    .emoji_completions>li>button>*,
    .ico {
      vertical-align: middle
    }

    .ico {
      font-size: 18px;
      line-height: 0;
      margin-right: 5px
    }

    #emoji-palette {
      border: 1px solid rgba(0, 0, 0, .15);
      border-radius: 3px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
      max-width: 250px;
      position: absolute;
      z-index: 999
    }

    .bem {
      cursor: pointer;
      display: inline-block;
      font-size: 24px;
      margin: 2px;
      text-align: center;
      width: 34px
    }

    #tab-filters {
      margin: 20px auto 0;
      width: 210px
    }

    .emoji-tab {
      cursor: pointer;
      display: inline-table;
      height: 100%;
      min-height: 30px;
      text-align: center;
      width: 30px
    }

    #tab-toolbar {
      background-color: #f7f7f7;
      border-bottom: 1px solid rgba(0, 0, 0, .15);
      padding: 4px 4px 0
    }

    #tab-toolbar ul {
      margin: 0;
      padding: 0
    }

    #tab-toolbar .active {
      border-bottom: 3px solid #2ab27b
    }

    #tab-panel {
      background: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      max-height: 220px;
      overflow-y: scroll;
      padding: 2px
    }

    #quill-editor x-contain,
    contain {
      background: #fb8;
      display: block
    }

    #quill-editor table {
      border-collapse: collapse;
      width: 100%
    }

    #quill-editor table td {
      border: 1px solid #000;
      height: 25px;
      padding: 5px
    }

    .ql-picker.ql-table .ql-picker-label:before,
    button.ql-table:after {
      content: "TABLE"
    }

    button.ql-contain:after {
      content: "WRAP"
    }

    button.ql-table[value=append-row]:after {
      content: "ROWS+"
    }

    button.ql-table[value=append-col]:after {
      content: "COLS+"
    }

    .ql-contain,
    .ql-table {
      margin-right: -15px;
      width: auto !important
    }

    #emoji-close-div {
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%
    }

    .textarea-emoji-control {
      height: 25px;
      right: 4px;
      top: 10px;
      width: 25px
    }

    #textarea-emoji {
      border: 1px solid rgba(0, 0, 0, .15);
      border-radius: 3px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
      max-width: 250px;
      position: absolute;
      right: 0;
      z-index: 999
    }

    .ql-editor {
      padding-right: 26px
    }

    .i-activity {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><g transform="translate(7.500000, 7.500000)"><path stroke="%236F6D70" d="M18.02 1.36c5.92 3.02 8.28 10.26 5.26 16.18-2.12 4.17-6.35 6.57-10.73 6.57-1.83 0-3.7-.4-5.45-1.3-5.9-3-8.27-10.22-5.25-16.2C3.97 2.5 8.2.1 12.57.1c1.84 0 3.7.42 5.45 1.3zm4.7 11.44c.1-1.3-.06-2.6-.47-3.87-.13-.38-.27-.75-.43-1.1l-3.42-1.6-1.57-3.4c-.62-.3-1.27-.5-1.92-.68-.7-.18-1.5-.27-2.3-.27-.4 0-.8.02-1.2.06L8.9 4.74l-3.74.43c-.63.68-1.16 1.45-1.6 2.28-.42.84-.72 1.72-.9 2.63l1.84 3.3-.74 3.68c.3.56.66 1.08 1.1 1.58.76.94 1.7 1.7 2.8 2.32l3.7-.74 3.26 1.84c1.13-.23 2.23-.65 3.24-1.26.6-.35 1.2-.77 1.7-1.24l.44-3.74 2.78-2.55.05-.47z" stroke-linecap="round" stroke-linejoin="round"/><polygon points="10.6158689 8.50666885 8.42649168 12.8046921 11.836847 16.2129328 16.1342124 14.0235556 15.3793892 9.26144504"/></g></g></g></svg>')
    }

    .i-activity,
    .i-flags {
      content: "";
      height: 25px;
      margin: auto;
      width: 25px
    }

    .i-flags {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><g transform="translate(9.500000, 8.000000)"><path d="M.5 3.13V23.5c0 .83.68 1.5 1.5 1.5.84 0 1.5-.67 1.5-1.5V3.14c0-.83-.66-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5z"/><path d="M3.5 11.54c.7-.16 1.44-.22 2.25-.17 1.38.07 2.48.3 5.23 1.04l.55.2c3.02.8 4.77 1 5.96.67v-7.9c-1.7.33-3.8-.07-7.1-1-3.9-1.1-5.7-1.3-6.9-.5v7.7zm7.68-10.1c4.1 1.15 5.7 1.3 6.98.44 1-.66 2.33.05 2.33 1.25v11c0 .5-.3 1-.7 1.26-2.2 1.4-4.6 1.2-9.1 0l-.56-.16c-4.54-1.2-6.15-1.3-7.05-.2-.9 1.06-2.65.42-2.65-.98v-11c0-.4.2-.8.5-1.1C3.4-.24 5.75-.1 11.2 1.4z"/></g></g></g></svg>')
    }

    .i-food {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M9.57 28.2c0 .28.22.5.5.5h19.2c.27 0 .5-.22.5-.5v-4.4H9.57v4.4zm23.2-3.06v3.07c0 1.95-1.57 3.5-3.5 3.5h-19.2c-1.93 0-3.5-1.55-3.5-3.5V25c.46.15.96.24 1.47.24h23.78c.33 0 .64-.04.94-.1z"/><path fill-rule="nonzero" d="M6.57 18.2v-3.45c0-3.56 2.9-6.45 6.45-6.45h13.3c3.55 0 6.44 2.9 6.44 6.45v3.45H6.56zm3-1.83h3.6l.4.86c.23.5.73.83 1.3.83.56 0 1.06-.33 1.3-.83l.4-.86h13.2v-1.62c0-1.9-1.56-3.45-3.45-3.45h-13.3c-1.9 0-3.45 1.55-3.45 3.45v1.62z"/><path fill-rule="nonzero" d="M13.23 16.37l.4.86c.24.5.74.83 1.3.83.57 0 1.07-.33 1.3-.83l.4-.86H31.9c2.44 0 4.43 1.98 4.43 4.43 0 2.45-1.98 4.44-4.44 4.44H8.1c-2.44 0-4.43-2-4.43-4.44 0-2.45 1.98-4.43 4.44-4.43h5.14zm-5.12 3c-.8 0-1.42.64-1.42 1.43 0 .8.64 1.44 1.44 1.44h23.8c.8 0 1.43-.64 1.43-1.44 0-.8-.64-1.43-1.44-1.43H18.4c-.83 1.04-2.1 1.7-3.5 1.7-1.37 0-2.65-.66-3.47-1.7H8.1z"/><circle cx="14.6682646" cy="13.75" r="1"/><circle cx="24.6682646" cy="13.75" r="1"/><circle cx="19.6682646" cy="13.75" r="1"/></g></g></svg>')
    }

    .i-food,
    .i-nature {
      content: "";
      height: 25px;
      margin: auto;
      width: 25px
    }

    .i-nature {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.96 18.26L30.86 32c.5.46 1.3.43 1.77-.08.46-.5.43-1.3-.08-1.76l-14.9-13.74c-.5-.46-1.3-.43-1.76.08-.5.5-.5 1.3 0 1.76z"/><path d="M18.17 21.28c-.7-.06-1.3.45-1.35 1.14-.06.7.45 1.3 1.13 1.35l4.96.43c.9.07 1.5-.66 1.4-1.47l-1-5.6c-.1-.7-.74-1.14-1.42-1.02-.67.2-1.12.8-1 1.5l.7 4-3.32-.3z"/><path d="M28.48 28.95c-.38.17-1 .4-1.85.64-2.92.7-6 .9-8.95-.2-5.98-2.17-9.8-8.5-10.54-19.9l-.1-1.4 1.38-.2c14.45-2.08 23.4 7.4 21.33 19.85l-1.9-.3.63 1.43zM10.24 10.77C11.12 20.14 14.2 25 18.7 26.6c2.27.83 4.76.74 7.14.1.4-.12.76-.23 1.07-.35 1.2-9.6-5.4-16.57-16.6-15.58z"/></g></g></svg>')
    }

    .i-objects {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M11.04 16.7c0-4.85 4.02-8.76 8.96-8.76 4.94 0 8.96 3.9 8.96 8.76 0 2.54-1.12 4.9-3 6.54v1.87c0 1.28-1.02 2.27-2.26 2.27h-7.37c-1.23 0-2.25-1-2.25-2.22V23.3c-1.9-1.65-3.04-4-3.04-6.58zm11.9 5.82c0-.48.24-.93.63-1.22 1.5-1.08 2.4-2.77 2.4-4.6 0-3.17-2.67-5.76-5.97-5.76s-5.96 2.6-5.96 5.76c0 1.84.9 3.54 2.42 4.62.4.28.62.74.62 1.22v1.8h5.87V22.5z"/><path d="M21.76 28.78c-.22.05-.42.1-.62.13-.5.1-.9.2-1.1.2-.24 0-.62-.04-1.08-.12l-.74-.15-.08-.02v-2.93c0-.83-.68-1.5-1.5-1.5-.83 0-1.5.67-1.5 1.5v4.1c0 .68.44 1.27 1.1 1.45l.38.1.94.23c.3.1.6.15.87.2.62.1 1.16.17 1.6.17.47 0 1.03-.1 1.7-.2l.7-.17.95-.22c.18-.03.32-.1.4-.1.64-.2 1.08-.76 1.08-1.43v-4.1c0-.83-.67-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5v2.9c-.03 0-.07 0-.1.02z"/></g></g></svg>')
    }

    .i-objects,
    .i-people {
      content: "";
      height: 25px;
      margin: auto;
      width: 25px
    }

    .i-people {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M20 34c-7.73 0-14-6.27-14-14S12.27 6 20 6s14 6.27 14 14-6.27 14-14 14zm0-3c6.08 0 11-4.92 11-11S26.08 9 20 9 9 13.92 9 20s4.92 11 11 11z"/><circle cx="15.3474348" cy="16.7705459" r="2.34743481"/><circle cx="24.4703784" cy="16.7705459" r="2.34743481"/><path d="M20 27.9c2.7 0 4.88-2.18 4.88-4.88 0-2.7-9.76-2.7-9.76 0S17.3 27.9 20 27.9z"/></g></g></svg>')
    }

    .i-symbols {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.37 7.95c-4.48 0-8.06 3.9-8.06 8.64 0 3.5 2.2 6.9 5.8 10.3 1.2 1.1 2.5 2.2 3.9 3.1.84.6 1.5 1 1.98 1.3l.27.15.8.5 1.1-.6c.5-.27 1.18-.7 2-1.25 1.34-.9 2.66-1.9 3.9-3 3.57-3.28 5.75-6.8 5.75-10.6 0-4.74-3.6-8.65-8.1-8.65v3.3c2.6 0 4.76 2.4 4.76 5.35 0 2.65-1.72 5.43-4.7 8.13-1.1 1-2.27 1.9-3.5 2.7-.43.3-.83.54-1.17.74-.35-.2-.76-.5-1.2-.83-1.24-.87-2.4-1.83-3.54-2.87-2.95-2.76-4.7-5.5-4.7-7.9 0-2.98 2.2-5.35 4.78-5.35 1.3 0 2.5.6 3.4 1.6L20 14.3l1.25-1.43c.9-1.03 2.1-1.6 3.38-1.6v-3.3c-1.68 0-3.3.56-4.63 1.57-1.34-1-2.95-1.57-4.63-1.57z"/></g></g></svg>')
    }

    .i-symbols,
    .i-travel {
      content: "";
      height: 25px;
      margin: auto;
      width: 25px
    }

    .i-travel {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M25.46 11.2s-2.67 2.58-3.94 3.95l-10.6-2.13c-.12-.02-.25.04-.3.15l-.8 1.6c-.07.13 0 .3.12.37l7.75 3.88L13.4 24c-.5-.16-1.1-.33-1.66-.3-.3 0-.6.06-.85.25-.3.2-.4.5-.4.9s.1.74.3.98l3.2 3.23c.3.23.7.34 1 .34.4 0 .7-.13.9-.37.2-.23.24-.53.25-.84 0-.6-.15-1.2-.3-1.7l4.97-4.3 3.9 7.76c.06.13.23.2.36.12l1.6-.8c.13-.07.2-.2.17-.3l-2.12-10.6c1.4-1.28 3.95-3.95 3.96-3.96.86-.88 1.4-1.93 1.4-2.87 0-.5-.17-1-.5-1.33-.37-.36-.87-.5-1.38-.5-.95 0-2 .52-2.88 1.4zm2.87-4.4c1.28 0 2.54.44 3.5 1.4.93.93 1.38 2.2 1.38 3.47 0 1.8-.8 3.54-2.2 4.94-.4.5-1.7 1.8-2.8 2.9l1.8 9c.3 1.5-.4 2.9-1.7 3.6l-1.62.8c-1.62.8-3.6.1-4.36-1.4L20 27.1l-.7.6v.62c-.03.92-.28 1.8-.92 2.6-.8 1-1.98 1.5-3.22 1.5-1.03 0-2.12-.37-2.96-1.1l-.16-.14-3.22-3.22-.1-.12c-.75-.83-1.12-1.9-1.12-3 0-1.24.5-2.43 1.48-3.22.8-.6 1.68-.9 2.62-.9h.62l.6-.7-4.27-2.1c-1.65-.8-2.33-2.8-1.52-4.4l.8-1.64c.67-1.3 2.14-2.02 3.57-1.73l9 1.8 1.36-1.33 1.5-1.48c1.42-1.4 3.17-2.27 4.97-2.27z"/></g></g></svg>')
    }

    .button-emoji {
      margin-bottom: -5px
    }

    .ql-emojiblot {
      display: inline-block;
      vertical-align: text-top
    }

    .ap {
      background-image: url('assets/img/1e7b63404cd2fb8e6525b2fd4ee4d286.png');
      background-repeat: no-repeat;
      background-size: 820px;
      box-sizing: border-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-size: 20px;
      height: 20px;
      line-height: 1;
      margin-top: -3px;
      overflow: hidden;
      text-indent: -999px;
      width: 20px
    }

    .ap-copyright {
      background-position: 0 0
    }

    .ap-registered {
      background-position: 0 -20px
    }

    .ap-bangbang {
      background-position: 0 -40px
    }

    .ap-interrobang {
      background-position: 0 -60px
    }

    .ap-tm {
      background-position: 0 -80px
    }

    .ap-information_source {
      background-position: 0 -100px
    }

    .ap-left_right_arrow {
      background-position: 0 -120px
    }

    .ap-arrow_up_down {
      background-position: 0 -140px
    }

    .ap-arrow_upper_left {
      background-position: 0 -160px
    }

    .ap-arrow_upper_right {
      background-position: 0 -180px
    }

    .ap-arrow_lower_right {
      background-position: 0 -200px
    }

    .ap-arrow_lower_left {
      background-position: 0 -220px
    }

    .ap-leftwards_arrow_with_hook {
      background-position: 0 -240px
    }

    .ap-arrow_right_hook {
      background-position: 0 -260px
    }

    .ap-watch {
      background-position: 0 -280px
    }

    .ap-hourglass {
      background-position: 0 -300px
    }

    .ap-keyboard {
      background-position: 0 -320px
    }

    .ap-fast_forward {
      background-position: 0 -360px
    }

    .ap-rewind {
      background-position: 0 -380px
    }

    .ap-arrow_double_up {
      background-position: 0 -400px
    }

    .ap-arrow_double_down {
      background-position: 0 -420px
    }

    .ap-black_right_pointing_double_triangle_with_vertical_bar {
      background-position: 0 -440px
    }

    .ap-black_left_pointing_double_triangle_with_vertical_bar {
      background-position: 0 -460px
    }

    .ap-black_right_pointing_triangle_with_double_vertical_bar {
      background-position: 0 -480px
    }

    .ap-alarm_clock {
      background-position: 0 -500px
    }

    .ap-stopwatch {
      background-position: 0 -520px
    }

    .ap-timer_clock {
      background-position: 0 -540px
    }

    .ap-hourglass_flowing_sand {
      background-position: 0 -560px
    }

    .ap-double_vertical_bar {
      background-position: 0 -580px
    }

    .ap-black_square_for_stop {
      background-position: 0 -600px
    }

    .ap-black_circle_for_record {
      background-position: 0 -620px
    }

    .ap-m {
      background-position: 0 -640px
    }

    .ap-black_small_square {
      background-position: 0 -660px
    }

    .ap-white_small_square {
      background-position: 0 -680px
    }

    .ap-arrow_forward {
      background-position: 0 -700px
    }

    .ap-arrow_backward {
      background-position: 0 -720px
    }

    .ap-white_medium_square {
      background-position: 0 -740px
    }

    .ap-black_medium_square {
      background-position: 0 -760px
    }

    .ap-white_medium_small_square {
      background-position: 0 -780px
    }

    .ap-black_medium_small_square {
      background-position: 0 -800px
    }

    .ap-sunny {
      background-position: -20px 0
    }

    .ap-cloud {
      background-position: -20px -20px
    }

    .ap-umbrella {
      background-position: -20px -40px
    }

    .ap-snowman {
      background-position: -20px -60px
    }

    .ap-comet {
      background-position: -20px -80px
    }

    .ap-phone,
    .ap-telephone {
      background-position: -20px -100px
    }

    .ap-ballot_box_with_check {
      background-position: -20px -120px
    }

    .ap-umbrella_with_rain_drops {
      background-position: -20px -140px
    }

    .ap-coffee {
      background-position: -20px -160px
    }

    .ap-shamrock {
      background-position: -20px -180px
    }

    .ap-point_up {
      background-position: -20px -200px
    }

    .ap-skull_and_crossbones {
      background-position: -20px -320px
    }

    .ap-radioactive_sign {
      background-position: -20px -340px
    }

    .ap-biohazard_sign {
      background-position: -20px -360px
    }

    .ap-orthodox_cross {
      background-position: -20px -380px
    }

    .ap-star_and_crescent {
      background-position: -20px -400px
    }

    .ap-peace_symbol {
      background-position: -20px -420px
    }

    .ap-yin_yang {
      background-position: -20px -440px
    }

    .ap-wheel_of_dharma {
      background-position: -20px -460px
    }

    .ap-white_frowning_face {
      background-position: -20px -480px
    }

    .ap-relaxed {
      background-position: -20px -500px
    }

    .ap-aries {
      background-position: -20px -520px
    }

    .ap-taurus {
      background-position: -20px -540px
    }

    .ap-gemini {
      background-position: -20px -560px
    }

    .ap-cancer {
      background-position: -20px -580px
    }

    .ap-leo {
      background-position: -20px -600px
    }

    .ap-virgo {
      background-position: -20px -620px
    }

    .ap-libra {
      background-position: -20px -640px
    }

    .ap-scorpius {
      background-position: -20px -660px
    }

    .ap-sagittarius {
      background-position: -20px -680px
    }

    .ap-capricorn {
      background-position: -20px -700px
    }

    .ap-aquarius {
      background-position: -20px -720px
    }

    .ap-pisces {
      background-position: -20px -740px
    }

    .ap-spades {
      background-position: -20px -760px
    }

    .ap-clubs {
      background-position: -20px -780px
    }

    .ap-hearts {
      background-position: -20px -800px
    }

    .ap-diamonds {
      background-position: -40px 0
    }

    .ap-hotsprings {
      background-position: -40px -20px
    }

    .ap-recycle {
      background-position: -40px -40px
    }

    .ap-wheelchair {
      background-position: -40px -60px
    }

    .ap-hammer_and_pick {
      background-position: -40px -80px
    }

    .ap-anchor {
      background-position: -40px -100px
    }

    .ap-crossed_swords {
      background-position: -40px -120px
    }

    .ap-scales {
      background-position: -40px -140px
    }

    .ap-alembic {
      background-position: -40px -160px
    }

    .ap-gear {
      background-position: -40px -180px
    }

    .ap-atom_symbol {
      background-position: -40px -200px
    }

    .ap-fleur_de_lis {
      background-position: -40px -220px
    }

    .ap-warning {
      background-position: -40px -240px
    }

    .ap-zap {
      background-position: -40px -260px
    }

    .ap-white_circle {
      background-position: -40px -280px
    }

    .ap-black_circle {
      background-position: -40px -300px
    }

    .ap-coffin {
      background-position: -40px -320px
    }

    .ap-funeral_urn {
      background-position: -40px -340px
    }

    .ap-soccer {
      background-position: -40px -360px
    }

    .ap-baseball {
      background-position: -40px -380px
    }

    .ap-snowman_without_snow {
      background-position: -40px -400px
    }

    .ap-partly_sunny {
      background-position: -40px -420px
    }

    .ap-thunder_cloud_and_rain {
      background-position: -40px -440px
    }

    .ap-ophiuchus {
      background-position: -40px -460px
    }

    .ap-pick {
      background-position: -40px -480px
    }

    .ap-helmet_with_white_cross {
      background-position: -40px -500px
    }

    .ap-chains {
      background-position: -40px -520px
    }

    .ap-no_entry {
      background-position: -40px -540px
    }

    .ap-shinto_shrine {
      background-position: -40px -560px
    }

    .ap-church {
      background-position: -40px -580px
    }

    .ap-mountain {
      background-position: -40px -600px
    }

    .ap-beach_umbrella,
    .ap-umbrella_on_ground {
      background-position: -40px -620px
    }

    .ap-fountain {
      background-position: -40px -640px
    }

    .ap-golf {
      background-position: -40px -660px
    }

    .ap-ferry {
      background-position: -40px -680px
    }

    .ap-boat {
      background-position: -40px -700px
    }

    .ap-skier {
      background-position: -40px -720px
    }

    .ap-ice_skate {
      background-position: -40px -740px
    }

    .ap-person_with_ball {
      background-position: -40px -760px
    }

    .ap-tent {
      background-position: -60px -60px
    }

    .ap-fuelpump {
      background-position: -60px -80px
    }

    .ap-scissors {
      background-position: -60px -100px
    }

    .ap-white_check_mark {
      background-position: -60px -120px
    }

    .ap-airplane {
      background-position: -60px -140px
    }

    .ap-email {
      background-position: -60px -160px
    }

    .ap-fist {
      background-position: -60px -180px
    }

    .ap-hand {
      background-position: -60px -300px
    }

    .ap-v {
      background-position: -60px -420px
    }

    .ap-writing_hand {
      background-position: -60px -540px
    }

    .ap-pencil2 {
      background-position: -60px -660px
    }

    .ap-black_nib {
      background-position: -60px -680px
    }

    .ap-heavy_check_mark {
      background-position: -60px -700px
    }

    .ap-heavy_multiplication_x {
      background-position: -60px -720px
    }

    .ap-latin_cross {
      background-position: -60px -740px
    }

    .ap-star_of_david {
      background-position: -60px -760px
    }

    .ap-sparkles {
      background-position: -60px -780px
    }

    .ap-eight_spoked_asterisk {
      background-position: -60px -800px
    }

    .ap-eight_pointed_black_star {
      background-position: -80px 0
    }

    .ap-snowflake {
      background-position: -80px -20px
    }

    .ap-sparkle {
      background-position: -80px -40px
    }

    .ap-x {
      background-position: -80px -60px
    }

    .ap-negative_squared_cross_mark {
      background-position: -80px -80px
    }

    .ap-question {
      background-position: -80px -100px
    }

    .ap-grey_question {
      background-position: -80px -120px
    }

    .ap-grey_exclamation {
      background-position: -80px -140px
    }

    .ap-exclamation {
      background-position: -80px -160px
    }

    .ap-heavy_heart_exclamation_mark_ornament {
      background-position: -80px -180px
    }

    .ap-heart {
      background-position: -80px -200px
    }

    .ap-heavy_plus_sign {
      background-position: -80px -220px
    }

    .ap-heavy_minus_sign {
      background-position: -80px -240px
    }

    .ap-heavy_division_sign {
      background-position: -80px -260px
    }

    .ap-arrow_right {
      background-position: -80px -280px
    }

    .ap-curly_loop {
      background-position: -80px -300px
    }

    .ap-loop {
      background-position: -80px -320px
    }

    .ap-arrow_heading_up {
      background-position: -80px -340px
    }

    .ap-arrow_heading_down {
      background-position: -80px -360px
    }

    .ap-arrow_left {
      background-position: -80px -380px
    }

    .ap-arrow_up {
      background-position: -80px -400px
    }

    .ap-arrow_down {
      background-position: -80px -420px
    }

    .ap-black_large_square {
      background-position: -80px -440px
    }

    .ap-white_large_square {
      background-position: -80px -460px
    }

    .ap-star {
      background-position: -80px -480px
    }

    .ap-o {
      background-position: -80px -500px
    }

    .ap-wavy_dash {
      background-position: -80px -520px
    }

    .ap-part_alternation_mark {
      background-position: -80px -540px
    }

    .ap-congratulations {
      background-position: -80px -560px
    }

    .ap-secret {
      background-position: -80px -580px
    }

    .ap-mahjong {
      background-position: -80px -600px
    }

    .ap-black_joker {
      background-position: -80px -620px
    }

    .ap-a {
      background-position: -80px -640px
    }

    .ap-b {
      background-position: -80px -660px
    }

    .ap-o2 {
      background-position: -80px -680px
    }

    .ap-parking {
      background-position: -80px -700px
    }

    .ap-ab {
      background-position: -80px -720px
    }

    .ap-cl {
      background-position: -80px -740px
    }

    .ap-cool {
      background-position: -80px -760px
    }

    .ap-free {
      background-position: -80px -780px
    }

    .ap-id {
      background-position: -80px -800px
    }

    .ap-new {
      background-position: -100px 0
    }

    .ap-ng {
      background-position: -100px -20px
    }

    .ap-ok {
      background-position: -100px -40px
    }

    .ap-sos {
      background-position: -100px -60px
    }

    .ap-up {
      background-position: -100px -80px
    }

    .ap-vs {
      background-position: -100px -100px
    }

    .ap-koko {
      background-position: -100px -120px
    }

    .ap-sa {
      background-position: -100px -140px
    }

    .ap-u7121 {
      background-position: -100px -160px
    }

    .ap-u6307 {
      background-position: -100px -180px
    }

    .ap-u7981 {
      background-position: -100px -200px
    }

    .ap-u7a7a {
      background-position: -100px -220px
    }

    .ap-u5408 {
      background-position: -100px -240px
    }

    .ap-u6e80 {
      background-position: -100px -260px
    }

    .ap-u6709 {
      background-position: -100px -280px
    }

    .ap-u6708 {
      background-position: -100px -300px
    }

    .ap-u7533 {
      background-position: -100px -320px
    }

    .ap-u5272 {
      background-position: -100px -340px
    }

    .ap-u55b6 {
      background-position: -100px -360px
    }

    .ap-ideograph_advantage {
      background-position: -100px -380px
    }

    .ap-accept {
      background-position: -100px -400px
    }

    .ap-cyclone {
      background-position: -100px -420px
    }

    .ap-foggy {
      background-position: -100px -440px
    }

    .ap-closed_umbrella {
      background-position: -100px -460px
    }

    .ap-night_with_stars {
      background-position: -100px -480px
    }

    .ap-sunrise_over_mountains {
      background-position: -100px -500px
    }

    .ap-sunrise {
      background-position: -100px -520px
    }

    .ap-city_sunset {
      background-position: -100px -540px
    }

    .ap-city_sunrise {
      background-position: -100px -560px
    }

    .ap-rainbow {
      background-position: -100px -580px
    }

    .ap-bridge_at_night {
      background-position: -100px -600px
    }

    .ap-ocean {
      background-position: -100px -620px
    }

    .ap-volcano {
      background-position: -100px -640px
    }

    .ap-milky_way {
      background-position: -100px -660px
    }

    .ap-earth_africa {
      background-position: -100px -680px
    }

    .ap-earth_americas {
      background-position: -100px -700px
    }

    .ap-earth_asia {
      background-position: -100px -720px
    }

    .ap-globe_with_meridians {
      background-position: -100px -740px
    }

    .ap-new_moon {
      background-position: -100px -760px
    }

    .ap-waxing_crescent_moon {
      background-position: -100px -780px
    }

    .ap-first_quarter_moon {
      background-position: -100px -800px
    }

    .ap-moon {
      background-position: -120px 0
    }

    .ap-full_moon {
      background-position: -120px -20px
    }

    .ap-waning_gibbous_moon {
      background-position: -120px -40px
    }

    .ap-last_quarter_moon {
      background-position: -120px -60px
    }

    .ap-waning_crescent_moon {
      background-position: -120px -80px
    }

    .ap-crescent_moon {
      background-position: -120px -100px
    }

    .ap-new_moon_with_face {
      background-position: -120px -120px
    }

    .ap-first_quarter_moon_with_face {
      background-position: -120px -140px
    }

    .ap-last_quarter_moon_with_face {
      background-position: -120px -160px
    }

    .ap-full_moon_with_face {
      background-position: -120px -180px
    }

    .ap-sun_with_face {
      background-position: -120px -200px
    }

    .ap-star2 {
      background-position: -120px -220px
    }

    .ap-stars {
      background-position: -120px -240px
    }

    .ap-thermometer {
      background-position: -120px -260px
    }

    .ap-mostly_sunny {
      background-position: -120px -280px
    }

    .ap-barely_sunny {
      background-position: -120px -300px
    }

    .ap-partly_sunny_rain {
      background-position: -120px -320px
    }

    .ap-rain_cloud {
      background-position: -120px -340px
    }

    .ap-snow_cloud {
      background-position: -120px -360px
    }

    .ap-lightning {
      background-position: -120px -380px
    }

    .ap-tornado {
      background-position: -120px -400px
    }

    .ap-fog {
      background-position: -120px -420px
    }

    .ap-wind_blowing_face {
      background-position: -120px -440px
    }

    .ap-hotdog {
      background-position: -120px -460px
    }

    .ap-taco {
      background-position: -120px -480px
    }

    .ap-burrito {
      background-position: -120px -500px
    }

    .ap-chestnut {
      background-position: -120px -520px
    }

    .ap-seedling {
      background-position: -120px -540px
    }

    .ap-evergreen_tree {
      background-position: -120px -560px
    }

    .ap-deciduous_tree {
      background-position: -120px -580px
    }

    .ap-palm_tree {
      background-position: -120px -600px
    }

    .ap-cactus {
      background-position: -120px -620px
    }

    .ap-hot_pepper {
      background-position: -120px -640px
    }

    .ap-tulip {
      background-position: -120px -660px
    }

    .ap-cherry_blossom {
      background-position: -120px -680px
    }

    .ap-rose {
      background-position: -120px -700px
    }

    .ap-hibiscus {
      background-position: -120px -720px
    }

    .ap-sunflower {
      background-position: -120px -740px
    }

    .ap-blossom {
      background-position: -120px -760px
    }

    .ap-corn {
      background-position: -120px -780px
    }

    .ap-ear_of_rice {
      background-position: -120px -800px
    }

    .ap-herb {
      background-position: -140px 0
    }

    .ap-four_leaf_clover {
      background-position: -140px -20px
    }

    .ap-maple_leaf {
      background-position: -140px -40px
    }

    .ap-fallen_leaf {
      background-position: -140px -60px
    }

    .ap-leaves {
      background-position: -140px -80px
    }

    .ap-mushroom {
      background-position: -140px -100px
    }

    .ap-tomato {
      background-position: -140px -120px
    }

    .ap-eggplant {
      background-position: -140px -140px
    }

    .ap-grapes {
      background-position: -140px -160px
    }

    .ap-melon {
      background-position: -140px -180px
    }

    .ap-watermelon {
      background-position: -140px -200px
    }

    .ap-tangerine {
      background-position: -140px -220px
    }

    .ap-lemon {
      background-position: -140px -240px
    }

    .ap-banana {
      background-position: -140px -260px
    }

    .ap-pineapple {
      background-position: -140px -280px
    }

    .ap-apple {
      background-position: -140px -300px
    }

    .ap-green_apple {
      background-position: -140px -320px
    }

    .ap-pear {
      background-position: -140px -340px
    }

    .ap-peach {
      background-position: -140px -360px
    }

    .ap-cherries {
      background-position: -140px -380px
    }

    .ap-strawberry {
      background-position: -140px -400px
    }

    .ap-hamburger {
      background-position: -140px -420px
    }

    .ap-pizza {
      background-position: -140px -440px
    }

    .ap-meat_on_bone {
      background-position: -140px -460px
    }

    .ap-poultry_leg {
      background-position: -140px -480px
    }

    .ap-rice_cracker {
      background-position: -140px -500px
    }

    .ap-rice_ball {
      background-position: -140px -520px
    }

    .ap-rice {
      background-position: -140px -540px
    }

    .ap-curry {
      background-position: -140px -560px
    }

    .ap-ramen {
      background-position: -140px -580px
    }

    .ap-spaghetti {
      background-position: -140px -600px
    }

    .ap-bread {
      background-position: -140px -620px
    }

    .ap-fries {
      background-position: -140px -640px
    }

    .ap-sweet_potato {
      background-position: -140px -660px
    }

    .ap-dango {
      background-position: -140px -680px
    }

    .ap-oden {
      background-position: -140px -700px
    }

    .ap-sushi {
      background-position: -140px -720px
    }

    .ap-fried_shrimp {
      background-position: -140px -740px
    }

    .ap-fish_cake {
      background-position: -140px -760px
    }

    .ap-icecream {
      background-position: -140px -780px
    }

    .ap-shaved_ice {
      background-position: -140px -800px
    }

    .ap-ice_cream {
      background-position: -160px 0
    }

    .ap-doughnut {
      background-position: -160px -20px
    }

    .ap-cookie {
      background-position: -160px -40px
    }

    .ap-chocolate_bar {
      background-position: -160px -60px
    }

    .ap-candy {
      background-position: -160px -80px
    }

    .ap-lollipop {
      background-position: -160px -100px
    }

    .ap-custard {
      background-position: -160px -120px
    }

    .ap-honey_pot {
      background-position: -160px -140px
    }

    .ap-cake {
      background-position: -160px -160px
    }

    .ap-bento {
      background-position: -160px -180px
    }

    .ap-stew {
      background-position: -160px -200px
    }

    .ap-egg {
      background-position: -160px -220px
    }

    .ap-fork_and_knife {
      background-position: -160px -240px
    }

    .ap-tea {
      background-position: -160px -260px
    }

    .ap-sake {
      background-position: -160px -280px
    }

    .ap-wine_glass {
      background-position: -160px -300px
    }

    .ap-cocktail {
      background-position: -160px -320px
    }

    .ap-tropical_drink {
      background-position: -160px -340px
    }

    .ap-beer {
      background-position: -160px -360px
    }

    .ap-beers {
      background-position: -160px -380px
    }

    .ap-baby_bottle {
      background-position: -160px -400px
    }

    .ap-knife_fork_plate {
      background-position: -160px -420px
    }

    .ap-champagne {
      background-position: -160px -440px
    }

    .ap-popcorn {
      background-position: -160px -460px
    }

    .ap-ribbon {
      background-position: -160px -480px
    }

    .ap-gift {
      background-position: -160px -500px
    }

    .ap-birthday {
      background-position: -160px -520px
    }

    .ap-jack_o_lantern {
      background-position: -160px -540px
    }

    .ap-christmas_tree {
      background-position: -160px -560px
    }

    .ap-santa {
      background-position: -160px -580px
    }

    .ap-fireworks {
      background-position: -160px -700px
    }

    .ap-sparkler {
      background-position: -160px -720px
    }

    .ap-balloon {
      background-position: -160px -740px
    }

    .ap-tada {
      background-position: -160px -760px
    }

    .ap-confetti_ball {
      background-position: -160px -780px
    }

    .ap-tanabata_tree {
      background-position: -160px -800px
    }

    .ap-crossed_flags {
      background-position: -180px 0
    }

    .ap-bamboo {
      background-position: -180px -20px
    }

    .ap-dolls {
      background-position: -180px -40px
    }

    .ap-flags {
      background-position: -180px -60px
    }

    .ap-wind_chime {
      background-position: -180px -80px
    }

    .ap-rice_scene {
      background-position: -180px -100px
    }

    .ap-school_satchel {
      background-position: -180px -120px
    }

    .ap-mortar_board {
      background-position: -180px -140px
    }

    .ap-medal {
      background-position: -180px -160px
    }

    .ap-reminder_ribbon {
      background-position: -180px -180px
    }

    .ap-studio_microphone {
      background-position: -180px -200px
    }

    .ap-level_slider {
      background-position: -180px -220px
    }

    .ap-control_knobs {
      background-position: -180px -240px
    }

    .ap-film_frames {
      background-position: -180px -260px
    }

    .ap-admission_tickets {
      background-position: -180px -280px
    }

    .ap-carousel_horse {
      background-position: -180px -300px
    }

    .ap-ferris_wheel {
      background-position: -180px -320px
    }

    .ap-roller_coaster {
      background-position: -180px -340px
    }

    .ap-fishing_pole_and_fish {
      background-position: -180px -360px
    }

    .ap-microphone {
      background-position: -180px -380px
    }

    .ap-movie_camera {
      background-position: -180px -400px
    }

    .ap-cinema {
      background-position: -180px -420px
    }

    .ap-headphones {
      background-position: -180px -440px
    }

    .ap-art {
      background-position: -180px -460px
    }

    .ap-tophat {
      background-position: -180px -480px
    }

    .ap-circus_tent {
      background-position: -180px -500px
    }

    .ap-ticket {
      background-position: -180px -520px
    }

    .ap-clapper {
      background-position: -180px -540px
    }

    .ap-performing_arts {
      background-position: -180px -560px
    }

    .ap-video_game {
      background-position: -180px -580px
    }

    .ap-dart {
      background-position: -180px -600px
    }

    .ap-slot_machine {
      background-position: -180px -620px
    }

    .ap-8ball {
      background-position: -180px -640px
    }

    .ap-game_die {
      background-position: -180px -660px
    }

    .ap-bowling {
      background-position: -180px -680px
    }

    .ap-flower_playing_cards {
      background-position: -180px -700px
    }

    .ap-musical_note {
      background-position: -180px -720px
    }

    .ap-notes {
      background-position: -180px -740px
    }

    .ap-saxophone {
      background-position: -180px -760px
    }

    .ap-guitar {
      background-position: -180px -780px
    }

    .ap-musical_keyboard {
      background-position: -180px -800px
    }

    .ap-trumpet {
      background-position: -200px 0
    }

    .ap-violin {
      background-position: -200px -20px
    }

    .ap-musical_score {
      background-position: -200px -40px
    }

    .ap-running_shirt_with_sash {
      background-position: -200px -60px
    }

    .ap-tennis {
      background-position: -200px -80px
    }

    .ap-ski {
      background-position: -200px -100px
    }

    .ap-basketball {
      background-position: -200px -120px
    }

    .ap-checkered_flag {
      background-position: -200px -140px
    }

    .ap-snowboarder {
      background-position: -200px -160px
    }

    .ap-runner {
      background-position: -200px -180px
    }

    .ap-surfer {
      background-position: -200px -300px
    }

    .ap-sports_medal {
      background-position: -200px -420px
    }

    .ap-trophy {
      background-position: -200px -440px
    }

    .ap-horse_racing {
      background-position: -200px -460px
    }

    .ap-football {
      background-position: -200px -480px
    }

    .ap-rugby_football {
      background-position: -200px -500px
    }

    .ap-swimmer {
      background-position: -200px -520px
    }

    .ap-weight_lifter {
      background-position: -200px -640px
    }

    .ap-golfer {
      background-position: -200px -760px
    }

    .ap-racing_motorcycle {
      background-position: -200px -780px
    }

    .ap-racing_car {
      background-position: -200px -800px
    }

    .ap-cricket_bat_and_ball {
      background-position: -220px 0
    }

    .ap-volleyball {
      background-position: -220px -20px
    }

    .ap-field_hockey_stick_and_ball {
      background-position: -220px -40px
    }

    .ap-ice_hockey_stick_and_puck {
      background-position: -220px -60px
    }

    .ap-table_tennis_paddle_and_ball {
      background-position: -220px -80px
    }

    .ap-snow_capped_mountain {
      background-position: -220px -100px
    }

    .ap-camping {
      background-position: -220px -120px
    }

    .ap-beach_with_umbrella {
      background-position: -220px -140px
    }

    .ap-building_construction {
      background-position: -220px -160px
    }

    .ap-house_buildings {
      background-position: -220px -180px
    }

    .ap-cityscape {
      background-position: -220px -200px
    }

    .ap-derelict_house_building {
      background-position: -220px -220px
    }

    .ap-classical_building {
      background-position: -220px -240px
    }

    .ap-desert {
      background-position: -220px -260px
    }

    .ap-desert_island {
      background-position: -220px -280px
    }

    .ap-national_park {
      background-position: -220px -300px
    }

    .ap-stadium {
      background-position: -220px -320px
    }

    .ap-house {
      background-position: -220px -340px
    }

    .ap-house_with_garden {
      background-position: -220px -360px
    }

    .ap-office {
      background-position: -220px -380px
    }

    .ap-post_office {
      background-position: -220px -400px
    }

    .ap-european_post_office {
      background-position: -220px -420px
    }

    .ap-hospital {
      background-position: -220px -440px
    }

    .ap-bank {
      background-position: -220px -460px
    }

    .ap-atm {
      background-position: -220px -480px
    }

    .ap-hotel {
      background-position: -220px -500px
    }

    .ap-love_hotel {
      background-position: -220px -520px
    }

    .ap-convenience_store {
      background-position: -220px -540px
    }

    .ap-school {
      background-position: -220px -560px
    }

    .ap-department_store {
      background-position: -220px -580px
    }

    .ap-factory {
      background-position: -220px -600px
    }

    .ap-izakaya_lantern {
      background-position: -220px -620px
    }

    .ap-japanese_castle {
      background-position: -220px -640px
    }

    .ap-european_castle {
      background-position: -220px -660px
    }

    .ap-waving_white_flag {
      background-position: -220px -680px
    }

    .ap-waving_black_flag {
      background-position: -220px -700px
    }

    .ap-rosette {
      background-position: -220px -720px
    }

    .ap-label {
      background-position: -220px -740px
    }

    .ap-badminton_racquet_and_shuttlecock {
      background-position: -220px -760px
    }

    .ap-bow_and_arrow {
      background-position: -220px -780px
    }

    .ap-amphora {
      background-position: -220px -800px
    }

    .ap-skin-tone-2 {
      background-position: -240px 0
    }

    .ap-skin-tone-3 {
      background-position: -240px -20px
    }

    .ap-skin-tone-4 {
      background-position: -240px -40px
    }

    .ap-skin-tone-5 {
      background-position: -240px -60px
    }

    .ap-skin-tone-6 {
      background-position: -240px -80px
    }

    .ap-rat {
      background-position: -240px -100px
    }

    .ap-mouse2 {
      background-position: -240px -120px
    }

    .ap-ox {
      background-position: -240px -140px
    }

    .ap-water_buffalo {
      background-position: -240px -160px
    }

    .ap-cow2 {
      background-position: -240px -180px
    }

    .ap-tiger2 {
      background-position: -240px -200px
    }

    .ap-leopard {
      background-position: -240px -220px
    }

    .ap-rabbit2 {
      background-position: -240px -240px
    }

    .ap-cat2 {
      background-position: -240px -260px
    }

    .ap-dragon {
      background-position: -240px -280px
    }

    .ap-crocodile {
      background-position: -240px -300px
    }

    .ap-whale2 {
      background-position: -240px -320px
    }

    .ap-snail {
      background-position: -240px -340px
    }

    .ap-snake {
      background-position: -240px -360px
    }

    .ap-racehorse {
      background-position: -240px -380px
    }

    .ap-ram {
      background-position: -240px -400px
    }

    .ap-goat {
      background-position: -240px -420px
    }

    .ap-sheep {
      background-position: -240px -440px
    }

    .ap-monkey {
      background-position: -240px -460px
    }

    .ap-rooster {
      background-position: -240px -480px
    }

    .ap-chicken {
      background-position: -240px -500px
    }

    .ap-dog2 {
      background-position: -240px -520px
    }

    .ap-pig2 {
      background-position: -240px -540px
    }

    .ap-boar {
      background-position: -240px -560px
    }

    .ap-elephant {
      background-position: -240px -580px
    }

    .ap-octopus {
      background-position: -240px -600px
    }

    .ap-shell {
      background-position: -240px -620px
    }

    .ap-bug {
      background-position: -240px -640px
    }

    .ap-ant {
      background-position: -240px -660px
    }

    .ap-bee {
      background-position: -240px -680px
    }

    .ap-beetle {
      background-position: -240px -700px
    }

    .ap-fish {
      background-position: -240px -720px
    }

    .ap-tropical_fish {
      background-position: -240px -740px
    }

    .ap-blowfish {
      background-position: -240px -760px
    }

    .ap-turtle {
      background-position: -240px -780px
    }

    .ap-hatching_chick {
      background-position: -240px -800px
    }

    .ap-baby_chick {
      background-position: -260px 0
    }

    .ap-hatched_chick {
      background-position: -260px -20px
    }

    .ap-bird {
      background-position: -260px -40px
    }

    .ap-penguin {
      background-position: -260px -60px
    }

    .ap-koala {
      background-position: -260px -80px
    }

    .ap-poodle {
      background-position: -260px -100px
    }

    .ap-dromedary_camel {
      background-position: -260px -120px
    }

    .ap-camel {
      background-position: -260px -140px
    }

    .ap-dolphin {
      background-position: -260px -160px
    }

    .ap-mouse {
      background-position: -260px -180px
    }

    .ap-cow {
      background-position: -260px -200px
    }

    .ap-tiger {
      background-position: -260px -220px
    }

    .ap-rabbit {
      background-position: -260px -240px
    }

    .ap-cat {
      background-position: -260px -260px
    }

    .ap-dragon_face {
      background-position: -260px -280px
    }

    .ap-whale {
      background-position: -260px -300px
    }

    .ap-horse {
      background-position: -260px -320px
    }

    .ap-monkey_face {
      background-position: -260px -340px
    }

    .ap-dog {
      background-position: -260px -360px
    }

    .ap-pig {
      background-position: -260px -380px
    }

    .ap-frog {
      background-position: -260px -400px
    }

    .ap-hamster {
      background-position: -260px -420px
    }

    .ap-wolf {
      background-position: -260px -440px
    }

    .ap-bear {
      background-position: -260px -460px
    }

    .ap-panda_face {
      background-position: -260px -480px
    }

    .ap-pig_nose {
      background-position: -260px -500px
    }

    .ap-feet {
      background-position: -260px -520px
    }

    .ap-chipmunk {
      background-position: -260px -540px
    }

    .ap-eyes {
      background-position: -260px -560px
    }

    .ap-eye {
      background-position: -260px -580px
    }

    .ap-ear {
      background-position: -260px -600px
    }

    .ap-nose {
      background-position: -260px -720px
    }

    .ap-lips {
      background-position: -280px -20px
    }

    .ap-tongue {
      background-position: -280px -40px
    }

    .ap-point_up_2 {
      background-position: -280px -60px
    }

    .ap-point_down {
      background-position: -280px -180px
    }

    .ap-point_left {
      background-position: -280px -300px
    }

    .ap-point_right {
      background-position: -280px -420px
    }

    .ap-facepunch {
      background-position: -280px -540px
    }

    .ap-wave {
      background-position: -280px -660px
    }

    .ap-ok_hand {
      background-position: -280px -780px
    }

    .ap-thumbsup {
      background-position: -300px -80px
    }

    .ap--1,
    .ap-thumbsdown {
      background-position: -300px -200px
    }

    .ap-clap {
      background-position: -300px -320px
    }

    .ap-open_hands {
      background-position: -300px -440px
    }

    .ap-crown {
      background-position: -300px -560px
    }

    .ap-womans_hat {
      background-position: -300px -580px
    }

    .ap-eyeglasses {
      background-position: -300px -600px
    }

    .ap-necktie {
      background-position: -300px -620px
    }

    .ap-shirt {
      background-position: -300px -640px
    }

    .ap-jeans {
      background-position: -300px -660px
    }

    .ap-dress {
      background-position: -300px -680px
    }

    .ap-kimono {
      background-position: -300px -700px
    }

    .ap-bikini {
      background-position: -300px -720px
    }

    .ap-womans_clothes {
      background-position: -300px -740px
    }

    .ap-purse {
      background-position: -300px -760px
    }

    .ap-handbag {
      background-position: -300px -780px
    }

    .ap-pouch {
      background-position: -300px -800px
    }

    .ap-mans_shoe {
      background-position: -320px 0
    }

    .ap-athletic_shoe {
      background-position: -320px -20px
    }

    .ap-high_heel {
      background-position: -320px -40px
    }

    .ap-sandal {
      background-position: -320px -60px
    }

    .ap-boot {
      background-position: -320px -80px
    }

    .ap-footprints {
      background-position: -320px -100px
    }

    .ap-bust_in_silhouette {
      background-position: -320px -120px
    }

    .ap-busts_in_silhouette {
      background-position: -320px -140px
    }

    .ap-boy {
      background-position: -320px -160px
    }

    .ap-girl {
      background-position: -320px -280px
    }

    .ap-man {
      background-position: -320px -400px
    }

    .ap-woman {
      background-position: -320px -520px
    }

    .ap-family {
      background-position: -320px -640px
    }

    .ap-couple {
      background-position: -320px -660px
    }

    .ap-two_men_holding_hands {
      background-position: -320px -680px
    }

    .ap-two_women_holding_hands {
      background-position: -320px -700px
    }

    .ap-cop {
      background-position: -320px -720px
    }

    .ap-dancers {
      background-position: -340px -20px
    }

    .ap-bride_with_veil {
      background-position: -340px -40px
    }

    .ap-person_with_blond_hair {
      background-position: -340px -160px
    }

    .ap-man_with_gua_pi_mao {
      background-position: -340px -280px
    }

    .ap-man_with_turban {
      background-position: -340px -400px
    }

    .ap-older_man {
      background-position: -340px -520px
    }

    .ap-older_woman {
      background-position: -340px -640px
    }

    .ap-baby {
      background-position: -340px -760px
    }

    .ap-construction_worker {
      background-position: -360px -60px
    }

    .ap-princess {
      background-position: -360px -180px
    }

    .ap-japanese_ogre {
      background-position: -360px -300px
    }

    .ap-japanese_goblin {
      background-position: -360px -320px
    }

    .ap-ghost {
      background-position: -360px -340px
    }

    .ap-angel {
      background-position: -360px -360px
    }

    .ap-alien {
      background-position: -360px -480px
    }

    .ap-space_invader {
      background-position: -360px -500px
    }

    .ap-imp {
      background-position: -360px -520px
    }

    .ap-skull {
      background-position: -360px -540px
    }

    .ap-information_desk_person {
      background-position: -360px -560px
    }

    .ap-guardsman {
      background-position: -360px -680px
    }

    .ap-dancer {
      background-position: -360px -800px
    }

    .ap-lipstick {
      background-position: -380px -100px
    }

    .ap-nail_care {
      background-position: -380px -120px
    }

    .ap-massage {
      background-position: -380px -240px
    }

    .ap-haircut {
      background-position: -380px -360px
    }

    .ap-barber {
      background-position: -380px -480px
    }

    .ap-syringe {
      background-position: -380px -500px
    }

    .ap-pill {
      background-position: -380px -520px
    }

    .ap-kiss {
      background-position: -380px -540px
    }

    .ap-love_letter {
      background-position: -380px -560px
    }

    .ap-ring {
      background-position: -380px -580px
    }

    .ap-gem {
      background-position: -380px -600px
    }

    .ap-couplekiss {
      background-position: -380px -620px
    }

    .ap-bouquet {
      background-position: -380px -640px
    }

    .ap-couple_with_heart {
      background-position: -380px -660px
    }

    .ap-wedding {
      background-position: -380px -680px
    }

    .ap-heartbeat {
      background-position: -380px -700px
    }

    .ap-broken_heart {
      background-position: -380px -720px
    }

    .ap-two_hearts {
      background-position: -380px -740px
    }

    .ap-sparkling_heart {
      background-position: -380px -760px
    }

    .ap-heartpulse {
      background-position: -380px -780px
    }

    .ap-cupid {
      background-position: -380px -800px
    }

    .ap-blue_heart {
      background-position: -400px 0
    }

    .ap-green_heart {
      background-position: -400px -20px
    }

    .ap-yellow_heart {
      background-position: -400px -40px
    }

    .ap-purple_heart {
      background-position: -400px -60px
    }

    .ap-gift_heart {
      background-position: -400px -80px
    }

    .ap-revolving_hearts {
      background-position: -400px -100px
    }

    .ap-heart_decoration {
      background-position: -400px -120px
    }

    .ap-diamond_shape_with_a_dot_inside {
      background-position: -400px -140px
    }

    .ap-bulb {
      background-position: -400px -160px
    }

    .ap-anger {
      background-position: -400px -180px
    }

    .ap-bomb {
      background-position: -400px -200px
    }

    .ap-zzz {
      background-position: -400px -220px
    }

    .ap-boom {
      background-position: -400px -240px
    }

    .ap-sweat_drops {
      background-position: -400px -260px
    }

    .ap-droplet {
      background-position: -400px -280px
    }

    .ap-dash {
      background-position: -400px -300px
    }

    .ap-hankey {
      background-position: -400px -320px
    }

    .ap-muscle {
      background-position: -400px -340px
    }

    .ap-dizzy {
      background-position: -400px -460px
    }

    .ap-speech_balloon {
      background-position: -400px -480px
    }

    .ap-thought_balloon {
      background-position: -400px -500px
    }

    .ap-white_flower {
      background-position: -400px -520px
    }

    .ap-100 {
      background-position: -400px -540px
    }

    .ap-moneybag {
      background-position: -400px -560px
    }

    .ap-currency_exchange {
      background-position: -400px -580px
    }

    .ap-heavy_dollar_sign {
      background-position: -400px -600px
    }

    .ap-credit_card {
      background-position: -400px -620px
    }

    .ap-yen {
      background-position: -400px -640px
    }

    .ap-dollar {
      background-position: -400px -660px
    }

    .ap-euro {
      background-position: -400px -680px
    }

    .ap-pound {
      background-position: -400px -700px
    }

    .ap-money_with_wings {
      background-position: -400px -720px
    }

    .ap-chart {
      background-position: -400px -740px
    }

    .ap-seat {
      background-position: -400px -760px
    }

    .ap-computer {
      background-position: -400px -780px
    }

    .ap-briefcase {
      background-position: -400px -800px
    }

    .ap-minidisc {
      background-position: -420px 0
    }

    .ap-floppy_disk {
      background-position: -420px -20px
    }

    .ap-cd {
      background-position: -420px -40px
    }

    .ap-dvd {
      background-position: -420px -60px
    }

    .ap-file_folder {
      background-position: -420px -80px
    }

    .ap-open_file_folder {
      background-position: -420px -100px
    }

    .ap-page_with_curl {
      background-position: -420px -120px
    }

    .ap-page_facing_up {
      background-position: -420px -140px
    }

    .ap-date {
      background-position: -420px -160px
    }

    .ap-calendar {
      background-position: -420px -180px
    }

    .ap-card_index {
      background-position: -420px -200px
    }

    .ap-chart_with_upwards_trend {
      background-position: -420px -220px
    }

    .ap-chart_with_downwards_trend {
      background-position: -420px -240px
    }

    .ap-bar_chart {
      background-position: -420px -260px
    }

    .ap-clipboard {
      background-position: -420px -280px
    }

    .ap-pushpin {
      background-position: -420px -300px
    }

    .ap-round_pushpin {
      background-position: -420px -320px
    }

    .ap-paperclip {
      background-position: -420px -340px
    }

    .ap-straight_ruler {
      background-position: -420px -360px
    }

    .ap-triangular_ruler {
      background-position: -420px -380px
    }

    .ap-bookmark_tabs {
      background-position: -420px -400px
    }

    .ap-ledger {
      background-position: -420px -420px
    }

    .ap-notebook {
      background-position: -420px -440px
    }

    .ap-notebook_with_decorative_cover {
      background-position: -420px -460px
    }

    .ap-closed_book {
      background-position: -420px -480px
    }

    .ap-book {
      background-position: -420px -500px
    }

    .ap-green_book {
      background-position: -420px -520px
    }

    .ap-blue_book {
      background-position: -420px -540px
    }

    .ap-orange_book {
      background-position: -420px -560px
    }

    .ap-books {
      background-position: -420px -580px
    }

    .ap-name_badge {
      background-position: -420px -600px
    }

    .ap-scroll {
      background-position: -420px -620px
    }

    .ap-memo {
      background-position: -420px -640px
    }

    .ap-telephone_receiver {
      background-position: -420px -660px
    }

    .ap-pager {
      background-position: -420px -680px
    }

    .ap-fax {
      background-position: -420px -700px
    }

    .ap-satellite_antenna {
      background-position: -420px -720px
    }

    .ap-loudspeaker {
      background-position: -420px -740px
    }

    .ap-mega {
      background-position: -420px -760px
    }

    .ap-outbox_tray {
      background-position: -420px -780px
    }

    .ap-inbox_tray {
      background-position: -420px -800px
    }

    .ap-package {
      background-position: -440px 0
    }

    .ap-e-mail {
      background-position: -440px -20px
    }

    .ap-incoming_envelope {
      background-position: -440px -40px
    }

    .ap-envelope_with_arrow {
      background-position: -440px -60px
    }

    .ap-mailbox_closed {
      background-position: -440px -80px
    }

    .ap-mailbox {
      background-position: -440px -100px
    }

    .ap-mailbox_with_mail {
      background-position: -440px -120px
    }

    .ap-mailbox_with_no_mail {
      background-position: -440px -140px
    }

    .ap-postbox {
      background-position: -440px -160px
    }

    .ap-postal_horn {
      background-position: -440px -180px
    }

    .ap-newspaper {
      background-position: -440px -200px
    }

    .ap-iphone {
      background-position: -440px -220px
    }

    .ap-calling {
      background-position: -440px -240px
    }

    .ap-vibration_mode {
      background-position: -440px -260px
    }

    .ap-mobile_phone_off {
      background-position: -440px -280px
    }

    .ap-no_mobile_phones {
      background-position: -440px -300px
    }

    .ap-signal_strength {
      background-position: -440px -320px
    }

    .ap-camera {
      background-position: -440px -340px
    }

    .ap-camera_with_flash {
      background-position: -440px -360px
    }

    .ap-video_camera {
      background-position: -440px -380px
    }

    .ap-tv {
      background-position: -440px -400px
    }

    .ap-radio {
      background-position: -440px -420px
    }

    .ap-vhs {
      background-position: -440px -440px
    }

    .ap-film_projector {
      background-position: -440px -460px
    }

    .ap-prayer_beads {
      background-position: -440px -480px
    }

    .ap-twisted_rightwards_arrows {
      background-position: -440px -500px
    }

    .ap-repeat {
      background-position: -440px -520px
    }

    .ap-repeat_one {
      background-position: -440px -540px
    }

    .ap-arrows_clockwise {
      background-position: -440px -560px
    }

    .ap-arrows_counterclockwise {
      background-position: -440px -580px
    }

    .ap-low_brightness {
      background-position: -440px -600px
    }

    .ap-high_brightness {
      background-position: -440px -620px
    }

    .ap-mute {
      background-position: -440px -640px
    }

    .ap-speaker {
      background-position: -440px -660px
    }

    .ap-sound {
      background-position: -440px -680px
    }

    .ap-loud_sound {
      background-position: -440px -700px
    }

    .ap-battery {
      background-position: -440px -720px
    }

    .ap-electric_plug {
      background-position: -440px -740px
    }

    .ap-mag {
      background-position: -440px -760px
    }

    .ap-mag_right {
      background-position: -440px -780px
    }

    .ap-lock_with_ink_pen {
      background-position: -440px -800px
    }

    .ap-closed_lock_with_key {
      background-position: -460px 0
    }

    .ap-key {
      background-position: -460px -20px
    }

    .ap-lock {
      background-position: -460px -40px
    }

    .ap-unlock {
      background-position: -460px -60px
    }

    .ap-bell {
      background-position: -460px -80px
    }

    .ap-no_bell {
      background-position: -460px -100px
    }

    .ap-bookmark {
      background-position: -460px -120px
    }

    .ap-link {
      background-position: -460px -140px
    }

    .ap-radio_button {
      background-position: -460px -160px
    }

    .ap-back {
      background-position: -460px -180px
    }

    .ap-end {
      background-position: -460px -200px
    }

    .ap-on {
      background-position: -460px -220px
    }

    .ap-soon {
      background-position: -460px -240px
    }

    .ap-top {
      background-position: -460px -260px
    }

    .ap-underage {
      background-position: -460px -280px
    }

    .ap-keycap_ten {
      background-position: -460px -300px
    }

    .ap-capital_abcd {
      background-position: -460px -320px
    }

    .ap-abcd {
      background-position: -460px -340px
    }

    .ap-1234 {
      background-position: -460px -360px
    }

    .ap-symbols {
      background-position: -460px -380px
    }

    .ap-abc {
      background-position: -460px -400px
    }

    .ap-fire {
      background-position: -460px -420px
    }

    .ap-flashlight {
      background-position: -460px -440px
    }

    .ap-wrench {
      background-position: -460px -460px
    }

    .ap-hammer {
      background-position: -460px -480px
    }

    .ap-nut_and_bolt {
      background-position: -460px -500px
    }

    .ap-hocho {
      background-position: -460px -520px
    }

    .ap-gun {
      background-position: -460px -540px
    }

    .ap-microscope {
      background-position: -460px -560px
    }

    .ap-telescope {
      background-position: -460px -580px
    }

    .ap-crystal_ball {
      background-position: -460px -600px
    }

    .ap-six_pointed_star {
      background-position: -460px -620px
    }

    .ap-beginner {
      background-position: -460px -640px
    }

    .ap-trident {
      background-position: -460px -660px
    }

    .ap-black_square_button {
      background-position: -460px -680px
    }

    .ap-white_square_button {
      background-position: -460px -700px
    }

    .ap-red_circle {
      background-position: -460px -720px
    }

    .ap-large_blue_circle {
      background-position: -460px -740px
    }

    .ap-large_orange_diamond {
      background-position: -460px -760px
    }

    .ap-large_blue_diamond {
      background-position: -460px -780px
    }

    .ap-small_orange_diamond {
      background-position: -460px -800px
    }

    .ap-small_blue_diamond {
      background-position: -480px 0
    }

    .ap-small_red_triangle {
      background-position: -480px -20px
    }

    .ap-small_red_triangle_down {
      background-position: -480px -40px
    }

    .ap-arrow_up_small {
      background-position: -480px -60px
    }

    .ap-arrow_down_small {
      background-position: -480px -80px
    }

    .ap-om_symbol {
      background-position: -480px -100px
    }

    .ap-dove_of_peace {
      background-position: -480px -120px
    }

    .ap-kaaba {
      background-position: -480px -140px
    }

    .ap-mosque {
      background-position: -480px -160px
    }

    .ap-synagogue {
      background-position: -480px -180px
    }

    .ap-menorah_with_nine_branches {
      background-position: -480px -200px
    }

    .ap-clock1 {
      background-position: -480px -220px
    }

    .ap-clock2 {
      background-position: -480px -240px
    }

    .ap-clock3 {
      background-position: -480px -260px
    }

    .ap-clock4 {
      background-position: -480px -280px
    }

    .ap-clock5 {
      background-position: -480px -300px
    }

    .ap-clock6 {
      background-position: -480px -320px
    }

    .ap-clock7 {
      background-position: -480px -340px
    }

    .ap-clock8 {
      background-position: -480px -360px
    }

    .ap-clock9 {
      background-position: -480px -380px
    }

    .ap-clock10 {
      background-position: -480px -400px
    }

    .ap-clock11 {
      background-position: -480px -420px
    }

    .ap-clock12 {
      background-position: -480px -440px
    }

    .ap-clock130 {
      background-position: -480px -460px
    }

    .ap-clock230 {
      background-position: -480px -480px
    }

    .ap-clock330 {
      background-position: -480px -500px
    }

    .ap-clock430 {
      background-position: -480px -520px
    }

    .ap-clock530 {
      background-position: -480px -540px
    }

    .ap-clock630 {
      background-position: -480px -560px
    }

    .ap-clock730 {
      background-position: -480px -580px
    }

    .ap-clock830 {
      background-position: -480px -600px
    }

    .ap-clock930 {
      background-position: -480px -620px
    }

    .ap-clock1030 {
      background-position: -480px -640px
    }

    .ap-clock1130 {
      background-position: -480px -660px
    }

    .ap-clock1230 {
      background-position: -480px -680px
    }

    .ap-candle {
      background-position: -480px -700px
    }

    .ap-mantelpiece_clock {
      background-position: -480px -720px
    }

    .ap-hole {
      background-position: -480px -740px
    }

    .ap-man_in_business_suit_levitating {
      background-position: -480px -760px
    }

    .ap-sleuth_or_spy {
      background-position: -480px -780px
    }

    .ap-dark_sunglasses {
      background-position: -500px -80px
    }

    .ap-spider {
      background-position: -500px -100px
    }

    .ap-spider_web {
      background-position: -500px -120px
    }

    .ap-joystick {
      background-position: -500px -140px
    }

    .ap-linked_paperclips {
      background-position: -500px -160px
    }

    .ap-lower_left_ballpoint_pen {
      background-position: -500px -180px
    }

    .ap-lower_left_fountain_pen {
      background-position: -500px -200px
    }

    .ap-lower_left_paintbrush {
      background-position: -500px -220px
    }

    .ap-lower_left_crayon {
      background-position: -500px -240px
    }

    .ap-raised_hand_with_fingers_splayed {
      background-position: -500px -260px
    }

    .ap-middle_finger {
      background-position: -500px -380px
    }

    .ap-spock-hand {
      background-position: -500px -500px
    }

    .ap-desktop_computer {
      background-position: -500px -620px
    }

    .ap-printer {
      background-position: -500px -640px
    }

    .ap-three_button_mouse {
      background-position: -500px -660px
    }

    .ap-trackball {
      background-position: -500px -680px
    }

    .ap-frame_with_picture {
      background-position: -500px -700px
    }

    .ap-card_index_dividers {
      background-position: -500px -720px
    }

    .ap-card_file_box {
      background-position: -500px -740px
    }

    .ap-file_cabinet {
      background-position: -500px -760px
    }

    .ap-wastebasket {
      background-position: -500px -780px
    }

    .ap-spiral_note_pad {
      background-position: -500px -800px
    }

    .ap-spiral_calendar_pad {
      background-position: -520px 0
    }

    .ap-compression {
      background-position: -520px -20px
    }

    .ap-old_key {
      background-position: -520px -40px
    }

    .ap-rolled_up_newspaper {
      background-position: -520px -60px
    }

    .ap-dagger_knife {
      background-position: -520px -80px
    }

    .ap-speaking_head_in_silhouette {
      background-position: -520px -100px
    }

    .ap-left_speech_bubble {
      background-position: -520px -120px
    }

    .ap-right_anger_bubble {
      background-position: -520px -140px
    }

    .ap-ballot_box_with_ballot {
      background-position: -520px -160px
    }

    .ap-world_map {
      background-position: -520px -180px
    }

    .ap-mount_fuji {
      background-position: -520px -200px
    }

    .ap-tokyo_tower {
      background-position: -520px -220px
    }

    .ap-statue_of_liberty {
      background-position: -520px -240px
    }

    .ap-japan {
      background-position: -520px -260px
    }

    .ap-moyai {
      background-position: -520px -280px
    }

    .ap-grinning {
      background-position: -520px -300px
    }

    .ap-grin {
      background-position: -520px -320px
    }

    .ap-joy {
      background-position: -520px -340px
    }

    .ap-smiley {
      background-position: -520px -360px
    }

    .ap-smile {
      background-position: -520px -380px
    }

    .ap-sweat_smile {
      background-position: -520px -400px
    }

    .ap-laughing {
      background-position: -520px -420px
    }

    .ap-innocent {
      background-position: -520px -440px
    }

    .ap-smiling_imp {
      background-position: -520px -460px
    }

    .ap-wink {
      background-position: -520px -480px
    }

    .ap-blush {
      background-position: -520px -500px
    }

    .ap-yum {
      background-position: -520px -520px
    }

    .ap-relieved {
      background-position: -520px -540px
    }

    .ap-heart_eyes {
      background-position: -520px -560px
    }

    .ap-sunglasses {
      background-position: -520px -580px
    }

    .ap-smirk {
      background-position: -520px -600px
    }

    .ap-neutral_face {
      background-position: -520px -620px
    }

    .ap-expressionless {
      background-position: -520px -640px
    }

    .ap-unamused {
      background-position: -520px -660px
    }

    .ap-sweat {
      background-position: -520px -680px
    }

    .ap-pensive {
      background-position: -520px -700px
    }

    .ap-confused {
      background-position: -520px -720px
    }

    .ap-confounded {
      background-position: -520px -740px
    }

    .ap-kissing {
      background-position: -520px -760px
    }

    .ap-kissing_heart {
      background-position: -520px -780px
    }

    .ap-kissing_smiling_eyes {
      background-position: -520px -800px
    }

    .ap-kissing_closed_eyes {
      background-position: -540px 0
    }

    .ap-stuck_out_tongue {
      background-position: -540px -20px
    }

    .ap-stuck_out_tongue_winking_eye {
      background-position: -540px -40px
    }

    .ap-stuck_out_tongue_closed_eyes {
      background-position: -540px -60px
    }

    .ap-disappointed {
      background-position: -540px -80px
    }

    .ap-worried {
      background-position: -540px -100px
    }

    .ap-angry {
      background-position: -540px -120px
    }

    .ap-rage {
      background-position: -540px -140px
    }

    .ap-cry {
      background-position: -540px -160px
    }

    .ap-persevere {
      background-position: -540px -180px
    }

    .ap-triumph {
      background-position: -540px -200px
    }

    .ap-disappointed_relieved {
      background-position: -540px -220px
    }

    .ap-frowning {
      background-position: -540px -240px
    }

    .ap-anguished {
      background-position: -540px -260px
    }

    .ap-fearful {
      background-position: -540px -280px
    }

    .ap-weary {
      background-position: -540px -300px
    }

    .ap-sleepy {
      background-position: -540px -320px
    }

    .ap-tired_face {
      background-position: -540px -340px
    }

    .ap-grimacing {
      background-position: -540px -360px
    }

    .ap-sob {
      background-position: -540px -380px
    }

    .ap-open_mouth {
      background-position: -540px -400px
    }

    .ap-hushed {
      background-position: -540px -420px
    }

    .ap-cold_sweat {
      background-position: -540px -440px
    }

    .ap-scream {
      background-position: -540px -460px
    }

    .ap-astonished {
      background-position: -540px -480px
    }

    .ap-flushed {
      background-position: -540px -500px
    }

    .ap-sleeping {
      background-position: -540px -520px
    }

    .ap-dizzy_face {
      background-position: -540px -540px
    }

    .ap-no_mouth {
      background-position: -540px -560px
    }

    .ap-mask {
      background-position: -540px -580px
    }

    .ap-smile_cat {
      background-position: -540px -600px
    }

    .ap-joy_cat {
      background-position: -540px -620px
    }

    .ap-smiley_cat {
      background-position: -540px -640px
    }

    .ap-heart_eyes_cat {
      background-position: -540px -660px
    }

    .ap-smirk_cat {
      background-position: -540px -680px
    }

    .ap-kissing_cat {
      background-position: -540px -700px
    }

    .ap-pouting_cat {
      background-position: -540px -720px
    }

    .ap-crying_cat_face {
      background-position: -540px -740px
    }

    .ap-scream_cat {
      background-position: -540px -760px
    }

    .ap-slightly_frowning_face {
      background-position: -540px -780px
    }

    .ap-slightly_smiling_face {
      background-position: -540px -800px
    }

    .ap-upside_down_face {
      background-position: -560px 0
    }

    .ap-face_with_rolling_eyes {
      background-position: -560px -20px
    }

    .ap-no_good {
      background-position: -560px -40px
    }

    .ap-ok_woman {
      background-position: -560px -160px
    }

    .ap-bow {
      background-position: -560px -280px
    }

    .ap-see_no_evil {
      background-position: -560px -400px
    }

    .ap-hear_no_evil {
      background-position: -560px -420px
    }

    .ap-speak_no_evil {
      background-position: -560px -440px
    }

    .ap-raising_hand {
      background-position: -560px -460px
    }

    .ap-raised_hands {
      background-position: -560px -580px
    }

    .ap-person_frowning {
      background-position: -560px -700px
    }

    .ap-person_with_pouting_face {
      background-position: -580px 0
    }

    .ap-pray {
      background-position: -580px -120px
    }

    .ap-rocket {
      background-position: -580px -240px
    }

    .ap-helicopter {
      background-position: -580px -260px
    }

    .ap-steam_locomotive {
      background-position: -580px -280px
    }

    .ap-railway_car {
      background-position: -580px -300px
    }

    .ap-bullettrain_side {
      background-position: -580px -320px
    }

    .ap-bullettrain_front {
      background-position: -580px -340px
    }

    .ap-train2 {
      background-position: -580px -360px
    }

    .ap-metro {
      background-position: -580px -380px
    }

    .ap-light_rail {
      background-position: -580px -400px
    }

    .ap-station {
      background-position: -580px -420px
    }

    .ap-tram {
      background-position: -580px -440px
    }

    .ap-train {
      background-position: -580px -460px
    }

    .ap-bus {
      background-position: -580px -480px
    }

    .ap-oncoming_bus {
      background-position: -580px -500px
    }

    .ap-trolleybus {
      background-position: -580px -520px
    }

    .ap-busstop {
      background-position: -580px -540px
    }

    .ap-minibus {
      background-position: -580px -560px
    }

    .ap-ambulance {
      background-position: -580px -580px
    }

    .ap-fire_engine {
      background-position: -580px -600px
    }

    .ap-police_car {
      background-position: -580px -620px
    }

    .ap-oncoming_police_car {
      background-position: -580px -640px
    }

    .ap-taxi {
      background-position: -580px -660px
    }

    .ap-oncoming_taxi {
      background-position: -580px -680px
    }

    .ap-car {
      background-position: -580px -700px
    }

    .ap-oncoming_automobile {
      background-position: -580px -720px
    }

    .ap-blue_car {
      background-position: -580px -740px
    }

    .ap-truck {
      background-position: -580px -760px
    }

    .ap-articulated_lorry {
      background-position: -580px -780px
    }

    .ap-tractor {
      background-position: -580px -800px
    }

    .ap-monorail {
      background-position: -600px 0
    }

    .ap-mountain_railway {
      background-position: -600px -20px
    }

    .ap-suspension_railway {
      background-position: -600px -40px
    }

    .ap-mountain_cableway {
      background-position: -600px -60px
    }

    .ap-aerial_tramway {
      background-position: -600px -80px
    }

    .ap-ship {
      background-position: -600px -100px
    }

    .ap-rowboat {
      background-position: -600px -120px
    }

    .ap-speedboat {
      background-position: -600px -240px
    }

    .ap-traffic_light {
      background-position: -600px -260px
    }

    .ap-vertical_traffic_light {
      background-position: -600px -280px
    }

    .ap-construction {
      background-position: -600px -300px
    }

    .ap-rotating_light {
      background-position: -600px -320px
    }

    .ap-triangular_flag_on_post {
      background-position: -600px -340px
    }

    .ap-door {
      background-position: -600px -360px
    }

    .ap-no_entry_sign {
      background-position: -600px -380px
    }

    .ap-smoking {
      background-position: -600px -400px
    }

    .ap-no_smoking {
      background-position: -600px -420px
    }

    .ap-put_litter_in_its_place {
      background-position: -600px -440px
    }

    .ap-do_not_litter {
      background-position: -600px -460px
    }

    .ap-potable_water {
      background-position: -600px -480px
    }

    .ap-non-potable_water {
      background-position: -600px -500px
    }

    .ap-bike {
      background-position: -600px -520px
    }

    .ap-no_bicycles {
      background-position: -600px -540px
    }

    .ap-bicyclist {
      background-position: -600px -560px
    }

    .ap-mountain_bicyclist {
      background-position: -600px -680px
    }

    .ap-walking {
      background-position: -600px -800px
    }

    .ap-no_pedestrians {
      background-position: -620px -100px
    }

    .ap-children_crossing {
      background-position: -620px -120px
    }

    .ap-mens {
      background-position: -620px -140px
    }

    .ap-womens {
      background-position: -620px -160px
    }

    .ap-restroom {
      background-position: -620px -180px
    }

    .ap-baby_symbol {
      background-position: -620px -200px
    }

    .ap-toilet {
      background-position: -620px -220px
    }

    .ap-wc {
      background-position: -620px -240px
    }

    .ap-shower {
      background-position: -620px -260px
    }

    .ap-bath {
      background-position: -620px -280px
    }

    .ap-bathtub {
      background-position: -620px -400px
    }

    .ap-passport_control {
      background-position: -620px -420px
    }

    .ap-customs {
      background-position: -620px -440px
    }

    .ap-baggage_claim {
      background-position: -620px -460px
    }

    .ap-left_luggage {
      background-position: -620px -480px
    }

    .ap-couch_and_lamp {
      background-position: -620px -500px
    }

    .ap-sleeping_accommodation {
      background-position: -620px -520px
    }

    .ap-shopping_bags {
      background-position: -620px -540px
    }

    .ap-bellhop_bell {
      background-position: -620px -560px
    }

    .ap-bed {
      background-position: -620px -580px
    }

    .ap-place_of_worship {
      background-position: -620px -600px
    }

    .ap-hammer_and_wrench {
      background-position: -620px -620px
    }

    .ap-shield {
      background-position: -620px -640px
    }

    .ap-oil_drum {
      background-position: -620px -660px
    }

    .ap-motorway {
      background-position: -620px -680px
    }

    .ap-railway_track {
      background-position: -620px -700px
    }

    .ap-motor_boat {
      background-position: -620px -720px
    }

    .ap-small_airplane {
      background-position: -620px -740px
    }

    .ap-airplane_departure {
      background-position: -620px -760px
    }

    .ap-airplane_arriving {
      background-position: -620px -780px
    }

    .ap-satellite {
      background-position: -620px -800px
    }

    .ap-passenger_ship {
      background-position: -640px 0
    }

    .ap-zipper_mouth_face {
      background-position: -640px -20px
    }

    .ap-money_mouth_face {
      background-position: -640px -40px
    }

    .ap-face_with_thermometer {
      background-position: -640px -60px
    }

    .ap-nerd_face {
      background-position: -640px -80px
    }

    .ap-thinking_face {
      background-position: -640px -100px
    }

    .ap-face_with_head_bandage {
      background-position: -640px -120px
    }

    .ap-robot_face {
      background-position: -640px -140px
    }

    .ap-hugging_face {
      background-position: -640px -160px
    }

    .ap-the_horns {
      background-position: -640px -180px
    }

    .ap-crab {
      background-position: -640px -300px
    }

    .ap-lion_face {
      background-position: -640px -320px
    }

    .ap-scorpion {
      background-position: -640px -340px
    }

    .ap-turkey {
      background-position: -640px -360px
    }

    .ap-unicorn_face {
      background-position: -640px -380px
    }

    .ap-cheese_wedge {
      background-position: -640px -400px
    }

    .ap-hash {
      background-position: -640px -420px
    }

    .ap-keycap_star {
      background-position: -640px -440px
    }

    .ap-zero {
      background-position: -640px -460px
    }

    .ap-one {
      background-position: -640px -480px
    }

    .ap-two {
      background-position: -640px -500px
    }

    .ap-three {
      background-position: -640px -520px
    }

    .ap-four {
      background-position: -640px -540px
    }

    .ap-five {
      background-position: -640px -560px
    }

    .ap-six {
      background-position: -640px -580px
    }

    .ap-seven {
      background-position: -640px -600px
    }

    .ap-eight {
      background-position: -640px -620px
    }

    .ap-nine {
      background-position: -640px -640px
    }

    .ap-flag-ac {
      background-position: -640px -660px
    }

    .ap-flag-ad {
      background-position: -640px -680px
    }

    .ap-flag-ae {
      background-position: -640px -700px
    }

    .ap-flag-af {
      background-position: -640px -720px
    }

    .ap-flag-ag {
      background-position: -640px -740px
    }

    .ap-flag-ai {
      background-position: -640px -760px
    }

    .ap-flag-al {
      background-position: -640px -780px
    }

    .ap-flag-am {
      background-position: -640px -800px
    }

    .ap-flag-ao {
      background-position: -660px 0
    }

    .ap-flag-aq {
      background-position: -660px -20px
    }

    .ap-flag-ar {
      background-position: -660px -40px
    }

    .ap-flag-as {
      background-position: -660px -60px
    }

    .ap-flag-at {
      background-position: -660px -80px
    }

    .ap-flag-au {
      background-position: -660px -100px
    }

    .ap-flag-aw {
      background-position: -660px -120px
    }

    .ap-flag-ax {
      background-position: -660px -140px
    }

    .ap-flag-az {
      background-position: -660px -160px
    }

    .ap-flag-ba {
      background-position: -660px -180px
    }

    .ap-flag-bb {
      background-position: -660px -200px
    }

    .ap-flag-bd {
      background-position: -660px -220px
    }

    .ap-flag-be {
      background-position: -660px -240px
    }

    .ap-flag-bf {
      background-position: -660px -260px
    }

    .ap-flag-bg {
      background-position: -660px -280px
    }

    .ap-flag-bh {
      background-position: -660px -300px
    }

    .ap-flag-bi {
      background-position: -660px -320px
    }

    .ap-flag-bj {
      background-position: -660px -340px
    }

    .ap-flag-bl {
      background-position: -660px -360px
    }

    .ap-flag-bm {
      background-position: -660px -380px
    }

    .ap-flag-bn {
      background-position: -660px -400px
    }

    .ap-flag-bo {
      background-position: -660px -420px
    }

    .ap-flag-bq {
      background-position: -660px -440px
    }

    .ap-flag-br {
      background-position: -660px -460px
    }

    .ap-flag-bs {
      background-position: -660px -480px
    }

    .ap-flag-bt {
      background-position: -660px -500px
    }

    .ap-flag-bv {
      background-position: -660px -520px
    }

    .ap-flag-bw {
      background-position: -660px -540px
    }

    .ap-flag-by {
      background-position: -660px -560px
    }

    .ap-flag-bz {
      background-position: -660px -580px
    }

    .ap-flag-ca {
      background-position: -660px -600px
    }

    .ap-flag-cc {
      background-position: -660px -620px
    }

    .ap-flag-cd {
      background-position: -660px -640px
    }

    .ap-flag-cf {
      background-position: -660px -660px
    }

    .ap-flag-cg {
      background-position: -660px -680px
    }

    .ap-flag-ch {
      background-position: -660px -700px
    }

    .ap-flag-ci {
      background-position: -660px -720px
    }

    .ap-flag-ck {
      background-position: -660px -740px
    }

    .ap-flag-cl {
      background-position: -660px -760px
    }

    .ap-flag-cm {
      background-position: -660px -780px
    }

    .ap-flag-cn {
      background-position: -660px -800px
    }

    .ap-flag-co {
      background-position: -680px 0
    }

    .ap-flag-cp {
      background-position: -680px -20px
    }

    .ap-flag-cr {
      background-position: -680px -40px
    }

    .ap-flag-cu {
      background-position: -680px -60px
    }

    .ap-flag-cv {
      background-position: -680px -80px
    }

    .ap-flag-cw {
      background-position: -680px -100px
    }

    .ap-flag-cx {
      background-position: -680px -120px
    }

    .ap-flag-cy {
      background-position: -680px -140px
    }

    .ap-flag-cz {
      background-position: -680px -160px
    }

    .ap-flag-de {
      background-position: -680px -180px
    }

    .ap-flag-dg {
      background-position: -680px -200px
    }

    .ap-flag-dj {
      background-position: -680px -220px
    }

    .ap-flag-dk {
      background-position: -680px -240px
    }

    .ap-flag-dm {
      background-position: -680px -260px
    }

    .ap-flag-do {
      background-position: -680px -280px
    }

    .ap-flag-dz {
      background-position: -680px -300px
    }

    .ap-flag-ea {
      background-position: -680px -320px
    }

    .ap-flag-ec {
      background-position: -680px -340px
    }

    .ap-flag-ee {
      background-position: -680px -360px
    }

    .ap-flag-eg {
      background-position: -680px -380px
    }

    .ap-flag-eh {
      background-position: -680px -400px
    }

    .ap-flag-er {
      background-position: -680px -420px
    }

    .ap-flag-es {
      background-position: -680px -440px
    }

    .ap-flag-et {
      background-position: -680px -460px
    }

    .ap-flag-eu {
      background-position: -680px -480px
    }

    .ap-flag-fi {
      background-position: -680px -500px
    }

    .ap-flag-fj {
      background-position: -680px -520px
    }

    .ap-flag-fk {
      background-position: -680px -540px
    }

    .ap-flag-fm {
      background-position: -680px -560px
    }

    .ap-flag-fo {
      background-position: -680px -580px
    }

    .ap-flag-fr {
      background-position: -680px -600px
    }

    .ap-flag-ga {
      background-position: -680px -620px
    }

    .ap-flag-gb {
      background-position: -680px -640px
    }

    .ap-flag-gd {
      background-position: -680px -660px
    }

    .ap-flag-ge {
      background-position: -680px -680px
    }

    .ap-flag-gf {
      background-position: -680px -700px
    }

    .ap-flag-gg {
      background-position: -680px -720px
    }

    .ap-flag-gh {
      background-position: -680px -740px
    }

    .ap-flag-gi {
      background-position: -680px -760px
    }

    .ap-flag-gl {
      background-position: -680px -780px
    }

    .ap-flag-gm {
      background-position: -680px -800px
    }

    .ap-flag-gn {
      background-position: -700px 0
    }

    .ap-flag-gp {
      background-position: -700px -20px
    }

    .ap-flag-gq {
      background-position: -700px -40px
    }

    .ap-flag-gr {
      background-position: -700px -60px
    }

    .ap-flag-gs {
      background-position: -700px -80px
    }

    .ap-flag-gt {
      background-position: -700px -100px
    }

    .ap-flag-gu {
      background-position: -700px -120px
    }

    .ap-flag-gw {
      background-position: -700px -140px
    }

    .ap-flag-gy {
      background-position: -700px -160px
    }

    .ap-flag-hk {
      background-position: -700px -180px
    }

    .ap-flag-hm {
      background-position: -700px -200px
    }

    .ap-flag-hn {
      background-position: -700px -220px
    }

    .ap-flag-hr {
      background-position: -700px -240px
    }

    .ap-flag-ht {
      background-position: -700px -260px
    }

    .ap-flag-hu {
      background-position: -700px -280px
    }

    .ap-flag-ic {
      background-position: -700px -300px
    }

    .ap-flag-id {
      background-position: -700px -320px
    }

    .ap-flag-ie {
      background-position: -700px -340px
    }

    .ap-flag-il {
      background-position: -700px -360px
    }

    .ap-flag-im {
      background-position: -700px -380px
    }

    .ap-flag-in {
      background-position: -700px -400px
    }

    .ap-flag-io {
      background-position: -700px -420px
    }

    .ap-flag-iq {
      background-position: -700px -440px
    }

    .ap-flag-ir {
      background-position: -700px -460px
    }

    .ap-flag-is {
      background-position: -700px -480px
    }

    .ap-flag-it {
      background-position: -700px -500px
    }

    .ap-flag-je {
      background-position: -700px -520px
    }

    .ap-flag-jm {
      background-position: -700px -540px
    }

    .ap-flag-jo {
      background-position: -700px -560px
    }

    .ap-flag-jp {
      background-position: -700px -580px
    }

    .ap-flag-ke {
      background-position: -700px -600px
    }

    .ap-flag-kg {
      background-position: -700px -620px
    }

    .ap-flag-kh {
      background-position: -700px -640px
    }

    .ap-flag-ki {
      background-position: -700px -660px
    }

    .ap-flag-km {
      background-position: -700px -680px
    }

    .ap-flag-kn {
      background-position: -700px -700px
    }

    .ap-flag-kp {
      background-position: -700px -720px
    }

    .ap-flag-kr {
      background-position: -700px -740px
    }

    .ap-flag-kw {
      background-position: -700px -760px
    }

    .ap-flag-ky {
      background-position: -700px -780px
    }

    .ap-flag-kz {
      background-position: -700px -800px
    }

    .ap-flag-la {
      background-position: -720px 0
    }

    .ap-flag-lb {
      background-position: -720px -20px
    }

    .ap-flag-lc {
      background-position: -720px -40px
    }

    .ap-flag-li {
      background-position: -720px -60px
    }

    .ap-flag-lk {
      background-position: -720px -80px
    }

    .ap-flag-lr {
      background-position: -720px -100px
    }

    .ap-flag-ls {
      background-position: -720px -120px
    }

    .ap-flag-lt {
      background-position: -720px -140px
    }

    .ap-flag-lu {
      background-position: -720px -160px
    }

    .ap-flag-lv {
      background-position: -720px -180px
    }

    .ap-flag-ly {
      background-position: -720px -200px
    }

    .ap-flag-ma {
      background-position: -720px -220px
    }

    .ap-flag-mc {
      background-position: -720px -240px
    }

    .ap-flag-md {
      background-position: -720px -260px
    }

    .ap-flag-me {
      background-position: -720px -280px
    }

    .ap-flag-mf {
      background-position: -720px -300px
    }

    .ap-flag-mg {
      background-position: -720px -320px
    }

    .ap-flag-mh {
      background-position: -720px -340px
    }

    .ap-flag-mk {
      background-position: -720px -360px
    }

    .ap-flag-ml {
      background-position: -720px -380px
    }

    .ap-flag-mm {
      background-position: -720px -400px
    }

    .ap-flag-mn {
      background-position: -720px -420px
    }

    .ap-flag-mo {
      background-position: -720px -440px
    }

    .ap-flag-mp {
      background-position: -720px -460px
    }

    .ap-flag-mq {
      background-position: -720px -480px
    }

    .ap-flag-mr {
      background-position: -720px -500px
    }

    .ap-flag-ms {
      background-position: -720px -520px
    }

    .ap-flag-mt {
      background-position: -720px -540px
    }

    .ap-flag-mu {
      background-position: -720px -560px
    }

    .ap-flag-mv {
      background-position: -720px -580px
    }

    .ap-flag-mw {
      background-position: -720px -600px
    }

    .ap-flag-mx {
      background-position: -720px -620px
    }

    .ap-flag-my {
      background-position: -720px -640px
    }

    .ap-flag-mz {
      background-position: -720px -660px
    }

    .ap-flag-na {
      background-position: -720px -680px
    }

    .ap-flag-nc {
      background-position: -720px -700px
    }

    .ap-flag-ne {
      background-position: -720px -720px
    }

    .ap-flag-nf {
      background-position: -720px -740px
    }

    .ap-flag-ng {
      background-position: -720px -760px
    }

    .ap-flag-ni {
      background-position: -720px -780px
    }

    .ap-flag-nl {
      background-position: -720px -800px
    }

    .ap-flag-no {
      background-position: -740px 0
    }

    .ap-flag-np {
      background-position: -740px -20px
    }

    .ap-flag-nr {
      background-position: -740px -40px
    }

    .ap-flag-nu {
      background-position: -740px -60px
    }

    .ap-flag-nz {
      background-position: -740px -80px
    }

    .ap-flag-om {
      background-position: -740px -100px
    }

    .ap-flag-pa {
      background-position: -740px -120px
    }

    .ap-flag-pe {
      background-position: -740px -140px
    }

    .ap-flag-pf {
      background-position: -740px -160px
    }

    .ap-flag-pg {
      background-position: -740px -180px
    }

    .ap-flag-ph {
      background-position: -740px -200px
    }

    .ap-flag-pk {
      background-position: -740px -220px
    }

    .ap-flag-pl {
      background-position: -740px -240px
    }

    .ap-flag-pm {
      background-position: -740px -260px
    }

    .ap-flag-pn {
      background-position: -740px -280px
    }

    .ap-flag-pr {
      background-position: -740px -300px
    }

    .ap-flag-ps {
      background-position: -740px -320px
    }

    .ap-flag-pt {
      background-position: -740px -340px
    }

    .ap-flag-pw {
      background-position: -740px -360px
    }

    .ap-flag-py {
      background-position: -740px -380px
    }

    .ap-flag-qa {
      background-position: -740px -400px
    }

    .ap-flag-re {
      background-position: -740px -420px
    }

    .ap-flag-ro {
      background-position: -740px -440px
    }

    .ap-flag-rs {
      background-position: -740px -460px
    }

    .ap-flag-ru {
      background-position: -740px -480px
    }

    .ap-flag-rw {
      background-position: -740px -500px
    }

    .ap-flag-sa {
      background-position: -740px -520px
    }

    .ap-flag-sb {
      background-position: -740px -540px
    }

    .ap-flag-sc {
      background-position: -740px -560px
    }

    .ap-flag-sd {
      background-position: -740px -580px
    }

    .ap-flag-se {
      background-position: -740px -600px
    }

    .ap-flag-sg {
      background-position: -740px -620px
    }

    .ap-flag-sh {
      background-position: -740px -640px
    }

    .ap-flag-si {
      background-position: -740px -660px
    }

    .ap-flag-sj {
      background-position: -740px -680px
    }

    .ap-flag-sk {
      background-position: -740px -700px
    }

    .ap-flag-sl {
      background-position: -740px -720px
    }

    .ap-flag-sm {
      background-position: -740px -740px
    }

    .ap-flag-sn {
      background-position: -740px -760px
    }

    .ap-flag-so {
      background-position: -740px -780px
    }

    .ap-flag-sr {
      background-position: -740px -800px
    }

    .ap-flag-ss {
      background-position: -760px 0
    }

    .ap-flag-st {
      background-position: -760px -20px
    }

    .ap-flag-sv {
      background-position: -760px -40px
    }

    .ap-flag-sx {
      background-position: -760px -60px
    }

    .ap-flag-sy {
      background-position: -760px -80px
    }

    .ap-flag-sz {
      background-position: -760px -100px
    }

    .ap-flag-ta {
      background-position: -760px -120px
    }

    .ap-flag-tc {
      background-position: -760px -140px
    }

    .ap-flag-td {
      background-position: -760px -160px
    }

    .ap-flag-tf {
      background-position: -760px -180px
    }

    .ap-flag-tg {
      background-position: -760px -200px
    }

    .ap-flag-th {
      background-position: -760px -220px
    }

    .ap-flag-tj {
      background-position: -760px -240px
    }

    .ap-flag-tk {
      background-position: -760px -260px
    }

    .ap-flag-tl {
      background-position: -760px -280px
    }

    .ap-flag-tm {
      background-position: -760px -300px
    }

    .ap-flag-tn {
      background-position: -760px -320px
    }

    .ap-flag-to {
      background-position: -760px -340px
    }

    .ap-flag-tr {
      background-position: -760px -360px
    }

    .ap-flag-tt {
      background-position: -760px -380px
    }

    .ap-flag-tv {
      background-position: -760px -400px
    }

    .ap-flag-tw {
      background-position: -760px -420px
    }

    .ap-flag-tz {
      background-position: -760px -440px
    }

    .ap-flag-ua {
      background-position: -760px -460px
    }

    .ap-flag-ug {
      background-position: -760px -480px
    }

    .ap-flag-um {
      background-position: -760px -500px
    }

    .ap-flag-us {
      background-position: -760px -520px
    }

    .ap-flag-uy {
      background-position: -760px -540px
    }

    .ap-flag-uz {
      background-position: -760px -560px
    }

    .ap-flag-va {
      background-position: -760px -580px
    }

    .ap-flag-vc {
      background-position: -760px -600px
    }

    .ap-flag-ve {
      background-position: -760px -620px
    }

    .ap-flag-vg {
      background-position: -760px -640px
    }

    .ap-flag-vi {
      background-position: -760px -660px
    }

    .ap-flag-vn {
      background-position: -760px -680px
    }

    .ap-flag-vu {
      background-position: -760px -700px
    }

    .ap-flag-wf {
      background-position: -760px -720px
    }

    .ap-flag-ws {
      background-position: -760px -740px
    }

    .ap-flag-xk {
      background-position: -760px -760px
    }

    .ap-flag-ye {
      background-position: -760px -780px
    }

    .ap-flag-yt {
      background-position: -760px -800px
    }

    .ap-flag-za {
      background-position: -780px 0
    }

    .ap-flag-zm {
      background-position: -780px -20px
    }

    .ap-flag-zw {
      background-position: -780px -40px
    }

    .ap-man-man-boy {
      background-position: -780px -60px
    }

    .ap-man-man-boy-boy {
      background-position: -780px -80px
    }

    .ap-man-man-girl {
      background-position: -780px -100px
    }

    .ap-man-man-girl-boy {
      background-position: -780px -120px
    }

    .ap-man-man-girl-girl {
      background-position: -780px -140px
    }

    .ap-man-woman-boy-boy {
      background-position: -780px -160px
    }

    .ap-man-woman-girl {
      background-position: -780px -180px
    }

    .ap-man-woman-girl-boy {
      background-position: -780px -200px
    }

    .ap-man-woman-girl-girl {
      background-position: -780px -220px
    }

    .ap-man-heart-man {
      background-position: -780px -240px
    }

    .ap-man-kiss-man {
      background-position: -780px -260px
    }

    .ap-woman-woman-boy {
      background-position: -780px -280px
    }

    .ap-woman-woman-boy-boy {
      background-position: -780px -300px
    }

    .ap-woman-woman-girl {
      background-position: -780px -320px
    }

    .ap-woman-woman-girl-boy {
      background-position: -780px -340px
    }

    .ap-woman-woman-girl-girl {
      background-position: -780px -360px
    }

    .ap-woman-heart-woman {
      background-position: -780px -380px
    }

    .ap-woman-kiss-woman {
      background-position: -780px -400px
    }

    @font-face {
      font-family: primeicons;
      font-display: auto;
      src: url(primeicons.eot);
      src: url(primeicons.eot?#iefix) format('embedded-opentype'), url(primeicons.ttf) format('truetype'), url(primeicons.woff) format('woff'), url(primeicons.svg?#primeicons) format('svg');
      font-weight: 400;
      font-style: normal
    }

    .pi {
      font-family: primeicons;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .pi:before {
      --webkit-backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }

    .pi-fw {
      width: 1.28571429em;
      text-align: center
    }

    .pi-spin {
      -webkit-animation: 2s linear infinite fa-spin;
      animation: 2s linear infinite fa-spin
    }

    @-webkit-keyframes fa-spin {
      0% {
        transform: rotate(0)
      }

      100% {
        transform: rotate(359deg)
      }
    }

    @keyframes fa-spin {
      0% {
        transform: rotate(0)
      }

      100% {
        transform: rotate(359deg)
      }
    }

    .pi-send:before {
      content: "\e9ca"
    }

    .pi-slack:before {
      content: "\e9c9"
    }

    .pi-sun:before {
      content: "\e9c8"
    }

    .pi-moon:before {
      content: "\e9c7"
    }

    .pi-vimeo:before {
      content: "\e9c6"
    }

    .pi-youtube:before {
      content: "\e9c5"
    }

    .pi-flag:before {
      content: "\e9c4"
    }

    .pi-wallet:before {
      content: "\e9c3"
    }

    .pi-map:before {
      content: "\e9c2"
    }

    .pi-link:before {
      content: "\e9c1"
    }

    .pi-credit-card:before {
      content: "\e9bf"
    }

    .pi-discord:before {
      content: "\e9c0"
    }

    .pi-percentage:before {
      content: "\e9be"
    }

    .pi-euro:before {
      content: "\e9bd"
    }

    .pi-book:before {
      content: "\e9ba"
    }

    .pi-shield:before {
      content: "\e9b9"
    }

    .pi-paypal:before {
      content: "\e9bb"
    }

    .pi-amazon:before {
      content: "\e9bc"
    }

    .pi-phone:before {
      content: "\e9b8"
    }

    .pi-filter-slash:before {
      content: "\e9b7"
    }

    .pi-facebook:before {
      content: "\e9b4"
    }

    .pi-github:before {
      content: "\e9b5"
    }

    .pi-twitter:before {
      content: "\e9b6"
    }

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

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 300;
      src: url(open-sans-v15-latin-300.eot);
      src: local("Open Sans Light"), local("OpenSans-Light"), url(open-sans-v15-latin-300.eot?#iefix) format("embedded-opentype"), url(open-sans-v15-latin-300.woff2) format("woff2"), url(open-sans-v15-latin-300.woff) format("woff"), url(open-sans-v15-latin-300.ttf) format("truetype"), url(open-sans-v15-latin-300.svg#OpenSans) format("svg")
    }

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: url(open-sans-v15-latin-regular.eot);
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(open-sans-v15-latin-regular.eot?#iefix) format("embedded-opentype"), url(open-sans-v15-latin-regular.woff2) format("woff2"), url(open-sans-v15-latin-regular.woff) format("woff"), url(open-sans-v15-latin-regular.ttf) format("truetype"), url(open-sans-v15-latin-regular.svg#OpenSans) format("svg")
    }

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 700;
      src: url(open-sans-v15-latin-700.eot);
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(open-sans-v15-latin-700.eot?#iefix) format("embedded-opentype"), url(open-sans-v15-latin-700.woff2) format("woff2"), url(open-sans-v15-latin-700.woff) format("woff"), url(open-sans-v15-latin-700.ttf) format("truetype"), url(open-sans-v15-latin-700.svg#OpenSans) format("svg")
    }

    * {
      box-sizing: border-box
    }

    body .ui-widget {
      font-family: "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 14px;
      text-decoration: none
    }

    body .ui-corner-all {
      border-radius: 3px
    }

    body .ui-corner-top {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px
    }

    body .ui-corner-bottom {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px
    }

    body .ui-corner-left {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
    }

    body .ui-corner-right {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px
    }

    body a {
      color: #007ad9;
      text-decoration: none
    }

    body a:hover {
      color: #116fbf
    }

    body a:active {
      color: #005b9f
    }

    body .ui-helper-reset {
      line-height: normal
    }

    body .ui-state-disabled,
    body .ui-widget:disabled {
      opacity: .5;
      filter: alpha(opacity=50)
    }

    body .pi {
      font-size: 1.25em
    }

    body .ui-inputtext {
      font-size: 14px;
      color: #333;
      background: #fff;
      padding: .429em;
      border: 1px solid #a6a6a6;
      transition: border-color .2s;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
    }

    body .ui-inputtext:enabled:hover:not(.ui-state-error) {
      border-color: #212121
    }

    body .ui-inputtext:enabled:focus:not(.ui-state-error) {
      border-color: #007ad9;
      outline: 0;
      box-shadow: none
    }

    body .ui-chkbox {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      width: 20px;
      height: 20px
    }

    body .ui-chkbox .ui-chkbox-box {
      border: 1px solid #a6a6a6;
      background-color: #fff;
      width: 20px;
      height: 20px;
      text-align: center;
      border-radius: 3px;
      transition: background-color .2s, border-color .2s, box-shadow .2s
    }

    body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
      border-color: #212121
    }

    body .ui-chkbox .ui-chkbox-box.ui-state-focus {
      border-color: #007ad9;
      background-color: #fff;
      color: #007ad9;
      box-shadow: 0 0 0 .2em #8dcdff
    }

    body .ui-chkbox .ui-chkbox-box.ui-state-active {
      border-color: #007ad9;
      background-color: #007ad9;
      color: #fff
    }

    body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
      border-color: #005b9f;
      background-color: #005b9f;
      color: #fff
    }

    body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
      border-color: #007ad9;
      background-color: #007ad9;
      color: #fff
    }

    body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
      overflow: hidden;
      position: relative;
      font-size: 18px
    }

    body .ui-chkbox-label {
      margin: 0 0 0 .5em
    }

    body .ui-radiobutton {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      width: 20px;
      height: 20px
    }

    body .ui-radiobutton .ui-radiobutton-box {
      border: 1px solid #a6a6a6;
      background-color: #fff;
      width: 20px;
      height: 20px;
      text-align: center;
      position: relative;
      transition: background-color .2s, border-color .2s, box-shadow .2s;
      border-radius: 50%
    }

    body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
      border-color: #212121
    }

    body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
      border-color: #007ad9;
      background-color: #fff;
      color: #007ad9;
      box-shadow: 0 0 0 .2em #8dcdff
    }

    body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
      border-color: #007ad9;
      background-color: #007ad9;
      color: #fff
    }

    body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
      background-color: #fff
    }

    body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
      border-color: #005b9f;
      background-color: #005b9f;
      color: #fff
    }

    body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
      border-color: #007ad9;
      background-color: #007ad9;
      color: #fff
    }

    body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
      background: 0 0;
      width: 10px;
      height: 10px;
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -5px;
      margin-top: -5px;
      transition: background-color .2s;
      border-radius: 50%
    }

    body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
      display: none
    }

    body .ui-radiobutton-label {
      margin: 0 0 0 .5em
    }

    body .ui-inputswitch {
      width: 3em;
      height: 1.75em
    }

    body .ui-inputswitch .ui-inputswitch-slider {
      transition: background-color .2s;
      border-radius: 30px;
      background: #ccc
    }

    body .ui-inputswitch .ui-inputswitch-slider:before {
      background-color: #fff;
      height: 1.25em;
      width: 1.25em;
      left: .25em;
      bottom: .25em;
      border-radius: 50%;
      transition: .2s
    }

    body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
      -ms-transform: translateX(1.25em);
      transform: translateX(1.25em)
    }

    body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
      background: #b7b7b7
    }

    body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
      background-color: #b7b7b7
    }

    body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
      background-color: #007ad9
    }

    body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
      background-color: #116fbf
    }

    body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
      background: #005b9f
    }

    body .ui-autocomplete .ui-autocomplete-input {
      padding: .429em
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
      padding: .2145em .429em
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
      border-color: #212121
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
      border-color: #007ad9;
      outline: 0;
      box-shadow: none
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
      margin: 0;
      padding: .2145em 0;
      color: #333
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
      font-family: "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 14px;
      padding: 0;
      margin: 0
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
      font-size: 14px;
      padding: .2145em .429em;
      margin: 0 .286em 0 0;
      background: #007ad9;
      color: #fff
    }

    body .ui-autocomplete-panel {
      padding: 0;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-autocomplete-panel .ui-autocomplete-items {
      padding: 0
    }

    body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
      margin: 0;
      padding: .429em .857em;
      border: 0;
      color: #333;
      background-color: transparent;
      border-radius: 0
    }

    body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
      color: #fff;
      background-color: #007ad9
    }

    body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
      padding: .429em .857em;
      background-color: #d8dae2;
      color: #333
    }

    body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
      width: 2.357em
    }

    body .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext,
    body .ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
      border-right: 0;
      width: calc(100% - 2.357em)
    }

    body .ui-chips>ul.ui-inputtext {
      padding: .2145em .429em;
      display: inline-block
    }

    body .ui-chips>ul.ui-inputtext:not(.ui-state-disabled):hover {
      border-color: #212121
    }

    body .ui-chips>ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
      border-color: #007ad9;
      outline: 0;
      box-shadow: none
    }

    body .ui-chips>ul.ui-inputtext .ui-chips-input-token {
      padding: .2145em 0
    }

    body .ui-chips>ul.ui-inputtext .ui-chips-input-token input {
      font-family: "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 14px;
      padding: 0;
      margin: 0;
      color: #333
    }

    body .ui-chips>ul.ui-inputtext .ui-chips-input-token input:focus,
    body .ui-chips>ul.ui-inputtext .ui-chips-input-token input:hover {
      border: 0
    }

    body .ui-chips>ul.ui-inputtext .ui-chips-token {
      font-size: 14px;
      padding: .2145em .429em;
      margin: 0 .286em 0 0;
      background: #007ad9;
      color: #fff
    }

    body .ui-dropdown {
      background: #fff;
      border: 1px solid #a6a6a6;
      transition: border-color .2s
    }

    body .ui-dropdown:not(.ui-state-disabled):hover {
      border-color: #212121
    }

    body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
      border-color: #007ad9;
      outline: 0;
      box-shadow: none
    }

    body .ui-dropdown .ui-dropdown-label {
      padding-right: 2em
    }

    body .ui-dropdown .ui-dropdown-trigger {
      background-color: #fff;
      width: 2em;
      line-height: 2em;
      text-align: center;
      padding: 0;
      color: #848484
    }

    body .ui-dropdown .ui-dropdown-clear-icon {
      color: #848484
    }

    body .ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
      padding-right: 4em
    }

    body .ui-dropdown-panel {
      padding: 0;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-dropdown-panel .ui-dropdown-filter-container {
      padding: .429em .857em;
      border-bottom: 1px solid #eaeaea;
      color: #333;
      background-color: #fff;
      margin: 0
    }

    body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
      width: 100%;
      padding-right: 2em
    }

    body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
      top: 50%;
      margin-top: -.5em;
      right: 1.357em;
      color: #007ad9
    }

    body .ui-dropdown-panel .ui-dropdown-items {
      padding: 0
    }

    body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
    body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
      margin: 0;
      padding: .429em .857em;
      border: 0;
      color: #333;
      background-color: transparent;
      border-radius: 0
    }

    body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight,
    body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
      color: #fff;
      background-color: #007ad9
    }

    body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover,
    body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
      color: #333;
      background-color: #eaeaea
    }

    body .ui-multiselect {
      background: #fff;
      border: 1px solid #a6a6a6;
      transition: border-color .2s
    }

    body .ui-multiselect:not(.ui-state-disabled):hover {
      border-color: #212121
    }

    body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
      border-color: #007ad9;
      outline: 0;
      box-shadow: none
    }

    body .ui-multiselect .ui-multiselect-label {
      padding: .429em 2em .429em .429em;
      color: #333
    }

    body .ui-multiselect .ui-multiselect-trigger {
      background-color: #fff;
      width: 2em;
      line-height: 2em;
      text-align: center;
      padding: 0;
      color: #848484
    }

    body .ui-multiselect-panel {
      padding: 0;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-multiselect-panel .ui-multiselect-header {
      padding: .429em .857em;
      border-bottom: 1px solid #eaeaea;
      color: #333;
      background-color: #fff;
      margin: 0
    }

    body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
      float: none;
      width: 70%;
      display: inline-block;
      vertical-align: middle;
      margin-left: 0
    }

    body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
      padding: .429em 2em .429em .429em
    }

    body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
      color: #007ad9;
      top: 50%;
      margin-top: -.5em;
      right: .5em;
      left: auto
    }

    body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
      margin-right: .5em;
      float: none;
      vertical-align: middle
    }

    body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
      color: #848484;
      top: 50%;
      margin-top: -.5em;
      transition: color .2s
    }

    body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
      color: #333
    }

    body .ui-multiselect-panel .ui-multiselect-items {
      padding: 0
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
      margin: 0;
      padding: .429em .857em;
      border: 0;
      color: #333;
      background-color: transparent;
      border-radius: 0
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
      color: #fff;
      background-color: #007ad9
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
      color: #333;
      background-color: #eaeaea
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
      cursor: auto
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
      border: 1px solid #a6a6a6
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
      border-color: #007ad9
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
      position: static;
      display: inline-block;
      vertical-align: middle;
      margin: 0 .5em 0 0
    }

    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
      display: inline-block;
      vertical-align: middle
    }

    body .ui-listbox {
      padding: 0;
      min-width: 12em;
      background: #fff;
      border: 1px solid #a6a6a6
    }

    body .ui-listbox .ui-chkbox {
      margin: 0 .5em 0 0
    }

    body .ui-listbox .ui-listbox-header {
      padding: .429em .857em;
      border-bottom: 1px solid #eaeaea;
      color: #333;
      background-color: #fff;
      margin: 0
    }

    body .ui-listbox .ui-listbox-header .ui-listbox-filter-container {
      width: calc(100% - (.857em + .857em + .5em))
    }

    body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
      padding: .429em 2em .429em .429em
    }

    body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
      top: 50%;
      left: auto;
      margin-top: -.5em;
      right: .5em;
      color: #007ad9
    }

    body .ui-listbox .ui-listbox-list {
      background-color: #fff
    }

    body .ui-listbox .ui-listbox-list .ui-listbox-item {
      margin: 0;
      padding: .429em .857em;
      border: 0;
      color: #333;
      background-color: transparent;
      border-radius: 0
    }

    body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
      color: #fff;
      background-color: #007ad9
    }

    body .ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
      position: static;
      display: inline-block;
      vertical-align: middle;
      margin: 0 .5em 0 0
    }

    body .ui-listbox .ui-listbox-list .ui-listbox-item label {
      display: inline-block;
      vertical-align: middle
    }

    body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
      color: #333;
      background-color: #eaeaea
    }

    body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
      border: 1px solid #a6a6a6
    }

    body .ui-listbox .ui-listbox-footer {
      padding: .429em .857em;
      border-top: 1px solid #eaeaea;
      color: #333;
      background-color: #fff
    }

    body .ui-editor-container .ui-editor-toolbar {
      border: 1px solid #c8c8c8;
      background-color: #f4f4f4
    }

    body .ui-editor-container .ui-editor-content {
      border: 1px solid #c8c8c8
    }

    body .ui-editor-container .ui-editor-content .ql-editor {
      background-color: #fff;
      color: #333
    }

    body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
      color: #333
    }

    body .ui-editor-container .ql-stroke {
      stroke: #333
    }

    body .ui-editor-container .ql-picker-label {
      color: #333
    }

    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
    body .ui-editor-container .ql-snow .ql-toolbar button.ql-active,
    body .ui-editor-container .ql-snow .ql-toolbar button:hover,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
    body .ui-editor-container .ql-snow.ql-toolbar button.ql-active,
    body .ui-editor-container .ql-snow.ql-toolbar button:hover {
      color: #007ad9
    }

    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
    body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
    body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter {
      stroke: #007ad9
    }

    body .ui-rating a {
      text-align: center;
      display: inline-block;
      color: #333;
      transition: color .2s
    }

    body .ui-rating a.ui-rating-cancel {
      color: #e4018d
    }

    body .ui-rating a .ui-rating-icon {
      font-size: 20px
    }

    body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
      color: #007ad9
    }

    body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
      color: #b5019f
    }

    body .ui-spinner .ui-spinner-input {
      padding-right: 2.429em
    }

    body .ui-spinner .ui-spinner-button {
      width: 2em
    }

    body .ui-spinner .ui-spinner-button.ui-spinner-up {
      border-top-right-radius: 3px
    }

    body .ui-spinner .ui-spinner-button.ui-spinner-down {
      border-bottom-right-radius: 3px
    }

    body .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -.5em;
      margin-left: -.5em;
      width: 1em
    }

    body .ui-fluid .ui-spinner .ui-spinner-input {
      padding-right: 2.429em
    }

    body .ui-fluid .ui-spinner .ui-spinner-button {
      width: 2em
    }

    body .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
      left: 50%
    }

    body .ui-slider {
      background-color: #c8c8c8;
      border: 0
    }

    body .ui-slider.ui-slider-horizontal {
      height: .286em
    }

    body .ui-slider.ui-slider-horizontal .ui-slider-handle {
      top: 50%;
      margin-top: -.5715em
    }

    body .ui-slider.ui-slider-vertical {
      width: .286em
    }

    body .ui-slider.ui-slider-vertical .ui-slider-handle {
      left: 50%;
      margin-left: -.5715em
    }

    body .ui-slider .ui-slider-handle {
      height: 1.143em;
      width: 1.143em;
      background-color: #fff;
      border: 2px solid #666;
      border-radius: 100%;
      transition: border-color .2s
    }

    body .ui-slider .ui-slider-range {
      background-color: #007ad9
    }

    body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
      background-color: 2px solid #666;
      border: 2px solid #007ad9
    }

    body .ui-datepicker {
      padding: .857em;
      min-width: 20em;
      background-color: #fff;
      color: #333;
      border: 1px solid #a6a6a6
    }

    body .ui-datepicker:not(.ui-datepicker-inline) {
      border: 1px solid #c8c8c8;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover,
    body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover {
      color: #007ad9
    }

    body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus,
    body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus {
      outline: 0;
      color: #007ad9
    }

    body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover,
    body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
      background-color: #eaeaea
    }

    body .ui-datepicker .ui-datepicker-header {
      padding: .429em .857em;
      background-color: #fff;
      color: #333;
      border-radius: 0
    }

    body .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      cursor: pointer;
      top: 0;
      color: #a6a6a6;
      transition: color .2s
    }

    body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      margin: 0;
      padding: 0;
      line-height: 1
    }

    body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
      margin-top: -.35em;
      margin-bottom: 0
    }

    body .ui-datepicker table {
      font-size: 14px;
      margin: .857em 0 0
    }

    body .ui-datepicker table td,
    body .ui-datepicker table th {
      padding: .5em
    }

    body .ui-datepicker table td>a,
    body .ui-datepicker table td>span {
      display: block;
      text-align: center;
      color: #333;
      padding: .5em;
      border-radius: 3px
    }

    body .ui-datepicker table td>a.ui-state-active,
    body .ui-datepicker table td>span.ui-state-active {
      color: #fff;
      background-color: #007ad9
    }

    body .ui-datepicker table td>a {
      cursor: pointer
    }

    body .ui-datepicker table td.ui-datepicker-today>a,
    body .ui-datepicker table td.ui-datepicker-today>span {
      background-color: #d0d0d0;
      color: #333
    }

    body .ui-datepicker table td.ui-datepicker-today>a.ui-state-active,
    body .ui-datepicker table td.ui-datepicker-today>span.ui-state-active {
      color: #fff;
      background-color: #007ad9
    }

    body .ui-datepicker table td.ui-datepicker-weekheader,
    body .ui-datepicker table td.ui-datepicker-weeknumber {
      border-right: 1px solid #a6a6a6
    }

    body .ui-datepicker .ui-datepicker-buttonbar {
      border-top: 1px solid #d8dae2
    }

    body .ui-datepicker .ui-timepicker {
      border: 0;
      border-top: 1px solid #d8dae2;
      padding: .857em
    }

    body .ui-datepicker .ui-timepicker a {
      color: #333;
      font-size: 1.286em
    }

    body .ui-datepicker .ui-timepicker a:hover {
      color: #007ad9
    }

    body .ui-datepicker .ui-timepicker span {
      font-size: 1.286em
    }

    body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
      color: #333
    }

    body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
      color: #fff;
      background-color: #007ad9
    }

    body .ui-datepicker.ui-datepicker-timeonly {
      padding: 0
    }

    body .ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
      border-top: 0
    }

    body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
      border-right: 1px solid #d8dae2;
      padding: 0 .857em
    }

    body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
      padding-left: 0
    }

    body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
      padding-right: 0;
      border-right: 0
    }

    body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0
    }

    body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error),
    body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error) {
      border-right: 0
    }

    body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
      width: 2.357em;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    body .ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
      width: calc(100% - 2.357em)
    }

    body .ui-fileupload .ui-fileupload-buttonbar {
      background-color: #f4f4f4;
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      color: #333;
      border-bottom: 0
    }

    body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
      margin-right: 8px
    }

    body .ui-fileupload .ui-fileupload-content {
      background-color: #fff;
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      color: #333
    }

    body .ui-fileupload .ui-progressbar {
      top: 0
    }

    body .ui-fileupload-choose:not(.ui-state-disabled):hover {
      background-color: #116fbf;
      color: #fff;
      border-color: #116fbf
    }

    body .ui-fileupload-choose:not(.ui-state-disabled):active {
      background-color: #005b9f;
      color: #fff;
      border-color: #005b9f
    }

    body .ui-fileupload-choose.ui-state-focus {
      outline: 0;
      outline-offset: 0
    }

    body .ui-password-panel {
      padding: 12px;
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-inputgroup .ui-inputgroup-addon {
      border-color: #a6a6a6;
      background-color: #eaeaea;
      color: #848484;
      padding: .429em;
      min-width: 2em
    }

    body .ui-inputgroup .ui-inputgroup-addon:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
    }

    body .ui-inputgroup .ui-inputgroup-addon:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px
    }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
      position: relative
    }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -10px;
      margin-top: -10px
    }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
      position: relative
    }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -10px;
      margin-top: -10px
    }

    body .ui-inputgroup .ui-button:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
    }

    body .ui-inputgroup .ui-button:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px
    }

    body .ui-fluid .ui-inputgroup .ui-button {
      width: auto
    }

    body .ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
      width: 2.357em
    }

    body ::-webkit-input-placeholder {
      color: #666
    }

    body :-moz-placeholder {
      color: #666
    }

    body ::-moz-placeholder {
      color: #666
    }

    body :-ms-input-placeholder {
      color: #666
    }

    body .ui-inputtext.ng-dirty.ng-invalid,
    body p-autocomplete.ng-dirty.ng-invalid>.ui-autocomplete>.ui-inputtext,
    body p-calendar.ng-dirty.ng-invalid>.ui-calendar>.ui-inputtext,
    body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
    body p-chips.ng-dirty.ng-invalid>.ui-inputtext,
    body p-dropdown.ng-dirty.ng-invalid>.ui-dropdown,
    body p-inputmask.ng-dirty.ng-invalid>.ui-inputtext,
    body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
    body p-listbox.ng-dirty.ng-invalid .ui-inputtext,
    body p-multiselect.ng-dirty.ng-invalid>.ui-multiselect,
    body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
    body p-selectbutton.ng-dirty.ng-invalid .ui-button,
    body p-spinner.ng-dirty.ng-invalid>.ui-inputtext,
    body p-togglebutton.ng-dirty.ng-invalid .ui-button {
      border: 1px solid #a80000
    }

    body .ui-button {
      margin: 0;
      color: #fff;
      background-color: #007ad9;
      border: 1px solid #007ad9;
      font-size: 14px;
      transition: background-color .2s, box-shadow .2s
    }

    body .ui-button:enabled:hover {
      background-color: #116fbf;
      color: #fff;
      border-color: #116fbf
    }

    body .ui-button:enabled:focus {
      outline: 0;
      outline-offset: 0;
      box-shadow: 0 0 0 .2em #8dcdff
    }

    body .ui-button:enabled:active {
      background-color: #005b9f;
      color: #fff;
      border-color: #005b9f
    }

    body .ui-button.ui-button-text-only .ui-button-text {
      padding: .429em 1em
    }

    body .ui-button.ui-button-text-icon-left .ui-button-text {
      padding: .429em 1em .429em 2em
    }

    body .ui-button.ui-button-text-icon-right .ui-button-text {
      padding: .429em 2em .429em 1em
    }

    body .ui-button.ui-button-icon-only {
      width: 2.357em
    }

    body .ui-button.ui-button-icon-only .ui-button-text {
      padding: .429em
    }

    body .ui-button.ui-button-raised {
      box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15)
    }

    body .ui-button.ui-button-rounded {
      border-radius: 15px
    }

    body .ui-fluid .ui-button-icon-only {
      width: 2.357em
    }

    body .ui-togglebutton {
      background-color: #dadada;
      border: 1px solid #dadada;
      color: #333;
      transition: background-color .2s, box-shadow .2s
    }

    body .ui-togglebutton .ui-button-icon-left {
      color: #666
    }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
      background-color: #c8c8c8;
      border-color: #c8c8c8;
      color: #333
    }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
      color: #212121
    }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
      background-color: #c8c8c8;
      border-color: #c8c8c8;
      color: #333;
      outline: 0
    }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
      color: #212121
    }

    body .ui-togglebutton.ui-state-active {
      background-color: #007ad9;
      border-color: #007ad9;
      color: #fff
    }

    body .ui-togglebutton.ui-state-active .ui-button-icon-left {
      color: #fff
    }

    body .ui-togglebutton.ui-state-active:hover {
      background-color: #116fbf;
      border-color: #116fbf;
      color: #fff
    }

    body .ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
      color: #fff
    }

    body .ui-togglebutton.ui-state-active.ui-state-focus {
      background-color: #005b9f;
      border-color: #005b9f;
      color: #fff
    }

    body .ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left {
      color: #fff
    }

    body .ui-selectbutton .ui-button {
      background-color: #dadada;
      border: 1px solid #dadada;
      color: #333;
      transition: background-color .2s, box-shadow .2s
    }

    body .ui-selectbutton .ui-button .ui-button-icon-left {
      color: #666
    }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
      background-color: #c8c8c8;
      border-color: #c8c8c8;
      color: #333
    }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
      color: #212121
    }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
      background-color: #c8c8c8;
      border-color: #c8c8c8;
      color: #333;
      outline: 0
    }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
      color: #212121
    }

    body .ui-selectbutton .ui-button.ui-state-active {
      background-color: #007ad9;
      border-color: #007ad9;
      color: #fff
    }

    body .ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
      color: #fff
    }

    body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
      background-color: #116fbf;
      border-color: #116fbf;
      color: #fff
    }

    body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
      color: #fff
    }

    body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
      background-color: #005b9f;
      border-color: #005b9f;
      color: #fff
    }

    body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left {
      color: #fff
    }

    body .ui-selectbutton .ui-button:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
    }

    body .ui-selectbutton .ui-button:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px
    }

    @media (max-width:640px) {
      body .ui-buttonset:not(.ui-splitbutton) .ui-button {
        margin-bottom: 1px;
        border-radius: 3px
      }
    }

    body .ui-splitbutton.ui-buttonset .ui-button {
      border: 1px solid transparent
    }

    body .ui-splitbutton.ui-buttonset .ui-menu {
      min-width: 100%
    }

    body .ui-button.ui-state-default.ui-button-secondary,
    body .ui-buttonset.ui-button-secondary>.ui-button.ui-state-default {
      color: #333;
      background-color: #f4f4f4;
      border: 1px solid #f4f4f4
    }

    body .ui-button.ui-state-default.ui-button-secondary:enabled:hover,
    body .ui-buttonset.ui-button-secondary>.ui-button.ui-state-default:enabled:hover {
      background-color: #c8c8c8;
      color: #333;
      border-color: #c8c8c8
    }

    body .ui-button.ui-state-default.ui-button-secondary:enabled:focus,
    body .ui-buttonset.ui-button-secondary>.ui-button.ui-state-default:enabled:focus {
      box-shadow: 0 0 0 .2em #8dcdff
    }

    body .ui-button.ui-state-default.ui-button-secondary:enabled:active,
    body .ui-buttonset.ui-button-secondary>.ui-button.ui-state-default:enabled:active {
      background-color: #a0a0a0;
      color: #333;
      border-color: #a0a0a0
    }

    body .ui-button.ui-state-default.ui-button-info,
    body .ui-buttonset.ui-button-info>.ui-button.ui-state-default {
      color: #fff;
      background-color: #007ad9;
      border: 1px solid #007ad9
    }

    body .ui-button.ui-state-default.ui-button-info:enabled:hover,
    body .ui-buttonset.ui-button-info>.ui-button.ui-state-default:enabled:hover {
      background-color: #116fbf;
      color: #fff;
      border-color: #116fbf
    }

    body .ui-button.ui-state-default.ui-button-info:enabled:focus,
    body .ui-buttonset.ui-button-info>.ui-button.ui-state-default:enabled:focus {
      box-shadow: 0 0 0 .2em #8dcdff
    }

    body .ui-button.ui-state-default.ui-button-info:enabled:active,
    body .ui-buttonset.ui-button-info>.ui-button.ui-state-default:enabled:active {
      background-color: #005b9f;
      color: #fff;
      border-color: #005b9f
    }

    body .ui-button.ui-state-default.ui-button-success,
    body .ui-buttonset.ui-button-success>.ui-button.ui-state-default {
      color: #fff;
      background-color: #34a835;
      border: 1px solid #34a835
    }

    body .ui-button.ui-state-default.ui-button-success:enabled:hover,
    body .ui-buttonset.ui-button-success>.ui-button.ui-state-default:enabled:hover {
      background-color: #107d11;
      color: #fff;
      border-color: #107d11
    }

    body .ui-button.ui-state-default.ui-button-success:enabled:focus,
    body .ui-buttonset.ui-button-success>.ui-button.ui-state-default:enabled:focus {
      box-shadow: 0 0 0 .2em #aae5aa
    }

    body .ui-button.ui-state-default.ui-button-success:enabled:active,
    body .ui-buttonset.ui-button-success>.ui-button.ui-state-default:enabled:active {
      background-color: #0c6b0d;
      color: #fff;
      border-color: #0c6b0d
    }

    body .ui-button.ui-state-default.ui-button-warning,
    body .ui-buttonset.ui-button-warning>.ui-button.ui-state-default {
      color: #333;
      background-color: #ffba01;
      border: 1px solid #ffba01
    }

    body .ui-button.ui-state-default.ui-button-warning:enabled:hover,
    body .ui-buttonset.ui-button-warning>.ui-button.ui-state-default:enabled:hover {
      background-color: #ed990b;
      color: #333;
      border-color: #ed990b
    }

    body .ui-button.ui-state-default.ui-button-warning:enabled:focus,
    body .ui-buttonset.ui-button-warning>.ui-button.ui-state-default:enabled:focus {
      box-shadow: 0 0 0 .2em #ffeab4
    }

    body .ui-button.ui-state-default.ui-button-warning:enabled:active,
    body .ui-buttonset.ui-button-warning>.ui-button.ui-state-default:enabled:active {
      background-color: #d38b10;
      color: #333;
      border-color: #d38b10
    }

    body .ui-button.ui-state-default.ui-button-danger,
    body .ui-buttonset.ui-button-danger>.ui-button.ui-state-default {
      color: #fff;
      background-color: #e91224;
      border: 1px solid #e91224
    }

    body .ui-button.ui-state-default.ui-button-danger:enabled:hover,
    body .ui-buttonset.ui-button-danger>.ui-button.ui-state-default:enabled:hover {
      background-color: #c01120;
      color: #fff;
      border-color: #c01120
    }

    body .ui-button.ui-state-default.ui-button-danger:enabled:focus,
    body .ui-buttonset.ui-button-danger>.ui-button.ui-state-default:enabled:focus {
      box-shadow: 0 0 0 .2em #f9b4ba
    }

    body .ui-button.ui-state-default.ui-button-danger:enabled:active,
    body .ui-buttonset.ui-button-danger>.ui-button.ui-state-default:enabled:active {
      background-color: #a90000;
      color: #fff;
      border-color: #a90000
    }

    body .ui-widget-content p {
      line-height: 1.5;
      margin: 0
    }

    body .ui-panel {
      padding: 0;
      border: 0
    }

    body .ui-panel .ui-panel-titlebar {
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      background-color: #f4f4f4;
      color: #333;
      border-radius: 3px 3px 0 0
    }

    body .ui-panel .ui-panel-titlebar .ui-panel-title {
      vertical-align: middle;
      font-weight: 700
    }

    body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
      margin: 0;
      position: relative;
      font-size: 14px;
      color: #848484;
      border: 1px solid transparent;
      transition: color .2s
    }

    body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
      color: #333
    }

    body .ui-panel .ui-panel-content {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      border-top: 0
    }

    body .ui-panel .ui-panel-footer {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      border-top: 0;
      margin: 0
    }

    body .ui-fieldset {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333
    }

    body .ui-fieldset .ui-fieldset-legend a {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      color: #333;
      background-color: #f4f4f4;
      border-radius: 3px;
      transition: background-color .2s
    }

    body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin-right: .5em;
      color: #848484
    }

    body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text {
      padding: 0
    }

    body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
      background-color: #dbdbdb;
      border: 1px solid #dbdbdb;
      color: #333
    }

    body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler {
      color: #333
    }

    body .ui-fieldset .ui-fieldset-content {
      padding: 0
    }

    body .ui-accordion .ui-accordion-header {
      margin-bottom: 2px
    }

    body .ui-accordion .ui-accordion-header a {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #f4f4f4;
      color: #333;
      font-weight: 700;
      transition: background-color .2s
    }

    body .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon {
      color: #848484
    }

    body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
      background-color: #dbdbdb;
      border: 1px solid #dbdbdb;
      color: #333
    }

    body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a .ui-accordion-toggle-icon {
      color: #333
    }

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
      background-color: #007ad9;
      border: 1px solid #007ad9;
      color: #fff
    }

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon {
      color: #fff
    }

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a {
      border: 1px solid #005b9f;
      background-color: #005b9f;
      color: #fff
    }

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon {
      color: #fff
    }

    body .ui-accordion .ui-accordion-content {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333
    }

    body .ui-tabview.ui-tabview-bottom,
    body .ui-tabview.ui-tabview-left,
    body .ui-tabview.ui-tabview-right,
    body .ui-tabview.ui-tabview-top {
      border: 0
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav {
      padding: 0;
      background: 0 0;
      border: 0
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
      border: 1px solid #c8c8c8;
      background-color: #f4f4f4;
      transition: background-color .2s
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li a,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li a,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li a {
      float: none;
      display: inline-block;
      color: #333;
      padding: .571em 1em;
      font-weight: 700
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon {
      margin-right: .5em
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon {
      margin-left: .5em
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close {
      color: #848484;
      margin: 0 .5em 0 0;
      vertical-align: middle
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
      background-color: #dbdbdb;
      border: 1px solid #dbdbdb
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
      color: #333
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
      background-color: #007ad9;
      border: 1px solid #007ad9
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close,
    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a {
      color: #fff
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover {
      border: 1px solid #005b9f;
      background-color: #005b9f
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a,
    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon {
      color: #fff
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a,
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a {
      cursor: pointer
    }

    body .ui-tabview.ui-tabview-top .ui-tabview-nav {
      margin-bottom: -1px
    }

    body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
      margin-right: 2px
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav {
      margin-top: -1px
    }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
      margin-right: 2px
    }

    body .ui-tabview.ui-tabview-left .ui-tabview-nav {
      margin-right: -px
    }

    body .ui-tabview.ui-tabview-left .ui-tabview-nav li {
      margin-bottom: 2px
    }

    body .ui-tabview.ui-tabview-right .ui-tabview-nav {
      margin-right: -1px
    }

    body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
      margin-bottom: 2px
    }

    body .ui-tabview .ui-tabview-panels {
      background-color: #fff;
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      color: #333
    }

    body .ui-tabview .ui-tabview-panels .ui-tabview-panel {
      padding: 0
    }

    body .ui-toolbar {
      background-color: #f4f4f4;
      border: 1px solid #c8c8c8;
      padding: .571em 1em
    }

    body .ui-toolbar button {
      vertical-align: middle
    }

    body .ui-toolbar .ui-toolbar-separator {
      vertical-align: middle;
      color: #848484;
      margin: 0 .5em
    }

    body .ui-card {
      background-color: #fff;
      color: #333;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
    }

    body .ui-paginator {
      background-color: #f4f4f4;
      border: 1px solid #c8c8c8;
      padding: 0
    }

    body .ui-paginator .ui-paginator-first,
    body .ui-paginator .ui-paginator-last,
    body .ui-paginator .ui-paginator-next,
    body .ui-paginator .ui-paginator-prev {
      color: #848484;
      height: 2.286em;
      min-width: 2.286em;
      border: 0;
      line-height: 2.286em;
      padding: 0;
      margin: 0;
      vertical-align: top;
      border-radius: 0
    }

    body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
    body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover,
    body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
    body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover {
      background-color: #e0e0e0;
      color: #333
    }

    body .ui-paginator .ui-paginator-current {
      color: #848484;
      height: 2.286em;
      min-width: 2.286em;
      line-height: 2.286em
    }

    body .ui-paginator .ui-dropdown {
      border: 0;
      margin-left: .5em;
      height: 2.286em;
      min-width: auto
    }

    body .ui-paginator .ui-dropdown .ui-dropdown-label,
    body .ui-paginator .ui-dropdown .ui-dropdown-trigger {
      color: #848484
    }

    body .ui-paginator .ui-dropdown:hover .ui-dropdown-label,
    body .ui-paginator .ui-dropdown:hover .ui-dropdown-trigger {
      color: #333
    }

    body .ui-paginator .ui-paginator-first:before {
      position: relative;
      top: 1px
    }

    body .ui-paginator .ui-paginator-prev:before {
      position: relative
    }

    body .ui-paginator .ui-paginator-last:before,
    body .ui-paginator .ui-paginator-next:before {
      position: relative;
      top: 1px
    }

    body .ui-paginator .ui-paginator-pages {
      vertical-align: top;
      display: inline-block;
      padding: 0
    }

    body .ui-paginator .ui-paginator-pages .ui-paginator-page {
      color: #848484;
      height: 2.286em;
      min-width: 2.286em;
      border: 0;
      line-height: 2.286em;
      padding: 0;
      margin: 0;
      vertical-align: top;
      border-radius: 0
    }

    body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
      background-color: #e0e0e0;
      color: #333
    }

    body .ui-table .ui-table-caption,
    body .ui-table .ui-table-summary {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      text-align: center
    }

    body .ui-table .ui-table-caption {
      border-bottom: 0;
      font-weight: 700
    }

    body .ui-table .ui-table-summary {
      border-top: 0;
      font-weight: 700
    }

    body .ui-table .ui-table-thead>tr>th {
      padding: .571em .857em;
      border: 1px solid #c8c8c8;
      font-weight: 700;
      color: #333;
      background-color: #f4f4f4
    }

    body .ui-table .ui-table-tfoot>tr>td {
      padding: .571em .857em;
      border: 1px solid #c8c8c8;
      font-weight: 700;
      color: #333;
      background-color: #fff
    }

    body .ui-table .ui-sortable-column .ui-sortable-column-icon {
      color: #848484
    }

    body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
      background-color: #e0e0e0;
      color: #333
    }

    body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
      color: #333
    }

    body .ui-table .ui-sortable-column.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
      color: #fff
    }

    body .ui-table .ui-editable-column input {
      font-size: 14px;
      font-family: "Open Sans", "Helvetica Neue", sans-serif
    }

    body .ui-table .ui-editable-column input:focus {
      outline: #007ad9 solid 1px;
      outline-offset: 2px
    }

    body .ui-table .ui-table-tbody>tr {
      background-color: #fff;
      color: #333
    }

    body .ui-table .ui-table-tbody>tr>td {
      padding: .571em .857em;
      background-color: inherit;
      border: 1px solid #c8c8c8
    }

    body .ui-table .ui-table-tbody>tr.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-table .ui-table-tbody>tr.ui-state-highlight a {
      color: #fff
    }

    body .ui-table .ui-table-tbody>tr.ui-contextmenu-selected {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-table .ui-table-tbody>tr.ui-table-dragpoint-top>td {
      box-shadow: inset 0 2px 0 0 #007ad9
    }

    body .ui-table .ui-table-tbody>tr.ui-table-dragpoint-bottom>td {
      box-shadow: inset 0 -2px 0 0 #007ad9
    }

    body .ui-table .ui-table-tbody>tr:nth-child(even) {
      background-color: #f9f9f9
    }

    body .ui-table .ui-table-tbody>tr:nth-child(even).ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-table .ui-table-tbody>tr:nth-child(even).ui-state-highlight a {
      color: #fff
    }

    body .ui-table .ui-table-tbody>tr:nth-child(even).ui-contextmenu-selected {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-table.ui-table-hoverable-rows .ui-table-tbody>tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
      cursor: pointer;
      background-color: #eaeaea;
      color: #333
    }

    body .ui-table .ui-column-resizer-helper {
      background-color: #007ad9
    }

    @media screen and (max-width:40em) {
      body .ui-table.ui-table-responsive .ui-paginator-top {
        border-bottom: 1px solid #c8c8c8
      }

      body .ui-table.ui-table-responsive .ui-paginator-bottom {
        border-top: 1px solid #c8c8c8
      }

      body .ui-table.ui-table-responsive .ui-table-tbody>tr>td {
        border: 0
      }
    }

    body .ui-datagrid .ui-datagrid-header {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      font-weight: 700;
      border-bottom: 0
    }

    body .ui-datagrid .ui-datagrid-content {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333
    }

    body .ui-datagrid .ui-datagrid-footer {
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      border-top: 0
    }

    body .ui-datalist .ui-datalist-header {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      font-weight: 700;
      border-bottom: 0
    }

    body .ui-datalist .ui-datalist-content {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333
    }

    body .ui-datalist .ui-datalist-footer {
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      border-top: 0
    }

    body .ui-datascroller .ui-datascroller-header {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      font-weight: 700;
      border-bottom: 0
    }

    body .ui-datascroller .ui-datascroller-content {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333
    }

    body .ui-datascroller .ui-datascroller-footer {
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      border-top: 0
    }

    body .ui-virtualscroller .ui-virtualscroller-header {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      font-weight: 700;
      border-bottom: 0
    }

    body .ui-virtualscroller .ui-virtualscroller-content {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333
    }

    body .ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list li {
      border-bottom: 1px solid #c8c8c8
    }

    body .ui-virtualscroller .ui-virtualscroller-footer {
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      border-top: 0
    }

    body .ui-dataview .ui-dataview-header {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      font-weight: 700;
      border-bottom: 0
    }

    body .ui-dataview .ui-dataview-content {
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333
    }

    body .ui-dataview .ui-dataview-footer {
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      border-top: 0
    }

    body .fc th {
      background-color: #f4f4f4;
      border: 1px solid #c8c8c8;
      color: #333;
      padding: .571em 1em
    }

    body .fc td.ui-widget-content {
      background-color: #fff;
      border: 1px solid #c8c8c8;
      color: #333
    }

    body .fc td.fc-head-container {
      border: 1px solid #c8c8c8
    }

    body .fc .fc-row {
      border-right: 1px solid #c8c8c8
    }

    body .fc .fc-event {
      background-color: #116fbf;
      border: 1px solid #116fbf;
      color: #fff
    }

    body .fc .fc-toolbar .fc-button {
      color: #fff;
      background-color: #007ad9;
      border: 1px solid #007ad9;
      font-size: 14px;
      transition: background-color .2s, box-shadow .2s;
      border-radius: 3px
    }

    body .fc .fc-toolbar .fc-button:enabled:hover {
      background-color: #116fbf;
      color: #fff;
      border-color: #116fbf
    }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
      font-family: PrimeIcons !important;
      text-indent: 0
    }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
      content: ""
    }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
      font-family: PrimeIcons !important;
      text-indent: 0
    }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
      content: ""
    }

    body .fc .fc-toolbar .fc-button:focus {
      outline: 0;
      outline-offset: 0;
      box-shadow: 0 0 0 .2em #8dcdff
    }

    body .fc .fc-toolbar .fc-button-group .fc-button {
      border-radius: 0
    }

    body .fc .fc-toolbar .fc-button-group .fc-button:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
    }

    body .fc .fc-toolbar .fc-button-group .fc-button:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px
    }

    body .fc .fc-divider {
      background-color: #f4f4f4;
      border: 1px solid #c8c8c8
    }

    body .ui-fluid .fc .fc-toolbar .fc-button {
      width: auto
    }

    body .ui-picklist .ui-picklist-buttons button {
      font-size: 16px
    }

    body .ui-picklist .ui-picklist-caption {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      font-weight: 700;
      border-bottom: 0;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px
    }

    body .ui-picklist .ui-picklist-filter-container {
      padding: .429em .857em;
      border: 1px solid #c8c8c8;
      color: #333;
      background-color: #fff;
      margin: 0;
      border-bottom: 0
    }

    body .ui-picklist .ui-picklist-filter-container input.ui-picklist-filter {
      width: 100%;
      padding-right: 2em;
      text-indent: 0
    }

    body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
      top: 50%;
      margin-top: -.5em;
      left: auto;
      right: 1.357em;
      color: #007ad9
    }

    body .ui-picklist .ui-picklist-buttons {
      padding: .571em 1em
    }

    body .ui-picklist .ui-picklist-list {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      padding: 0
    }

    body .ui-picklist .ui-picklist-list .ui-picklist-item {
      padding: .429em .857em;
      margin: 0;
      border: 0;
      color: #333;
      background-color: transparent
    }

    body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
      background-color: #eaeaea;
      color: #333
    }

    body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight {
      background-color: #007ad9
    }

    @media (max-width:40em) {
      body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        padding: .571em 1em
      }
    }

    body .ui-orderlist .ui-orderlist-controls {
      padding: .571em 1em
    }

    body .ui-orderlist .ui-orderlist-controls button {
      font-size: 16px
    }

    body .ui-orderlist .ui-orderlist-caption {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      font-weight: 700;
      border-bottom: 0;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px
    }

    body .ui-orderlist .ui-orderlist-filter-container {
      padding: .429em .857em;
      border: 1px solid #c8c8c8;
      color: #333;
      background-color: #fff;
      margin: 0;
      border-bottom: 0
    }

    body .ui-orderlist .ui-orderlist-filter-container input.ui-inputtext {
      width: 100%;
      padding-right: 2em;
      text-indent: 0
    }

    body .ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
      top: 50%;
      margin-top: -.5em;
      left: auto;
      right: 1.357em;
      color: #007ad9
    }

    body .ui-orderlist .ui-orderlist-list {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      padding: 0
    }

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
      padding: .429em .857em;
      margin: 0;
      border: 0;
      color: #333;
      background-color: transparent
    }

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
      background-color: #eaeaea;
      color: #333
    }

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight {
      background-color: #007ad9
    }

    body .ui-tree {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      padding: .571em 1em
    }

    body .ui-tree .ui-tree-container {
      padding: .286em;
      margin: 0
    }

    body .ui-tree .ui-tree-container .ui-treenode {
      padding: .143em 0
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
      padding: 0;
      border: 1px solid transparent
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
      vertical-align: middle;
      display: inline-block;
      float: none;
      margin: 0 .143em 0 0;
      color: #848484
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
      vertical-align: middle;
      display: inline-block;
      margin: 0 .143em 0 0;
      color: #848484
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
      margin: 0;
      vertical-align: middle;
      display: inline-block;
      padding: .286em
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
      margin: 0 .5em 0 0
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
      margin: 1px 0 0
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
      background-color: #eaeaea;
      color: #333
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content>span {
      line-height: inherit
    }

    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover {
      background-color: #eaeaea;
      color: #333
    }

    body .ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active {
      background-color: #007ad9
    }

    body .ui-tree.ui-tree-horizontal {
      padding-left: 0;
      padding-right: 0
    }

    body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      padding: .571em 1em
    }

    body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
      color: #007ad9
    }

    body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
      background-color: inherit;
      color: inherit
    }

    body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
      background-color: #eaeaea;
      color: #333
    }

    body .ui-tree .ui-tree-filter-container .ui-tree-filter {
      width: 100%;
      padding-right: 2em
    }

    body .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
      top: 50%;
      left: auto;
      margin-top: -.5em;
      right: .8em;
      color: #007ad9
    }

    body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
      background-color: #eaeaea;
      color: #333
    }

    body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
      color: #00325a
    }

    body .ui-organizationchart .ui-organizationchart-line-down {
      background-color: #c8c8c8
    }

    body .ui-organizationchart .ui-organizationchart-line-left {
      border-right: 1px solid #c8c8c8;
      border-color: #c8c8c8
    }

    body .ui-organizationchart .ui-organizationchart-line-top {
      border-top: 1px solid #c8c8c8;
      border-color: #c8c8c8
    }

    body .ui-organizationchart .ui-organizationchart-node-content {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      padding: .571em 1em
    }

    body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
      bottom: -.7em;
      margin-left: -.46em;
      color: #848484
    }

    body .ui-treetable .ui-treetable-caption,
    body .ui-treetable .ui-treetable-summary {
      background-color: #f4f4f4;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em;
      text-align: center
    }

    body .ui-treetable .ui-treetable-caption {
      border-bottom: 0;
      font-weight: 700
    }

    body .ui-treetable .ui-treetable-summary {
      border-top: 0;
      font-weight: 700
    }

    body .ui-treetable .ui-treetable-thead>tr>th {
      padding: .571em .857em;
      border: 1px solid #c8c8c8;
      font-weight: 700;
      color: #333;
      background-color: #f4f4f4
    }

    body .ui-treetable .ui-treetable-tfoot>tr>td {
      padding: .571em .857em;
      border: 1px solid #c8c8c8;
      font-weight: 700;
      color: #333;
      background-color: #fff
    }

    body .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
      color: #848484
    }

    body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
      background-color: #e0e0e0;
      color: #333
    }

    body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
      color: #333
    }

    body .ui-treetable .ui-sortable-column.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
      color: #fff
    }

    body .ui-treetable .ui-editable-column input {
      font-size: 14px;
      font-family: "Open Sans", "Helvetica Neue", sans-serif
    }

    body .ui-treetable .ui-editable-column input:focus {
      outline: #007ad9 solid 1px;
      outline-offset: 2px
    }

    body .ui-treetable .ui-treetable-tbody>tr {
      background-color: #fff;
      color: #333
    }

    body .ui-treetable .ui-treetable-tbody>tr>td {
      padding: .571em .857em;
      background-color: inherit;
      border: 1px solid #c8c8c8
    }

    body .ui-treetable .ui-treetable-tbody>tr>td .ui-treetable-toggler {
      color: #848484;
      vertical-align: middle
    }

    body .ui-treetable .ui-treetable-tbody>tr>td .ui-treetable-chkbox {
      vertical-align: middle;
      margin-right: .5em
    }

    body .ui-treetable .ui-treetable-tbody>tr.ui-state-highlight {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-treetable .ui-treetable-tbody>tr.ui-state-highlight>td {
      background-color: inherit;
      border: 1px solid #c8c8c8
    }

    body .ui-treetable .ui-treetable-tbody>tr.ui-state-highlight>td .ui-treetable-toggler {
      color: #fff
    }

    body .ui-treetable .ui-treetable-tbody>tr.ui-contextmenu-selected {
      background-color: #007ad9;
      color: #fff
    }

    body .ui-treetable .ui-treetable-tbody>tr.ui-contextmenu-selected>td {
      background-color: inherit;
      border: 1px solid #c8c8c8
    }

    body .ui-treetable .ui-treetable-tbody>tr.ui-contextmenu-selected>td .ui-treetable-toggler {
      color: #fff
    }

    body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody>tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
      cursor: pointer;
      background-color: #eaeaea;
      color: #333
    }

    body .ui-treetable .ui-column-resizer-helper {
      background-color: #007ad9
    }

    body .ui-carousel .ui-carousel-content .ui-carousel-next,
    body .ui-carousel .ui-carousel-content .ui-carousel-prev {
      background-color: #fff;
      border: 1px solid rgba(178, 193, 205, .64);
      border-radius: 50%;
      margin: .2em;
      color: #333;
      transition: color .2s
    }

    body .ui-carousel .ui-carousel-content .ui-carousel-next:not(.ui-state-disabled):hover,
    body .ui-carousel .ui-carousel-content .ui-carousel-prev:not(.ui-state-disabled):hover {
      background-color: #fff;
      color: #007ad9;
      border-color: solid 1px rgba(178, 193, 205, .64)
    }

    body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item>.ui-button {
      border-color: transparent;
      background-color: transparent
    }

    body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon {
      width: 20px;
      height: 6px;
      background-color: #b2c1cd;
      margin: 0 .2em
    }

    body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon::before {
      content: ' '
    }

    body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon {
      background-color: #007ad9
    }

    body .ui-messages {
      padding: 1em;
      margin: 1em 0
    }

    body .ui-messages.ui-messages-info {
      background-color: #7fbcec;
      border: 0;
      color: #212121
    }

    body .ui-messages.ui-messages-info .ui-messages-close,
    body .ui-messages.ui-messages-info .ui-messages-icon {
      color: #212121
    }

    body .ui-messages.ui-messages-success {
      background-color: #b7d8b7;
      border: 0;
      color: #212121
    }

    body .ui-messages.ui-messages-success .ui-messages-close,
    body .ui-messages.ui-messages-success .ui-messages-icon {
      color: #212121
    }

    body .ui-messages.ui-messages-warn {
      background-color: #ffe399;
      border: 0;
      color: #212121
    }

    body .ui-messages.ui-messages-warn .ui-messages-close,
    body .ui-messages.ui-messages-warn .ui-messages-icon {
      color: #212121
    }

    body .ui-messages.ui-messages-error {
      background-color: #f8b7bd;
      border: 0;
      color: #212121
    }

    body .ui-messages.ui-messages-error .ui-messages-close,
    body .ui-messages.ui-messages-error .ui-messages-icon {
      color: #212121
    }

    body .ui-messages .ui-messages-close {
      top: .25em;
      right: .5em;
      font-size: 1.5em
    }

    body .ui-messages .ui-messages-icon {
      font-size: 2em
    }

    body .ui-message {
      padding: .429em;
      margin: 0
    }

    body .ui-message.ui-message-info {
      background-color: #7fbcec;
      border: 0;
      color: #212121
    }

    body .ui-message.ui-message-info .ui-message-icon {
      color: #212121
    }

    body .ui-message.ui-message-success {
      background-color: #b7d8b7;
      border: 0;
      color: #212121
    }

    body .ui-message.ui-message-success .ui-message-icon {
      color: #212121
    }

    body .ui-message.ui-message-warn {
      background-color: #ffe399;
      border: 0;
      color: #212121
    }

    body .ui-message.ui-message-warn .ui-message-icon {
      color: #212121
    }

    body .ui-message.ui-message-error {
      background-color: #f8b7bd;
      border: 0;
      color: #212121
    }

    body .ui-message.ui-message-error .ui-message-icon {
      color: #212121
    }

    body .ui-message .ui-message-icon {
      font-size: 1.25em
    }

    body .ui-message .ui-message-text {
      font-size: 1em
    }

    body .ui-growl {
      top: 70px
    }

    body .ui-growl .ui-growl-item-container {
      margin: 0 0 1em;
      opacity: .9;
      filter: alpha(opacity=90);
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-growl .ui-growl-item-container .ui-growl-item {
      padding: 1em
    }

    body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
      margin: 0 0 0 4em
    }

    body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
      font-size: 2.571em
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-info {
      background-color: #7fbcec;
      border: 0;
      color: #212121
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
      color: #212121
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-success {
      background-color: #b7d8b7;
      border: 0;
      color: #212121
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
      color: #212121
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-warn {
      background-color: #ffe399;
      border: 0;
      color: #212121
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
      color: #212121
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-error {
      background-color: #f8b7bd;
      border: 0;
      color: #212121
    }

    body .ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
      color: #212121
    }

    body .ui-toast .ui-toast-message {
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
      margin: 0 0 1em
    }

    body .ui-toast .ui-toast-message.ui-toast-message-info {
      background-color: #7fbcec;
      border: 0;
      color: #212121
    }

    body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
      color: #212121
    }

    body .ui-toast .ui-toast-message.ui-toast-message-success {
      background-color: #b7d8b7;
      border: 0;
      color: #212121
    }

    body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
      color: #212121
    }

    body .ui-toast .ui-toast-message.ui-toast-message-warn {
      background-color: #ffe399;
      border: 0;
      color: #212121
    }

    body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
      color: #212121
    }

    body .ui-toast .ui-toast-message.ui-toast-message-error {
      background-color: #f8b7bd;
      border: 0;
      color: #212121
    }

    body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
      color: #212121
    }

    body .ui-widget-overlay {
      background-color: rgba(0, 0, 0, .4)
    }

    body .ui-overlaypanel {
      background-color: #fff;
      color: #333;
      padding: 0;
      border: 1px solid #c8c8c8;
      border-radius: 0
    }

    body .ui-overlaypanel .ui-overlaypanel-content {
      padding: .571em 1em
    }

    body .ui-overlaypanel .ui-overlaypanel-close {
      background-color: #007ad9;
      color: #fff;
      width: 1.538em;
      height: 1.538em;
      line-height: 1.538em;
      text-align: center;
      position: absolute;
      top: -.769em;
      right: -.769em;
      transition: background-color .2s
    }

    body .ui-overlaypanel .ui-overlaypanel-close:hover {
      background-color: #005b9f;
      color: #fff
    }

    body .ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon {
      line-height: inherit
    }

    body .ui-overlaypanel:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff
    }

    body .ui-overlaypanel:before {
      border-color: rgba(200, 200, 200, 0);
      border-bottom-color: #c8c8c8
    }

    body .ui-overlaypanel.ui-overlaypanel-flipped:after {
      border-top-color: #fff
    }

    body .ui-overlaypanel.ui-overlaypanel-flipped:before {
      border-top-color: #c8c8c8
    }

    body .ui-dialog {
      padding: 0;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-dialog .ui-dialog-titlebar {
      border: 1px solid #c8c8c8;
      background-color: #f4f4f4;
      color: #333;
      padding: 1em;
      font-weight: 700;
      border-bottom: 0
    }

    body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      margin: 0;
      float: none
    }

    body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
      color: #848484;
      border: 0;
      padding: 0;
      margin-left: .5em;
      transition: color .2s
    }

    body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
      color: #333
    }

    body .ui-dialog .ui-dialog-content {
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em
    }

    body .ui-dialog .ui-dialog-footer {
      border: 1px solid #c8c8c8;
      background-color: #fff;
      color: #333;
      padding: .571em 1em;
      margin: 0;
      text-align: right;
      position: relative;
      top: -1px
    }

    body .ui-dialog .ui-dialog-footer button {
      margin: 0 .5em 0 0;
      width: auto
    }

    body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
      padding: 1.5em
    }

    body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span {
      float: none;
      display: inline-block;
      vertical-align: middle;
      line-height: 14px;
      margin: 0
    }

    body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon {
      margin-right: .35em;
      font-size: 16px
    }

    body .ui-sidebar {
      background-color: #fff;
      color: #333;
      padding: .571em 1em;
      border: 1px solid #c8c8c8;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-sidebar .ui-sidebar-close {
      color: #848484
    }

    body .ui-sidebar .ui-sidebar-close:hover {
      color: #333
    }

    body .ui-tooltip .ui-tooltip-text {
      background-color: #333;
      color: #fff;
      padding: .429em;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
      border-right-color: #333
    }

    body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
      border-left-color: #333
    }

    body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
      border-top-color: #333
    }

    body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
      border-bottom-color: #333
    }

    body .ui-lightbox {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-lightbox .ui-lightbox-caption {
      border: 1px solid #c8c8c8;
      background-color: #f4f4f4;
      color: #333;
      padding: .571em 1em;
      font-weight: 700
    }

    body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
      color: #333;
      margin: 0
    }

    body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
      padding: 0;
      color: #848484;
      transition: color .2s
    }

    body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
      color: #333
    }

    body .ui-lightbox .ui-lightbox-content-wrapper {
      overflow: hidden;
      background-color: #fff;
      color: #333;
      border: 0;
      padding: 0;
      border-radius: 0
    }

    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left,
    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
      transition: all .2s;
      font-size: 3em;
      color: #fff;
      margin-top: -.5em
    }

    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover,
    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
      -ms-transform: scale(1.2);
      transform: scale(1.2)
    }

    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading~a {
      display: none
    }

    body .ui-breadcrumb {
      background-color: #fff;
      border: 1px solid #c8c8c8;
      padding: .571em 1em
    }

    body .ui-breadcrumb ul li .ui-menuitem-link {
      color: #333;
      margin: 0
    }

    body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
      margin: 0 .5em;
      color: #848484
    }

    body .ui-breadcrumb ul li:first-child a {
      color: #848484;
      margin: 0
    }

    body .ui-breadcrumb ul li .ui-menuitem-icon {
      color: #848484
    }

    body .ui-steps {
      position: relative
    }

    body .ui-steps .ui-steps-item {
      background-color: transparent;
      text-align: center
    }

    body .ui-steps .ui-steps-item .ui-menuitem-link {
      display: inline-block;
      text-align: center;
      background-color: transparent;
      overflow: hidden
    }

    body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
      border-radius: 50%;
      display: inline-block;
      color: #333;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      position: relative;
      top: 16px;
      margin-bottom: 14px;
      width: 28px;
      height: 28px;
      font-size: 16px;
      line-height: 24px;
      text-align: center
    }

    body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
      display: block;
      margin-top: 6px;
      color: #848484
    }

    body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
      background: #007ad9;
      color: #fff
    }

    body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
      font-weight: 700;
      color: #333
    }

    body .ui-steps .ui-steps-item:last-child .ui-menuitem-link {
      display: block
    }

    body .ui-steps:before {
      content: ' ';
      border-top: 1px solid #c8c8c8;
      width: 100%;
      top: 45%;
      left: 0;
      display: block;
      position: absolute
    }

    body .ui-contextmenu .ui-menuitem-link,
    body .ui-megamenu .ui-menuitem-link,
    body .ui-menu .ui-menuitem-link,
    body .ui-menubar .ui-menuitem-link,
    body .ui-slidemenu .ui-menuitem-link,
    body .ui-tieredmenu .ui-menuitem-link {
      padding: .714em .857em;
      color: #333;
      font-weight: 400;
      border-radius: 0
    }

    body .ui-contextmenu .ui-menuitem-link .ui-menuitem-text,
    body .ui-megamenu .ui-menuitem-link .ui-menuitem-text,
    body .ui-menu .ui-menuitem-link .ui-menuitem-text,
    body .ui-menubar .ui-menuitem-link .ui-menuitem-text,
    body .ui-slidemenu .ui-menuitem-link .ui-menuitem-text,
    body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-text {
      color: #333
    }

    body .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-megamenu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-menu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-menubar .ui-menuitem-link .ui-menuitem-icon,
    body .ui-slidemenu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon {
      color: #333;
      margin-right: .5em
    }

    body .ui-contextmenu .ui-menuitem-link:hover,
    body .ui-megamenu .ui-menuitem-link:hover,
    body .ui-menu .ui-menuitem-link:hover,
    body .ui-menubar .ui-menuitem-link:hover,
    body .ui-slidemenu .ui-menuitem-link:hover,
    body .ui-tieredmenu .ui-menuitem-link:hover {
      background-color: #eaeaea
    }

    body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-icon,
    body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-text,
    body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-icon,
    body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-text,
    body .ui-menu .ui-menuitem-link:hover .ui-menuitem-icon,
    body .ui-menu .ui-menuitem-link:hover .ui-menuitem-text,
    body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-icon,
    body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-text,
    body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-icon,
    body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-text,
    body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-icon,
    body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-text {
      color: #333
    }

    body .ui-menu {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8
    }

    body .ui-menu .ui-menuitem {
      margin: 0
    }

    body .ui-menu.ui-shadow {
      border: 1px solid #c8c8c8;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-menu .ui-submenu-header {
      margin: 0;
      padding: .714em .857em;
      color: #333;
      background-color: #f4f4f4;
      font-weight: 700;
      border: 0
    }

    body .ui-menu .ui-menu-separator {
      border: 1px solid #c8c8c8;
      border-width: 1px 0 0
    }

    body .ui-menubar {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8
    }

    body .ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link {
      padding: .714em .857em
    }

    body .ui-menubar .ui-menubar-root-list>.ui-menu-separator {
      border: 1px solid #c8c8c8;
      border-width: 0 0 0 1px
    }

    body .ui-menubar .ui-submenu-list {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-menubar .ui-submenu-list .ui-menuitem {
      margin: 0
    }

    body .ui-menubar .ui-submenu-list .ui-menu-separator {
      border: 1px solid #c8c8c8;
      border-width: 1px 0 0
    }

    body .ui-menubar .ui-menuitem {
      margin: 0
    }

    body .ui-menubar .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
      background-color: #eaeaea
    }

    body .ui-menubar .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,
    body .ui-menubar .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text,
    body .ui-menubar .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-submenu-icon {
      color: #333
    }

    body .ui-contextmenu,
    body .ui-contextmenu .ui-submenu-list {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-contextmenu .ui-menuitem {
      margin: 0
    }

    body .ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
      right: .429em
    }

    body .ui-contextmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
      background-color: #eaeaea
    }

    body .ui-contextmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,
    body .ui-contextmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text,
    body .ui-contextmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-submenu-icon {
      color: #333
    }

    body .ui-contextmenu .ui-menu-separator {
      border: 1px solid #c8c8c8;
      border-width: 1px 0 0
    }

    body .ui-tieredmenu {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8
    }

    body .ui-tieredmenu .ui-submenu-list {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-tieredmenu .ui-menuitem {
      margin: 0
    }

    body .ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
      right: .429em
    }

    body .ui-tieredmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
      background-color: #eaeaea
    }

    body .ui-tieredmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,
    body .ui-tieredmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text,
    body .ui-tieredmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-submenu-icon {
      color: #333
    }

    body .ui-tieredmenu .ui-menu-separator {
      border: 1px solid #c8c8c8;
      border-width: 1px 0 0
    }

    body .ui-slidemenu {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8
    }

    body .ui-slidemenu .ui-submenu-list {
      padding: 0;
      background-color: #fff;
      border: 0
    }

    body .ui-slidemenu .ui-menuitem {
      margin: 0
    }

    body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
      right: .429em
    }

    body .ui-slidemenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
      background-color: #eaeaea
    }

    body .ui-slidemenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,
    body .ui-slidemenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text,
    body .ui-slidemenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-submenu-icon {
      color: #333
    }

    body .ui-slidemenu .ui-slidemenu-backward {
      margin: 0;
      padding: .571em 1em;
      color: #333;
      background-color: #f4f4f4;
      font-weight: 700;
      border: 0
    }

    body .ui-slidemenu .ui-slidemenu-backward:hover {
      background-color: #dbdbdb;
      color: #333
    }

    body .ui-slidemenu .ui-menu-separator {
      border: 1px solid #c8c8c8;
      border-width: 1px 0 0
    }

    body .ui-tabmenu {
      border: 0
    }

    body .ui-tabmenu .ui-tabmenu-nav {
      padding: 0;
      background: 0 0;
      border-bottom: 1px solid #c8c8c8
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
      position: static;
      border: 1px solid #c8c8c8;
      background-color: #f4f4f4;
      margin-right: 2px;
      margin-bottom: -1px;
      transition: background-color .2s
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
      color: #333;
      padding: .571em 1em
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
      color: #333;
      margin-right: .5em
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
      color: #848484;
      margin-right: .5em
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover {
      background-color: #dbdbdb;
      border: 1px solid #dbdbdb
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon,
    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text {
      color: #333
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
      background-color: #007ad9;
      border: 1px solid #007ad9
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon,
    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
      color: #fff
    }

    body .ui-megamenu {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8
    }

    body .ui-megamenu .ui-megamenu-submenu-header {
      margin: 0;
      padding: .571em 1em;
      color: #333;
      background-color: #f4f4f4;
      font-weight: 700;
      border: 0
    }

    body .ui-megamenu .ui-megamenu-panel {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
    }

    body .ui-megamenu .ui-menuitem {
      margin: 0
    }

    body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
      right: .429em
    }

    body .ui-megamenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
      background-color: #eaeaea
    }

    body .ui-megamenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,
    body .ui-megamenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text,
    body .ui-megamenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-submenu-icon {
      color: #333
    }

    body .ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon {
      right: .429em
    }

    body .ui-panelmenu .ui-icon {
      position: static
    }

    body .ui-panelmenu .ui-panelmenu-header {
      padding: 0
    }

    body .ui-panelmenu .ui-panelmenu-header>a {
      border: 1px solid #c8c8c8;
      background-color: #f4f4f4;
      color: #333;
      padding: .714em .857em;
      font-weight: 700;
      position: static;
      font-size: 14px;
      transition: background-color .2s
    }

    body .ui-panelmenu .ui-panelmenu-header>a .ui-panelmenu-icon {
      color: #848484
    }

    body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active)>a:hover {
      outline: 0;
      border: 1px solid #dbdbdb;
      background-color: #dbdbdb;
      color: #333
    }

    body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active)>a:hover .ui-panelmenu-icon {
      color: #333
    }

    body .ui-panelmenu .ui-panelmenu-header.ui-state-active>a {
      border: 1px solid #007ad9;
      background-color: #007ad9;
      color: #fff
    }

    body .ui-panelmenu .ui-panelmenu-header.ui-state-active>a .ui-panelmenu-icon {
      color: #fff
    }

    body .ui-panelmenu .ui-panelmenu-header.ui-state-active>a:hover {
      outline: 0;
      border: 1px solid #005b9f;
      background-color: #005b9f;
      color: #fff
    }

    body .ui-panelmenu .ui-panelmenu-header.ui-state-active>a:hover .ui-panelmenu-icon {
      color: #fff
    }

    body .ui-panelmenu .ui-panelmenu-panel {
      margin-top: 2px
    }

    body .ui-panelmenu .ui-panelmenu-panel:first-child {
      margin-top: 0
    }

    body .ui-panelmenu .ui-panelmenu-content {
      padding: 0;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      margin-top: 0;
      position: static;
      border-top: 0
    }

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem {
      margin: 0
    }

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
      padding: .714em .857em;
      color: #333
    }

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover {
      background-color: #eaeaea
    }

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-icon,
    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text,
    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-panelmenu-icon {
      color: #333
    }

    body .ui-progressbar {
      border: 0;
      height: 24px;
      background-color: #eaeaea
    }

    body .ui-progressbar .ui-progressbar-value {
      border: 0;
      margin: 0;
      background: #007ad9
    }

    body .ui-progressbar .ui-progressbar-label {
      margin-top: 0;
      color: #333;
      line-height: 24px
    }

    body .ui-galleria .ui-galleria-nav-next,
    body .ui-galleria .ui-galleria-nav-prev {
      transition: all .2s;
      position: absolute;
      color: #848484;
      font-size: 16px
    }

    body .ui-galleria .ui-galleria-nav-next:hover,
    body .ui-galleria .ui-galleria-nav-prev:hover {
      -ms-transform: scale(1.2);
      transform: scale(1.2)
    }

    body .ui-terminal {
      background-color: #fff;
      color: #333;
      border: 1px solid #c8c8c8;
      padding: .571em 1em
    }

    body .ui-terminal .ui-terminal-input {
      font-size: 14px;
      font-family: "Open Sans", "Helvetica Neue", sans-serif;
      height: 16px
    }

    body .ui-terminal .ui-terminal-command {
      height: 16px
    }

    body .ui-inplace {
      min-height: 2.357em
    }

    body .ui-inplace .ui-inplace-display {
      padding: .429em;
      border-radius: 3px;
      transition: background-color .2s
    }

    body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
      background-color: #eaeaea;
      color: #333
    }

    body .ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content>:first-child {
      display: inline-block;
      width: calc(100% - 2.357em)
    }

    .ui-widget,
    .ui-widget * {
      box-sizing: border-box
    }

    .ui-helper-hidden {
      display: none !important
    }

    .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-hidden-accessible input,
    .ui-helper-hidden-accessible select {
      -ms-transform: scale(0);
      transform: scale(0)
    }

    .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::after,
    .ui-helper-clearfix::before {
      content: "";
      display: table
    }

    .ui-helper-clearfix::after {
      clear: both
    }

    .ui-helper-clearfix {
      zoom: 1
    }

    .ui-helper-zfix {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      opacity: 0;
      filter: Alpha(Opacity=0)
    }

    .ui-state-disabled,
    .ui-state-disabled a {
      cursor: default !important
    }

    .ui-icon {
      display: block;
      text-indent: -99999px;
      overflow: hidden;
      background-repeat: no-repeat
    }

    .ui-widget-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    .ui-resizable {
      position: relative
    }

    .ui-resizable-handle {
      position: absolute;
      font-size: .1px;
      display: block
    }

    .ui-resizable-autohide .ui-resizable-handle,
    .ui-resizable-disabled .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-shadow {
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)
    }

    .ui-unselectable-text {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .ui-scrollbar-measure {
      width: 100px;
      height: 100px;
      overflow: scroll;
      position: absolute;
      top: -9999px
    }

    .ui-overflow-hidden {
      overflow: hidden
    }

    ::-webkit-input-placeholder {
      color: #898989
    }

    :-moz-placeholder {
      color: #898989;
      opacity: 1
    }

    ::-moz-placeholder {
      color: #898989;
      opacity: 1
    }

    :-ms-input-placeholder {
      color: #898989
    }

    ::-ms-input-placeholder {
      color: #898989
    }

    .ui-placeholder {
      color: #898989
    }

    button,
    input[type=button],
    input[type=file]::-webkit-file-upload-button,
    input[type=reset],
    input[type=submit] {
      border-radius: 0
    }

    .ui-accordion {
      width: 100%
    }

    .ui-accordion .ui-accordion-header {
      cursor: pointer;
      position: relative;
      margin-top: 1px;
      zoom: 1
    }

    .ui-accordion .ui-accordion-header a {
      display: block;
      padding: .5em
    }

    .ui-accordion .ui-accordion-header-text,
    .ui-accordion .ui-accordion-toggle-icon {
      vertical-align: middle
    }

    .ui-accordion .ui-accordion-content {
      padding: 1em;
      border-top: 0;
      overflow: visible;
      zoom: 1
    }

    .ui-accordion .ui-accordion-header.ui-state-disabled,
    .ui-accordion .ui-accordion-header.ui-state-disabled a {
      cursor: default
    }

    .ui-accordion-content-wrapper-overflown {
      overflow: hidden
    }

    .ui-rtl .ui-accordion .ui-accordion-header a {
      padding: .5em 2em .5em .5em
    }

    .ui-rtl .ui-accordion .ui-accordion-toggle-icon {
      left: initial;
      right: .5em
    }

    .ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
      content: '\e904'
    }

    .ui-blockui {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    .ui-blockui-document {
      position: fixed
    }

    .ui-autocomplete {
      width: auto;
      zoom: 1;
      cursor: pointer;
      box-shadow: none;
      position: relative;
      display: inline-block
    }

    .ui-autocomplete .ui-autocomplete-dropdown {
      height: 100%;
      width: 2em;
      margin-right: 0;
      vertical-align: top
    }

    .ui-autocomplete .ui-autocomplete-input {
      padding-right: 1.5em
    }

    .ui-autocomplete-loader {
      position: absolute;
      right: .25em;
      top: 50%;
      margin-top: -.5em
    }

    .ui-autocomplete-query {
      font-weight: 700
    }

    .ui-autocomplete .ui-autocomplete-panel {
      min-width: 100%
    }

    .ui-autocomplete-panel {
      position: absolute;
      overflow: auto
    }

    .ui-autocomplete-panel .ui-autocomplete-list {
      padding: .4em;
      border: 0
    }

    .ui-autocomplete-panel .ui-autocomplete-list-item {
      border: 0;
      cursor: pointer;
      font-weight: 400;
      margin: 1px 0;
      padding: .186em .313em;
      text-align: left
    }

    .ui-autocomplete .ui-button-icon-only,
    .ui-autocomplete .ui-button-icon-only:enabled:active,
    .ui-autocomplete .ui-button-icon-only:enabled:focus,
    .ui-autocomplete .ui-button-icon-only:enabled:hover {
      border-left: 0
    }

    .ui-autocomplete-multiple-container {
      display: inline-block;
      vertical-align: middle
    }

    .ui-autocomplete-multiple-container.ui-inputtext {
      clear: left;
      cursor: text;
      list-style-type: none;
      margin: 0;
      overflow: hidden;
      padding: 0 1.5em 0 .25em
    }

    .ui-autocomplete-token {
      cursor: default;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      padding: .125em .5em;
      white-space: nowrap;
      position: relative;
      margin-right: .125em;
      border: 0;
      font-size: .9em
    }

    .ui-autocomplete-token-label {
      display: block;
      margin-right: 2em
    }

    .ui-autocomplete-token-icon {
      margin-top: -.5em;
      position: absolute;
      right: .2em;
      top: 50%;
      cursor: pointer
    }

    .ui-autocomplete-input-token {
      display: inline-block;
      vertical-align: middle;
      list-style-type: none;
      margin: 0 0 0 .125em;
      padding: .25em .25em .25em 0
    }

    .ui-autocomplete-input-token input {
      border: 0;
      width: 10em;
      outline: 0;
      background-color: transparent;
      margin: 0;
      padding: 0;
      box-shadow: none;
      border-radius: 0
    }

    .ui-autocomplete-dd .ui-autocomplete-loader {
      right: 2.25em
    }

    .ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all,
    .ui-autocomplete-dd input.ui-corner-all {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    .ui-fluid .ui-autocomplete,
    .ui-fluid .ui-autocomplete-input,
    .ui-fluid p-autocomplete {
      width: 100%
    }

    .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,
    .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
      width: calc(100% - 2em)
    }

    .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
      width: 2em
    }

    .ui-button {
      display: inline-block;
      position: relative;
      padding: 0;
      text-decoration: none !important;
      cursor: pointer;
      text-align: center;
      zoom: 1;
      overflow: visible
    }

    p-button {
      display: inline-block
    }

    .ui-button .ui-button-text {
      display: block;
      line-height: normal
    }

    .ui-button-text-only .ui-button-text {
      padding: .25em 1em
    }

    .ui-button-icon-only .ui-button-text,
    .ui-button-text-empty .ui-button-text {
      padding: .25em;
      text-indent: -9999999px
    }

    .ui-button-text-icon-left .ui-button-text {
      padding: .25em 1em .25em 2.1em
    }

    .ui-button-text-icon-right .ui-button-text {
      padding: .25em 2.1em .25em 1em
    }

    .ui-button-icon-only .ui-button-icon-left,
    .ui-button-text-icon-left .ui-button-icon-left,
    .ui-button-text-icon-right .ui-button-icon-right {
      position: absolute;
      top: 50%;
      margin-top: -.5em;
      height: 1em
    }

    .ui-button-icon-only .ui-button-icon-left {
      top: 50%;
      left: 50%;
      margin-top: -.5em;
      margin-left: -.5em;
      width: 1em;
      height: 1em
    }

    .ui-button-icon-left {
      left: .5em
    }

    .ui-button-icon-right {
      right: .5em
    }

    .ui-buttonset .ui-button {
      margin-left: 0;
      margin-right: 0
    }

    button.ui-button::-moz-focus-inner {
      border: 0;
      padding: 0
    }

    .ui-fluid .ui-button {
      width: 100%
    }

    .ui-fluid .ui-button-text-icon-left .ui-button-text,
    .ui-fluid .ui-button-text-icon-right .ui-button-text {
      padding-left: 1em;
      padding-right: 1em
    }

    .ui-fluid .ui-buttonset,
    .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
      width: 100%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
      width: 50%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
      width: 33.3%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
      width: 25%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
      width: 20%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
      width: 16.6%
    }

    @media(max-width:640px) {

      .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
      .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
      .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
      .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
      .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
      .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width: 100%
      }
    }

    .ui-breadcrumb {
      margin: 0;
      padding: .5em
    }

    .ui-breadcrumb ul {
      margin: 0;
      padding: 0
    }

    .ui-breadcrumb ul li {
      display: inline-block;
      margin: 0 .25em
    }

    .ui-breadcrumb-chevron,
    .ui-breadcrumb-home {
      vertical-align: middle
    }

    .ui-breadcrumb ul li .ui-menuitem-link {
      text-decoration: none
    }

    .ui-breadcrumb .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-breadcrumb .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-calendar {
      position: relative;
      display: inline-block
    }

    .ui-calendar .ui-calendar-button {
      height: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      width: 2em;
      border-left: 0
    }

    .ui-calendar .ui-calendar-button:enabled:hover,
    .ui-calendar .ui-calendar-button:focus {
      border-left: 0
    }

    .ui-calendar .ui-datepicker {
      min-width: 100%
    }

    .ui-fluid .ui-calendar {
      width: 100%
    }

    .ui-fluid .ui-calendar-button {
      width: 2em
    }

    .ui-fluid .ui-datepicker-buttonbar button {
      width: auto
    }

    .ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
      width: calc(100% - 2em)
    }

    .ui-datepicker {
      width: auto;
      padding: .2em;
      position: absolute
    }

    .ui-datepicker.ui-datepicker-inline {
      display: inline-block;
      position: static
    }

    .ui-datepicker .ui-datepicker-group {
      border-width: 0
    }

    .ui-datepicker .ui-datepicker-header {
      position: relative;
      padding: .5em 0
    }

    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
      position: absolute;
      top: .5em;
      width: 1.8em;
      height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev {
      left: .125em
    }

    .ui-datepicker .ui-datepicker-next {
      right: .125em
    }

    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -.5em;
      margin-left: -.5em
    }

    .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: .125em 0;
      vertical-align: middle
    }

    .ui-datepicker select.ui-datepicker-month {
      margin-right: .25em
    }

    .ui-datepicker span.ui-datepicker-year {
      margin-left: .25em
    }

    .ui-datepicker-multiple-month .ui-datepicker-group {
      display: table-cell;
      border-width: 0 1px 0 0
    }

    .ui-datepicker table {
      width: 100%;
      font-size: .9em;
      border-collapse: collapse;
      margin: 0 0 .4em
    }

    .ui-datepicker th {
      padding: .5em;
      text-align: center;
      font-weight: 700;
      border: 0
    }

    .ui-datepicker td {
      border: 0;
      padding: 0
    }

    .ui-datepicker td>a,
    .ui-datepicker td>span {
      display: block;
      padding: .5em;
      text-decoration: none;
      border: 0;
      text-align: center
    }

    .ui-datepicker .ui-datepicker-buttonbar {
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      padding: .5em
    }

    .ui-datepicker .ui-datepicker-buttonbar>.ui-g>div:last-child {
      text-align: right
    }

    .ui-datepicker .ui-datepicker-buttonbar>.ui-g>div {
      padding: 0
    }

    .ui-calendar.ui-calendar-w-btn input {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .ui-monthpicker .ui-monthpicker-month {
      width: 33.3%;
      display: inline-block;
      text-align: center;
      padding: .5em;
      cursor: pointer
    }

    .ui-datepicker-monthpicker select.ui-datepicker-year {
      width: auto
    }

    .ui-timepicker {
      text-align: center;
      padding: .5em 0
    }

    .ui-timepicker>div {
      display: inline-block;
      margin-left: .5em;
      min-width: 1.5em
    }

    .ui-timepicker>.ui-minute-picker,
    .ui-timepicker>.ui-second-picker {
      margin-left: 0
    }

    .ui-timepicker>.ui-separator {
      margin-left: 0;
      min-width: .75em
    }

    .ui-timepicker>.ui-separator a {
      visibility: hidden
    }

    .ui-timepicker>div a {
      display: block;
      opacity: .7;
      filter: Alpha(Opacity=70);
      cursor: pointer
    }

    .ui-timepicker>div a:last-child {
      margin-top: .3em
    }

    .ui-timepicker>div a:hover {
      display: block;
      opacity: 1;
      filter: Alpha(Opacity=100)
    }

    input[type=text]::-ms-clear {
      display: none
    }

    .ui-calendar .ui-datepicker-touch-ui,
    .ui-datepicker-touch-ui {
      position: fixed;
      top: 50%;
      left: 50%;
      min-width: 80vw
    }

    .ui-datepicker-touch-ui.ui-datepicker th {
      padding: 2em 0
    }

    .ui-datepicker-touch-ui.ui-datepicker td {
      padding: 0
    }

    .ui-datepicker-touch-ui.ui-datepicker td>a,
    .ui-datepicker-touch-ui.ui-datepicker td>span {
      padding: 2em 0
    }

    .ui-datepicker-touch-ui .ui-timepicker {
      padding: 1em 0
    }

    .ui-datepicker-touch-ui .ui-timepicker>div a {
      font-size: 2em
    }

    .ui-datepicker-mask {
      position: fixed;
      width: 100%;
      height: 100%
    }

    @media screen and (max-width:40em) {
      .ui-datepicker-multiple-month {
        width: 17em;
        overflow: auto
      }

      .ui-datepicker-touch-ui.ui-datepicker td a,
      .ui-datepicker-touch-ui.ui-datepicker td span,
      .ui-datepicker-touch-ui.ui-datepicker th {
        padding: 1em 0
      }
    }

    .ui-card-header img {
      width: 100%
    }

    .ui-card-body {
      padding: 1em
    }

    .ui-card-title {
      font-size: 1.5em;
      font-weight: 700;
      margin-bottom: .5em
    }

    .ui-card-subtitle {
      opacity: .7;
      margin-bottom: .5em;
      margin-top: -.25em;
      font-weight: 700
    }

    .ui-card-footer {
      padding-top: 1em
    }

    .ui-carousel {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%
    }

    .ui-carousel-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      padding: 0 .5em
    }

    .ui-carousel-next,
    .ui-carousel-prev {
      -ms-flex-item-align: center;
      align-self: center;
      text-align: center;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 2.5em;
      height: 2.5em;
      position: relative
    }

    .ui-carousel-next span,
    .ui-carousel-prev span {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center
    }

    .ui-carousel-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 0 .1em
    }

    .ui-carousel-footer,
    .ui-carousel-header {
      padding: .5em;
      z-index: 1
    }

    .ui-carousel-items-content {
      overflow: hidden;
      width: 100%
    }

    .ui-carousel-items-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-direction: row;
      flex-direction: row
    }

    .ui-carousel-items-container .ui-carousel-item {
      width: 100%;
      box-sizing: border-box;
      overflow: auto
    }

    .ui-carousel-dots-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: .5em
    }

    .ui-carousel-vertical .ui-carousel-container {
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%
    }

    .ui-carousel-vertical .ui-carousel-items-container {
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%
    }

    .ui-carousel-vertical .ui-carousel-dots-container {
      margin: .75em 0
    }

    .ui-chips>ul.ui-inputtext {
      clear: left;
      cursor: text;
      list-style-type: none;
      margin: 0;
      overflow: hidden;
      padding: 0 .25em
    }

    .ui-chips-token {
      cursor: default;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      padding: .125em .5em;
      white-space: nowrap;
      position: relative;
      margin-right: .125em;
      border: 0;
      font-size: .9em
    }

    .ui-chips-token .ui-chips-token-label {
      display: block;
      margin-right: 2em
    }

    .ui-chips>.ui-state-disabled .ui-chips-token-label {
      margin-right: 0
    }

    .ui-chips-token .ui-chips-token-icon {
      margin-top: -.5em;
      position: absolute;
      right: .2em;
      top: 50%;
      cursor: pointer
    }

    .ui-chips-input-token {
      display: inline-block;
      vertical-align: middle;
      list-style-type: none;
      margin: 0 0 0 .125em;
      padding: .25em .25em .25em 0
    }

    .ui-chips-input-token input {
      border: 0;
      width: 10em;
      outline: 0;
      background-color: transparent;
      margin: 0;
      padding: 0;
      box-shadow: none;
      border-radius: 0
    }

    .ui-chkbox {
      display: inline-block;
      cursor: pointer;
      vertical-align: middle;
      margin-right: .25em;
      -ms-user-select: none;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none
    }

    .ui-chkbox .ui-chkbox-box {
      width: 1.125em;
      height: 1.125em;
      line-height: 1.125em;
      border-radius: 2px;
      text-align: center
    }

    .ui-chkbox .ui-chkbox-icon {
      display: block
    }

    .ui-chkbox-label {
      vertical-align: middle
    }

    .ui-chkbox-readonly {
      cursor: default
    }

    .ui-colorpicker {
      display: inline-block
    }

    .ui-colorpicker-dragging {
      cursor: pointer
    }

    .ui-colorpicker-overlay {
      position: relative
    }

    .ui-colorpicker-panel {
      position: relative;
      width: 193px;
      height: 166px;
      background-color: #323232;
      border-color: #191919
    }

    .ui-colorpicker-overlay-panel {
      position: absolute
    }

    .ui-colorpicker-preview {
      width: 2em;
      cursor: pointer
    }

    .ui-colorpicker-panel .ui-colorpicker-content {
      position: relative
    }

    .ui-colorpicker-panel .ui-colorpicker-color-selector {
      width: 150px;
      height: 150px;
      top: 8px;
      left: 8px;
      position: absolute
    }

    .ui-colorpicker-panel .ui-colorpicker-color {
      width: 150px;
      height: 150px;
      background: url(color.png) left top no-repeat
    }

    .ui-colorpicker-panel .ui-colorpicker-color-handle {
      position: absolute;
      top: 0;
      left: 150px;
      border-radius: 100%;
      width: 10px;
      height: 10px;
      border: 1px solid #fff;
      margin: -5px 0 0 -5px;
      cursor: pointer
    }

    .ui-colorpicker-panel .ui-colorpicker-hue {
      background: url(hue.png) left top no-repeat;
      width: 17px;
      height: 150px;
      top: 8px;
      left: 167px;
      position: absolute;
      opacity: .85
    }

    .ui-colorpicker-panel .ui-colorpicker-hue-handle {
      position: absolute;
      top: 150px;
      left: 0;
      width: 21px;
      margin-left: -2px;
      margin-top: -5px;
      height: 10px;
      border: 2px solid #fff;
      opacity: .85;
      cursor: pointer
    }

    .ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle,
    .ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle {
      opacity: .5
    }

    .ui-contextmenu {
      width: 12.5em;
      padding: .25em;
      position: absolute;
      display: none
    }

    .ui-contextmenu .ui-menu-separator {
      border-width: 1px 0 0
    }

    .ui-contextmenu ul {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .ui-contextmenu .ui-submenu-list {
      display: none;
      position: absolute;
      width: 12.5em;
      padding: .25em
    }

    .ui-contextmenu .ui-menuitem-link {
      padding: .25em;
      display: block;
      position: relative
    }

    .ui-contextmenu .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-contextmenu .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-contextmenu .ui-menuitem {
      position: relative
    }

    .ui-contextmenu .ui-menuitem-link .ui-submenu-icon {
      position: absolute;
      margin-top: -.5em;
      right: 0;
      top: 50%
    }

    .ui-contextmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list {
      display: block !important
    }

    .ui-datagrid .ui-paginator {
      text-align: center
    }

    .ui-datagrid-column {
      padding: .25em
    }

    .ui-datagrid-content-empty {
      padding: .25em .625em
    }

    .ui-datagrid .ui-datagrid-footer,
    .ui-datagrid .ui-datagrid-header {
      text-align: center;
      padding: .5em .75em
    }

    .ui-datagrid .ui-datagrid-header {
      border-bottom: 0
    }

    .ui-datagrid .ui-datagrid-footer {
      border-top: 0
    }

    .ui-datagrid .ui-paginator-top {
      border-bottom: 0
    }

    .ui-datagrid .ui-paginator-bottom {
      border-top: 0
    }

    .ui-datascroller .ui-datascroller-header {
      text-align: center;
      padding: .5em .75em;
      border-bottom: 0
    }

    .ui-datascroller .ui-datascroller-footer {
      text-align: center;
      padding: .25em .625em;
      border-top: 0
    }

    .ui-datascroller .ui-datascroller-content {
      padding: .25em .625em
    }

    .ui-datascroller-inline .ui-datascroller-content {
      overflow: auto
    }

    .ui-datascroller .ui-datascroller-list {
      list-style-type: none;
      margin: 0;
      padding: 0
    }

    .ui-datalist .ui-datalist-footer,
    .ui-datalist .ui-datalist-header {
      text-align: center;
      padding: .5em .75em
    }

    .ui-datalist .ui-datalist-header {
      border-bottom: 0
    }

    .ui-datalist .ui-datalist-footer {
      border-top: 0
    }

    .ui-datalist .ui-datalist-data {
      margin: 0;
      padding: 0
    }

    .ui-datalist .ui-datalist-data>li {
      list-style-type: none
    }

    .ui-datalist .ui-datalist-emptymessage {
      padding: .5em .75em
    }

    .ui-datalist.ui-datalist-scrollable .ui-datalist-content {
      overflow: auto
    }

    .ui-datalist .ui-paginator-top {
      border-bottom: 0
    }

    .ui-datalist .ui-paginator-bottom {
      border-top: 0
    }

    .ui-dataview {
      position: relative
    }

    .ui-dataview .ui-paginator {
      text-align: center
    }

    .ui-dataview-column {
      padding: .25em
    }

    .ui-dataview-content-empty {
      padding: .25em .625em
    }

    .ui-dataview .ui-dataview-footer,
    .ui-dataview .ui-dataview-header {
      padding: .5em .75em
    }

    .ui-dataview .ui-dataview-header {
      border-bottom: 0
    }

    .ui-dataview .ui-dataview-footer {
      border-top: 0
    }

    .ui-dataview .ui-paginator-top {
      border-bottom: 0
    }

    .ui-dataview .ui-paginator-bottom {
      border-top: 0
    }

    .ui-dataview.ui-dataview-list>.ui-dataview-content>div.ui-g>div {
      width: 100%
    }

    .ui-dataview .ui-dataview-emptymessage {
      padding: .5em .75em
    }

    .ui-dataview-loading {
      position: absolute;
      width: 100%;
      height: 100%;
      -ms-filter: "alpha(opacity=10)";
      opacity: .1;
      z-index: 1
    }

    .ui-dataview-loading-content {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      margin-top: -1em;
      margin-left: -1em
    }

    .ui-dataview-loading-icon {
      font-size: 2em
    }

    .ui-dialog {
      position: fixed;
      padding: 0
    }

    .ui-dynamicdialog {
      top: 50%;
      left: 50%
    }

    .ui-dialog .ui-dialog-titlebar {
      padding: .5em .75em;
      position: relative;
      border: 0
    }

    .ui-dialog .ui-dialog-content {
      position: relative;
      border: 0;
      padding: .5em .75em;
      background: 0;
      zoom: 1
    }

    .ui-dialog-resizable .ui-dialog-content {
      overflow: auto
    }

    .ui-dialog .ui-resizable-se {
      width: 14px;
      height: 14px;
      right: 3px;
      bottom: 3px
    }

    .ui-draggable .ui-dialog-titlebar {
      cursor: move
    }

    .ui-dialog .ui-dialog-titlebar-icon {
      text-decoration: none;
      float: right;
      padding: .125em;
      cursor: pointer;
      border: 1px solid transparent
    }

    .ui-dialog .ui-dialog-titlebar-icon span {
      display: block;
      margin: 0
    }

    .ui-dialog-footer {
      padding: 1em;
      border-width: 1px 0 0;
      text-align: right
    }

    .ui-dialog-mask {
      position: fixed;
      width: 100%;
      height: 100%
    }

    .ui-dialog-maximized {
      transition: left .3s, top .3s, width .3s, height .3s
    }

    .ui-confirmdialog {
      width: 30em;
      top: 50%;
      left: 50%
    }

    .ui-confirmdialog.ui-dialog .ui-dialog-content {
      padding: 1em 2em
    }

    .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
      font-size: 1.5em;
      margin-right: .5em;
      position: relative;
      top: .2em
    }

    .ui-dialog-footer .ui-button {
      margin-right: .25em
    }

    .ui-fluid .ui-dialog-footer .ui-button {
      width: auto
    }

    .ui-rtl .ui-dialog .ui-dialog-titlebar-close {
      float: left
    }

    .ui-rtl .ui-dialog .ui-dialog-buttonpane button {
      text-align: right
    }

    @media screen and (max-width:40em) {
      .ui-confirmdialog {
        width: 90%
      }
    }

    .ui-dropdown {
      display: inline-block;
      position: relative;
      cursor: pointer;
      vertical-align: middle;
      min-width: 12.5em
    }

    .ui-dropdown .ui-dropdown-hidden-select {
      bottom: 0;
      clip: auto
    }

    .ui-dropdown .ui-dropdown-hidden-select select {
      -ms-transform: none;
      transform: none;
      height: 1px;
      position: absolute;
      top: 0;
      clip: rect(0, 0, 0, 0);
      pointer-events: none
    }

    .ui-dropdown .ui-dropdown-clear-icon {
      position: absolute;
      right: 2em;
      top: 50%;
      font-size: 1em;
      height: 1em;
      margin-top: -.5em
    }

    .ui-dropdown .ui-dropdown-trigger {
      border-right: 0;
      border-top: 0;
      border-bottom: 0;
      cursor: pointer;
      width: 1.5em;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      padding: 0 .25em
    }

    .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
      top: 50%;
      left: 50%;
      margin-top: -.5em;
      margin-left: -.5em;
      position: absolute
    }

    .ui-dropdown .ui-dropdown-label {
      display: block;
      border: 0;
      white-space: nowrap;
      overflow: hidden;
      font-weight: 400;
      width: 100%;
      padding-right: 2.5em
    }

    .ui-dropdown-item-empty,
    .ui-dropdown-label-empty {
      text-indent: -9999px;
      overflow: hidden
    }

    .ui-dropdown.ui-state-disabled .ui-dropdown-label,
    .ui-dropdown.ui-state-disabled .ui-dropdown-trigger {
      cursor: default
    }

    .ui-dropdown label.ui-dropdown-label {
      cursor: pointer
    }

    .ui-dropdown input.ui-dropdown-label {
      cursor: default
    }

    .ui-dropdown .ui-dropdown-panel {
      min-width: 100%
    }

    .ui-dropdown-panel {
      position: absolute;
      height: auto
    }

    .ui-dropdown-panel .ui-dropdown-items-wrapper {
      overflow: auto
    }

    .ui-dropdown-panel .ui-dropdown-item {
      font-weight: 400;
      border: 0;
      cursor: pointer;
      margin: 1px 0;
      padding: .125em .25em;
      text-align: left
    }

    .ui-dropdown-panel .ui-dropdown-empty-message {
      padding: .5em
    }

    .ui-dropdown-panel .ui-dropdown-item-group {
      font-weight: 700;
      cursor: default
    }

    .ui-dropdown-panel .ui-dropdown-list {
      padding: .4em;
      border: 0
    }

    .ui-dropdown-panel .ui-dropdown-filter {
      width: 100%;
      box-sizing: border-box;
      padding-right: 1.5em
    }

    .ui-dropdown-panel .ui-dropdown-filter-container {
      position: relative;
      margin: 0;
      padding: .4em;
      display: inline-block;
      width: 100%
    }

    .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
      position: absolute;
      top: .8em;
      right: 1em
    }

    .ui-fluid .ui-dropdown {
      width: 100%;
      min-width: 100%
    }

    .ui-fieldset,
    .ui-fieldset .ui-fieldset-legend {
      padding: .5em 1em
    }

    .ui-fieldset-toggleable .ui-fieldset-legend {
      padding: 0
    }

    .ui-fieldset-toggleable .ui-fieldset-legend a {
      padding: .5em 1em;
      cursor: pointer;
      white-space: nowrap;
      display: block
    }

    .ui-fieldset .ui-fieldset-toggler {
      margin-right: .1em;
      display: inline-block;
      vertical-align: middle
    }

    .ui-fieldset .ui-fieldset-legend-text {
      vertical-align: middle
    }

    .ui-fieldset .ui-fieldset-content-wrapper-overflown {
      overflow: hidden
    }

    .ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
      cursor: default
    }

    .ui-fileupload-buttonbar {
      padding: .5em;
      border-bottom: 0
    }

    .ui-fileupload-buttonbar .ui-button {
      vertical-align: middle;
      margin-right: .25em
    }

    .ui-fileupload-content {
      padding: 1em;
      position: relative;
      transition: border-color .3s
    }

    .ui-fileupload-content.ui-fileupload-highlight {
      border-color: #156090
    }

    .ui-fileupload-files img {
      border: 0
    }

    .ui-fileupload-files {
      display: table
    }

    .ui-fileupload-row {
      display: table-row
    }

    .ui-fileupload-row>div {
      display: table-cell;
      padding: .5em 1em;
      vertical-align: middle
    }

    .ui-fileupload-content .ui-progressbar {
      width: 100%;
      position: absolute;
      top: 1px;
      left: 0;
      height: .25em;
      border: 0
    }

    .ui-fileupload-content .ui-progressbar-value {
      border-radius: 0;
      border: 0
    }

    .ui-fileupload-choose {
      position: relative;
      overflow: hidden
    }

    .ui-fileupload-choose input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      direction: ltr;
      cursor: pointer;
      z-index: 1
    }

    .ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
      display: none
    }

    .ui-fluid .ui-fileupload .ui-button {
      width: auto
    }

    .ui-fluid .ui-fileupload-content .ui-button-icon-only {
      width: 2em
    }

    @media(max-width:40em) {
      .ui-fileupload-buttonbar .ui-button {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: .25em
      }

      .ui-fileupload-buttonbar .ui-button:last-child {
        margin-bottom: 0
      }

      .ui-fileupload-row>div {
        display: block
      }
    }

    .ui-galleria {
      overflow: hidden;
      visibility: hidden;
      position: relative
    }

    .ui-galleria .ui-galleria-panel-wrapper {
      position: relative;
      padding: 0;
      margin: 0
    }

    .ui-galleria .ui-galleria-panel {
      -webkit-filter: inherit;
      filter: inherit;
      position: absolute;
      top: 0;
      left: 0;
      list-style-type: none
    }

    .ui-galleria .ui-galleria-filmstrip-wrapper {
      overflow: hidden;
      margin: .25em auto;
      position: relative
    }

    .ui-galleria .ui-galleria-filmstrip {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 2340px;
      position: absolute;
      top: 0;
      left: 0
    }

    .ui-galleria .ui-galleria-frame {
      float: left;
      margin-right: 5px;
      opacity: .3;
      cursor: pointer
    }

    .ui-galleria .ui-galleria-frame-active {
      opacity: 1
    }

    .ui-galleria .ui-galleria-frame-content {
      overflow: hidden
    }

    .ui-galleria .ui-galleria-nav-next,
    .ui-galleria .ui-galleria-nav-prev {
      cursor: pointer;
      position: absolute;
      z-index: 1
    }

    .ui-galleria .ui-galleria-nav-prev {
      left: 4px
    }

    .ui-galleria .ui-galleria-nav-next {
      right: 4px
    }

    .ui-galleria .ui-galleria-caption {
      position: absolute;
      left: 1px;
      background-color: rgba(0, 0, 0, .5);
      display: none;
      color: #ededed;
      padding: .2em 1em
    }

    .ui-galleria .ui-galleria-caption h4 {
      color: #ededed
    }

    .ui-galleria .ui-galleria-panel-content {
      padding: 1em 1.4em
    }

    .ui-grid {
      clear: both;
      padding: 0;
      margin: 0
    }

    .ui-grid::after,
    .ui-grid::before {
      content: "";
      display: table
    }

    .ui-grid::after {
      clear: both
    }

    .ui-grid .ui-grid-row {
      display: -ms-flexbox;
      display: flex;
      clear: both
    }

    .ui-grid-row::after {
      clear: both;
      content: "";
      display: table
    }

    .ui-grid-col-1,
    .ui-grid-col-10,
    .ui-grid-col-11,
    .ui-grid-col-12,
    .ui-grid-col-2,
    .ui-grid-col-3,
    .ui-grid-col-4,
    .ui-grid-col-5,
    .ui-grid-col-6,
    .ui-grid-col-7,
    .ui-grid-col-8,
    .ui-grid-col-9 {
      float: left;
      box-sizing: border-box
    }

    .ui-grid-col-1 {
      width: 8.33333%
    }

    .ui-grid-col-2 {
      width: 16.66666%
    }

    .ui-grid-col-3 {
      width: 25%
    }

    .ui-grid-col-4 {
      width: 33.33333%
    }

    .ui-grid-col-5 {
      width: 41.66666%
    }

    .ui-grid-col-6 {
      width: 50%
    }

    .ui-grid-col-7 {
      width: 58.33333%
    }

    .ui-grid-col-8 {
      width: 66.66666%
    }

    .ui-grid-col-9 {
      width: 75%
    }

    .ui-grid-col-10 {
      width: 83.33333%
    }

    .ui-grid-col-11 {
      width: 91.66666%
    }

    .ui-grid-col-12 {
      width: 100%
    }

    @media(min-width:480px) {
      .ui-grid-fixed {
        width: 480px
      }
    }

    @media(min-width:768px) {
      .ui-grid-fixed {
        width: 768px
      }
    }

    @media(min-width:960px) {
      .ui-grid-fixed {
        width: 960px
      }
    }

    @media(min-width:1024px) {
      .ui-grid-fixed {
        width: 1024px
      }
    }

    .ui-grid.ui-grid-pad>.ui-grid-row>div {
      padding: .25em .5em
    }

    @media(max-width:640px) {
      .ui-grid-responsive .ui-grid-row {
        display: block
      }

      .ui-grid-responsive .ui-grid-col-1,
      .ui-grid-responsive .ui-grid-col-10,
      .ui-grid-responsive .ui-grid-col-11,
      .ui-grid-responsive .ui-grid-col-12,
      .ui-grid-responsive .ui-grid-col-2,
      .ui-grid-responsive .ui-grid-col-3,
      .ui-grid-responsive .ui-grid-col-4,
      .ui-grid-responsive .ui-grid-col-5,
      .ui-grid-responsive .ui-grid-col-6,
      .ui-grid-responsive .ui-grid-col-7,
      .ui-grid-responsive .ui-grid-col-8,
      .ui-grid-responsive .ui-grid-col-9 {
        width: 100%;
        float: none
      }
    }

    .ui-g {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      box-sizing: border-box
    }

    .ui-g::after {
      clear: both;
      content: "";
      display: table;
      box-sizing: border-box
    }

    .ui-g-1,
    .ui-g-10,
    .ui-g-11,
    .ui-g-12,
    .ui-g-2,
    .ui-g-3,
    .ui-g-4,
    .ui-g-5,
    .ui-g-6,
    .ui-g-7,
    .ui-g-8,
    .ui-g-9 {
      float: left;
      box-sizing: border-box;
      padding: .5em
    }

    .ui-g-1 {
      width: 8.3333%
    }

    .ui-g-2 {
      width: 16.6667%
    }

    .ui-g-3 {
      width: 25%
    }

    .ui-g-4 {
      width: 33.3333%
    }

    .ui-g-5 {
      width: 41.6667%
    }

    .ui-g-6 {
      width: 50%
    }

    .ui-g-7 {
      width: 58.3333%
    }

    .ui-g-8 {
      width: 66.6667%
    }

    .ui-g-9 {
      width: 75%
    }

    .ui-g-10 {
      width: 83.3333%
    }

    .ui-g-11 {
      width: 91.6667%
    }

    .ui-g-12 {
      width: 100%
    }

    .ui-g-offset-12 {
      margin-left: 100%
    }

    .ui-g-offset-11 {
      margin-left: 91.66666667%
    }

    .ui-g-offset-10 {
      margin-left: 83.33333333%
    }

    .ui-g-offset-9 {
      margin-left: 75%
    }

    .ui-g-offset-8 {
      margin-left: 66.66666667%
    }

    .ui-g-offset-7 {
      margin-left: 58.33333333%
    }

    .ui-g-offset-6 {
      margin-left: 50%
    }

    .ui-g-offset-5 {
      margin-left: 41.66666667%
    }

    .ui-g-offset-4 {
      margin-left: 33.33333333%
    }

    .ui-g-offset-3 {
      margin-left: 25%
    }

    .ui-g-offset-2 {
      margin-left: 16.66666667%
    }

    .ui-g-offset-1 {
      margin-left: 8.33333333%
    }

    .ui-g-offset-0 {
      margin-left: 0
    }

    @media screen and (max-width:40em) {

      .ui-sm-1,
      .ui-sm-10,
      .ui-sm-11,
      .ui-sm-12,
      .ui-sm-2,
      .ui-sm-3,
      .ui-sm-4,
      .ui-sm-5,
      .ui-sm-6,
      .ui-sm-7,
      .ui-sm-8,
      .ui-sm-9 {
        padding: .5em
      }

      .ui-sm-1 {
        width: 8.3333%
      }

      .ui-sm-2 {
        width: 16.6667%
      }

      .ui-sm-3 {
        width: 25%
      }

      .ui-sm-4 {
        width: 33.3333%
      }

      .ui-sm-5 {
        width: 41.6667%
      }

      .ui-sm-6 {
        width: 50%
      }

      .ui-sm-7 {
        width: 58.3333%
      }

      .ui-sm-8 {
        width: 66.6667%
      }

      .ui-sm-9 {
        width: 75%
      }

      .ui-sm-10 {
        width: 83.3333%
      }

      .ui-sm-11 {
        width: 91.6667%
      }

      .ui-sm-12 {
        width: 100%
      }

      .ui-sm-offset-12 {
        margin-left: 100%
      }

      .ui-sm-offset-11 {
        margin-left: 91.66666667%
      }

      .ui-sm-offset-10 {
        margin-left: 83.33333333%
      }

      .ui-sm-offset-9 {
        margin-left: 75%
      }

      .ui-sm-offset-8 {
        margin-left: 66.66666667%
      }

      .ui-sm-offset-7 {
        margin-left: 58.33333333%
      }

      .ui-sm-offset-6 {
        margin-left: 50%
      }

      .ui-sm-offset-5 {
        margin-left: 41.66666667%
      }

      .ui-sm-offset-4 {
        margin-left: 33.33333333%
      }

      .ui-sm-offset-3 {
        margin-left: 25%
      }

      .ui-sm-offset-2 {
        margin-left: 16.66666667%
      }

      .ui-sm-offset-1 {
        margin-left: 8.33333333%
      }

      .ui-sm-offset-0 {
        margin-left: 0
      }
    }

    @media screen and (min-width:40.063em) {

      .ui-md-1,
      .ui-md-10,
      .ui-md-11,
      .ui-md-12,
      .ui-md-2,
      .ui-md-3,
      .ui-md-4,
      .ui-md-5,
      .ui-md-6,
      .ui-md-7,
      .ui-md-8,
      .ui-md-9 {
        padding: .5em
      }

      .ui-md-1 {
        width: 8.3333%
      }

      .ui-md-2 {
        width: 16.6667%
      }

      .ui-md-3 {
        width: 25%
      }

      .ui-md-4 {
        width: 33.3333%
      }

      .ui-md-5 {
        width: 41.6667%
      }

      .ui-md-6 {
        width: 50%
      }

      .ui-md-7 {
        width: 58.3333%
      }

      .ui-md-8 {
        width: 66.6667%
      }

      .ui-md-9 {
        width: 75%
      }

      .ui-md-10 {
        width: 83.3333%
      }

      .ui-md-11 {
        width: 91.6667%
      }

      .ui-md-12 {
        width: 100%
      }

      .ui-md-offset-12 {
        margin-left: 100%
      }

      .ui-md-offset-11 {
        margin-left: 91.66666667%
      }

      .ui-md-offset-10 {
        margin-left: 83.33333333%
      }

      .ui-md-offset-9 {
        margin-left: 75%
      }

      .ui-md-offset-8 {
        margin-left: 66.66666667%
      }

      .ui-md-offset-7 {
        margin-left: 58.33333333%
      }

      .ui-md-offset-6 {
        margin-left: 50%
      }

      .ui-md-offset-5 {
        margin-left: 41.66666667%
      }

      .ui-md-offset-4 {
        margin-left: 33.33333333%
      }

      .ui-md-offset-3 {
        margin-left: 25%
      }

      .ui-md-offset-2 {
        margin-left: 16.66666667%
      }

      .ui-md-offset-1 {
        margin-left: 8.33333333%
      }

      .ui-md-offset-0 {
        margin-left: 0
      }
    }

    @media screen and (min-width:64.063em) {

      .ui-lg-1,
      .ui-lg-10,
      .ui-lg-11,
      .ui-lg-12,
      .ui-lg-2,
      .ui-lg-3,
      .ui-lg-4,
      .ui-lg-5,
      .ui-lg-6,
      .ui-lg-7,
      .ui-lg-8,
      .ui-lg-9 {
        padding: .5em
      }

      .ui-lg-1 {
        width: 8.3333%
      }

      .ui-lg-2 {
        width: 16.6667%
      }

      .ui-lg-3 {
        width: 25%
      }

      .ui-lg-4 {
        width: 33.3333%
      }

      .ui-lg-5 {
        width: 41.6667%
      }

      .ui-lg-6 {
        width: 50%
      }

      .ui-lg-7 {
        width: 58.3333%
      }

      .ui-lg-8 {
        width: 66.6667%
      }

      .ui-lg-9 {
        width: 75%
      }

      .ui-lg-10 {
        width: 83.3333%
      }

      .ui-lg-11 {
        width: 91.6667%
      }

      .ui-lg-12 {
        width: 100%
      }

      .ui-lg-offset-12 {
        margin-left: 100%
      }

      .ui-lg-offset-11 {
        margin-left: 91.66666667%
      }

      .ui-lg-offset-10 {
        margin-left: 83.33333333%
      }

      .ui-lg-offset-9 {
        margin-left: 75%
      }

      .ui-lg-offset-8 {
        margin-left: 66.66666667%
      }

      .ui-lg-offset-7 {
        margin-left: 58.33333333%
      }

      .ui-lg-offset-6 {
        margin-left: 50%
      }

      .ui-lg-offset-5 {
        margin-left: 41.66666667%
      }

      .ui-lg-offset-4 {
        margin-left: 33.33333333%
      }

      .ui-lg-offset-3 {
        margin-left: 25%
      }

      .ui-lg-offset-2 {
        margin-left: 16.66666667%
      }

      .ui-lg-offset-1 {
        margin-left: 8.33333333%
      }

      .ui-lg-offset-0 {
        margin-left: 0
      }
    }

    @media screen and (min-width:90.063em) {

      .ui-xl-1,
      .ui-xl-10,
      .ui-xl-11,
      .ui-xl-12,
      .ui-xl-2,
      .ui-xl-3,
      .ui-xl-4,
      .ui-xl-5,
      .ui-xl-6,
      .ui-xl-7,
      .ui-xl-8,
      .ui-xl-9 {
        padding: .5em
      }

      .ui-xl-1 {
        width: 8.3333%
      }

      .ui-xl-2 {
        width: 16.6667%
      }

      .ui-xl-3 {
        width: 25%
      }

      .ui-xl-4 {
        width: 33.3333%
      }

      .ui-xl-5 {
        width: 41.6667%
      }

      .ui-xl-6 {
        width: 50%
      }

      .ui-xl-7 {
        width: 58.3333%
      }

      .ui-xl-8 {
        width: 66.6667%
      }

      .ui-xl-9 {
        width: 75%
      }

      .ui-xl-10 {
        width: 83.3333%
      }

      .ui-xl-11 {
        width: 91.6667%
      }

      .ui-xl-12 {
        width: 100%
      }

      .ui-xl-offset-12 {
        margin-left: 100%
      }

      .ui-xl-offset-11 {
        margin-left: 91.66666667%
      }

      .ui-xl-offset-10 {
        margin-left: 83.33333333%
      }

      .ui-xl-offset-9 {
        margin-left: 75%
      }

      .ui-xl-offset-8 {
        margin-left: 66.66666667%
      }

      .ui-xl-offset-7 {
        margin-left: 58.33333333%
      }

      .ui-xl-offset-6 {
        margin-left: 50%
      }

      .ui-xl-offset-5 {
        margin-left: 41.66666667%
      }

      .ui-xl-offset-4 {
        margin-left: 33.33333333%
      }

      .ui-xl-offset-3 {
        margin-left: 25%
      }

      .ui-xl-offset-2 {
        margin-left: 16.66666667%
      }

      .ui-xl-offset-1 {
        margin-left: 8.33333333%
      }

      .ui-xl-offset-0 {
        margin-left: 0
      }
    }

    .ui-g-nopad {
      padding: 0
    }

    .ui-growl {
      position: fixed;
      top: 20px;
      right: 20px;
      width: 20em
    }

    .ui-growl-item-container {
      position: relative;
      margin: 0 0 10px;
      opacity: .95;
      filter: alpha(opacity=95)
    }

    .ui-growl-item {
      position: relative;
      display: block;
      padding: .5em 1em
    }

    .ui-growl-item p {
      padding: 0;
      margin: 0
    }

    .ui-growl-icon-close {
      position: absolute;
      top: 4px;
      right: 4px;
      cursor: pointer
    }

    .ui-growl-title {
      font-weight: 700;
      padding: 0 0 .5em;
      display: block
    }

    .ui-growl-image {
      position: absolute;
      display: inline-block;
      left: .5em;
      top: .25em;
      padding: 0;
      font-size: 2em
    }

    .ui-growl-message {
      padding: 0 0 .25em;
      margin-left: 2.5em
    }

    .ui-growl-message p {
      font-weight: 400
    }

    .ui-inplace .ui-inplace-display {
      display: inline;
      cursor: pointer;
      border: 0;
      padding: .25em;
      font-weight: 400
    }

    .ui-inplace .ui-inplace-content {
      display: inline
    }

    .ui-fluid .ui-inputgroup p-inputmask {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
    }

    .ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left: 0
    }

    .ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0
    }

    .ui-inputswitch {
      position: relative;
      display: inline-block;
      width: 3em;
      height: 1.75em
    }

    .ui-inputswitch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: .3s;
      border-radius: 30px
    }

    .ui-inputswitch-slider:before {
      position: absolute;
      content: "";
      height: 1.25em;
      width: 1.25em;
      left: .25em;
      bottom: .25em;
      border-radius: 50%;
      transition: .3s
    }

    .ui-inputswitch-checked .ui-inputswitch-slider:before {
      -ms-transform: translateX(1.25em);
      transform: translateX(1.25em)
    }

    .ui-inputswitch-readonly .ui-inputswitch-slider,
    .ui-inputswitch.ui-state-disabled .ui-inputswitch-slider {
      cursor: default
    }

    .ui-inputtext {
      margin: 0;
      outline: 0;
      padding: .25em;
      font-weight: 400
    }

    .ui-widget-content .ui-inputtext,
    .ui-widget-header .ui-inputtext {
      font-weight: 400
    }

    .ui-fluid .ui-inputtext {
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box
    }

    .ui-inputgroup {
      display: -ms-flexbox;
      display: flex
    }

    .ui-inputgroup .ui-inputgroup-addon {
      display: inline-block;
      text-align: center;
      min-width: 1.5em;
      padding: .25em;
      border-width: 1px;
      border-style: solid
    }

    .ui-inputgroup .ui-inputgroup-addon+.ui-inputgroup-addon {
      border-left: 0
    }

    .ui-inputgroup .ui-inputtext {
      padding-left: .5em
    }

    .ui-inputgroup .ui-inputtext:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left: 0
    }

    .ui-inputgroup .ui-inputtext:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0
    }

    .ui-inputgroup .ui-button {
      margin-right: 0;
      border-radius: 0
    }

    .ui-fluid .ui-inputgroup .ui-button {
      width: auto
    }

    .ui-fluid .ui-inputgroup .ui-inputtext {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
    }

    .ui-inputgroup .ui-chkbox,
    .ui-inputgroup .ui-radiobutton {
      margin-right: 0;
      vertical-align: bottom
    }

    .ui-float-label {
      display: block;
      position: relative
    }

    .ui-float-label>label {
      font-weight: 400;
      position: absolute;
      pointer-events: none;
      left: .25em;
      top: 50%;
      margin-top: -.5em;
      transition: .3s ease all;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      color: #898989;
      line-height: 1
    }

    .ui-float-label>input:-webkit-autofill~label {
      top: -.75em;
      font-size: 12px
    }

    .ui-float-label>.ui-inputwrapper-filled~label,
    .ui-float-label>.ui-inputwrapper-focus~label,
    .ui-float-label>input.ui-state-filled~label,
    .ui-float-label>input:focus~label {
      top: -.75em;
      font-size: 12px
    }

    .ui-inputtextarea-resizable {
      overflow: hidden;
      resize: none
    }

    .ui-fluid .ui-inputtextarea {
      width: 100%
    }

    .ui-float-label>textarea~label {
      left: .25em;
      top: .75em
    }

    .ui-float-label textarea:-webkit-autofill~label {
      top: -.75em;
      font-size: 12px
    }

    .ui-float-label textarea.ui-state-filled~label,
    .ui-float-label textarea:focus~label {
      top: -.75em;
      font-size: 12px
    }

    .ui-lightbox {
      position: fixed;
      display: none;
      top: 50%;
      left: 50%;
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%)
    }

    .ui-lightbox-content-wrapper {
      position: relative
    }

    .ui-lightbox-content {
      position: relative;
      margin: 0;
      padding: 0;
      background-color: #000
    }

    .ui-lightbox-nav-left,
    .ui-lightbox-nav-right {
      position: absolute;
      top: 50%;
      cursor: pointer;
      opacity: .5
    }

    .ui-lightbox-nav-left {
      left: 0
    }

    .ui-lightbox-nav-right {
      right: 0
    }

    .ui-lightbox-loading .ui-lightbox-content {
      background: url(loading.gif) center center no-repeat #000
    }

    .ui-lightbox-caption {
      padding: .2em .4em;
      display: none
    }

    .ui-lightbox-caption-text {
      margin: .3em 0 .1em;
      float: left
    }

    .ui-lightbox-close {
      float: right;
      margin: 0;
      padding: .125em
    }

    .ui-lightbox-close.ui-state-hover {
      padding: 0
    }

    .ui-lightbox-nav-left:hover,
    .ui-lightbox-nav-right:hover {
      opacity: 1
    }

    .ui-listbox {
      padding: .25em;
      width: 10em
    }

    .ui-listbox .ui-listbox-list-wrapper {
      overflow: auto
    }

    .ui-listbox .ui-listbox-list {
      list-style-type: none;
      margin: 0;
      padding: 0
    }

    .ui-listbox .ui-listbox-item {
      padding: .25em;
      border: 0;
      cursor: pointer;
      font-weight: 400;
      margin-bottom: 1px
    }

    .ui-listbox .ui-listbox-item>span {
      vertical-align: middle
    }

    .ui-listbox .ui-listbox-item:last-child {
      margin-bottom: 0
    }

    .ui-listbox.ui-state-disabled .ui-listbox-item {
      cursor: default
    }

    .ui-listbox-header {
      margin-bottom: .3em;
      padding: .125em .2em;
      position: relative
    }

    .ui-listbox-header .ui-chkbox {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer
    }

    .ui-listbox-header .ui-listbox-filter-container {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      width: 100%
    }

    .ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
      width: calc(100% - 2em)
    }

    .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
      position: absolute;
      top: .25em;
      left: .25em
    }

    .ui-listbox-header .ui-inputtext {
      padding: .125em .125em .125em 1.25em;
      width: 100%
    }

    .ui-listbox-footer {
      padding: .125em .2em
    }

    .ui-megamenu {
      padding: .25em
    }

    .ui-megamenu-root-list {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .ui-megamenu-root-list>.ui-menuitem {
      position: relative
    }

    .ui-megamenu .ui-menuitem-link {
      padding: .25em;
      display: block;
      text-decoration: none
    }

    .ui-megamenu .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-megamenu .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-megamenu-panel {
      display: none;
      position: absolute;
      width: auto
    }

    .ui-megamenu-root-list>.ui-menuitem-active>.ui-megamenu-panel {
      display: block
    }

    .ui-megamenu-panel .ui-menuitem {
      margin: .125em 0
    }

    .ui-megamenu-submenu {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 12.5em
    }

    .ui-megamenu-submenu-header {
      padding: .25em
    }

    .ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem {
      display: inline-block
    }

    .ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon {
      vertical-align: middle;
      margin-left: .25em
    }

    .ui-megamenu-vertical {
      width: 12.5em
    }

    .ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem {
      display: block
    }

    .ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link {
      position: relative
    }

    .ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon {
      position: absolute;
      width: 1em;
      height: 1em;
      top: 50%;
      right: 0;
      margin-top: -.5em
    }

    .ui-megamenu .ui-g {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
    }

    .ui-menu {
      width: 12.5em;
      padding: .25em
    }

    .ui-menu.ui-menu-dynamic {
      position: absolute
    }

    .ui-menu .ui-menu-separator {
      border-width: 1px 0 0
    }

    .ui-menu ul {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .ui-menu .ui-submenu-header {
      padding: .25em .5em;
      margin: .125em 0
    }

    .ui-menu .ui-menuitem {
      margin: .125em 0
    }

    .ui-menu .ui-menuitem-link {
      cursor: pointer;
      padding: .25em;
      display: block;
      text-decoration: none
    }

    .ui-menu .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-menu .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-message {
      border: 1px solid;
      margin: 0 .25em;
      padding: .25em .5em;
      display: inline-block;
      vertical-align: top
    }

    .ui-message .ui-message-icon,
    .ui-message .ui-message-text {
      vertical-align: middle
    }

    .ui-fluid .ui-message {
      display: block
    }

    .ui-menubar {
      padding: .25em
    }

    .ui-menubar:after {
      content: "";
      clear: both;
      display: table
    }

    .ui-menubar ul {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .ui-menubar .ui-menuitem-link {
      display: block;
      padding: .25em;
      position: relative;
      text-decoration: none
    }

    .ui-menubar .ui-menubar-root-list {
      display: inline-block
    }

    .ui-menubar .ui-menubar-root-list>.ui-menuitem {
      display: inline-block;
      position: relative
    }

    .ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link {
      padding: .5em
    }

    .ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon {
      vertical-align: middle;
      margin-left: .25em
    }

    .ui-menubar .ui-menubar-root-list>li ul {
      display: none
    }

    .ui-menubar .ui-menubar-root-list>.ui-menu-separator {
      display: inline-block;
      vertical-align: middle;
      height: 1.5em
    }

    .ui-menubar .ui-submenu-list {
      display: none;
      position: absolute;
      min-width: 12.5em;
      padding: .25em
    }

    .ui-menubar .ui-submenu-list .ui-menuitem {
      margin: .125em 0;
      position: relative
    }

    .ui-menubar .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-menubar .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
      position: absolute;
      margin-top: -.5em;
      right: 0;
      top: 50%
    }

    .ui-menubar .ui-menuitem-active>.ui-submenu>.ui-submenu-list {
      display: block
    }

    .ui-menubar .ui-menubar-custom {
      float: right;
      padding: .25em
    }

    .ui-messages {
      border: 1px solid;
      margin: .5em 0;
      padding: 1em 1em 1em .5em;
      position: relative;
      display: -ms-flexbox;
      display: flex
    }

    .ui-messages .ui-messages-icon {
      display: inline-block;
      padding: 0;
      vertical-align: middle;
      font-size: 2em
    }

    .ui-messages .ui-messages-summary {
      font-weight: 700;
      margin-left: .25em
    }

    .ui-messages .ui-messages-detail {
      margin-left: .25em
    }

    .ui-messages ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: inline-block;
      vertical-align: middle;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }

    .ui-messages ul>li {
      padding: .25em
    }

    .ui-messages.ui-messages-noicon ul {
      margin: 0 1.5em 0 0
    }

    .ui-messages .ui-messages-close {
      cursor: pointer;
      position: absolute;
      top: 5px;
      right: 5px
    }

    .ui-multiselect {
      display: inline-block;
      position: relative;
      width: auto;
      cursor: pointer
    }

    .ui-multiselect .ui-multiselect-trigger {
      border-right: 0;
      border-top: 0;
      border-bottom: 0;
      cursor: pointer;
      width: 1.5em;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      padding: 0 .25em
    }

    .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
      top: 50%;
      left: 50%;
      margin-top: -.5em;
      margin-left: -.5em;
      position: absolute
    }

    .ui-multiselect .ui-multiselect-label-container {
      overflow: hidden
    }

    .ui-multiselect .ui-multiselect-label {
      display: block;
      padding: .25em 2em .25em .25em;
      width: auto;
      border: 0;
      cursor: pointer;
      text-overflow: ellipsis;
      overflow: hidden
    }

    .ui-multiselect.ui-state-disabled .ui-multiselect-label,
    .ui-multiselect.ui-state-disabled .ui-multiselect-trigger {
      cursor: auto
    }

    .ui-multiselect-panel {
      padding: .2em;
      position: absolute;
      min-width: 12em
    }

    .ui-multiselect .ui-multiselect-panel {
      min-width: 100%
    }

    .ui-multiselect-panel .ui-multiselect-items-wrapper {
      overflow: auto;
      position: relative;
      padding: .2em 0
    }

    .ui-multiselect-panel .ui-multiselect-list {
      border: 0
    }

    .ui-multiselect-panel .ui-multiselect-item {
      border: 0;
      cursor: pointer;
      font-weight: 400;
      margin: 1px 0;
      padding: .125em .25em;
      text-align: left;
      white-space: nowrap;
      display: block;
      position: relative
    }

    .ui-multiselect-panel .ui-multiselect-empty-message {
      padding: .5em
    }

    .ui-multiselect-panel .ui-multiselect-item .ui-chkbox,
    .ui-multiselect-panel .ui-multiselect-item span {
      display: inline-block;
      vertical-align: middle
    }

    .ui-multiselect-header {
      margin-bottom: .3em;
      padding: .25em;
      position: relative;
      text-align: left;
      min-height: 2em
    }

    .ui-multiselect-header .ui-chkbox {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer
    }

    .ui-multiselect-header .ui-multiselect-filter-container {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 65%
    }

    .ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
      width: 85%
    }

    .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
      position: absolute;
      top: .25em;
      left: .125em
    }

    .ui-multiselect-header .ui-inputtext {
      padding: .125em .125em .125em 1.25em;
      width: 100%
    }

    .ui-multiselect-header .ui-multiselect-close {
      position: absolute;
      right: .375em;
      top: .375em;
      display: block;
      border: 0;
      cursor: pointer
    }

    .ui-multiselect-header a.ui-multiselect-all,
    .ui-multiselect-header a.ui-multiselect-none {
      float: left;
      margin-right: 10px;
      display: block
    }

    .ui-multiselect-footer {
      padding: .25em
    }

    .ui-fluid .ui-multiselect {
      width: 100%;
      box-sizing: border-box
    }

    .ui-orderlist {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }

    .ui-orderlist-controls-left {
      -ms-flex-direction: row;
      flex-direction: row
    }

    .ui-orderlist-controls-right {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
    }

    .ui-orderlist-controls,
    .ui-orderlist-list-container {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
    }

    .ui-orderlist-controls {
      padding: 0 .25em;
      width: 16.66666%;
      -ms-flex-item-align: center;
      align-self: center
    }

    .ui-orderlist-controls .ui-button.ui-button-icon-only {
      display: block;
      margin-bottom: .25em;
      width: 100%
    }

    .ui-orderlist-list-container {
      width: 83.33333%
    }

    .ui-orderlist-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: auto;
      height: 12.5em
    }

    .ui-orderlist-caption {
      text-align: center;
      padding: .5em .75em;
      border-bottom: 0
    }

    .ui-orderlist-item {
      margin: 1px;
      padding: .125em;
      cursor: pointer;
      border: 0;
      font-weight: inherit
    }

    .ui-orderlist-filter-container {
      position: relative;
      width: 100%;
      padding: .5em .6em;
      border-bottom: 0
    }

    .ui-orderlist-filter-container .ui-inputtext {
      text-indent: 1.1em;
      width: 100%
    }

    .ui-orderlist-filter-container .ui-orderlist-filter-icon {
      position: absolute;
      top: 50%;
      left: 1em;
      margin-top: -.6em
    }

    .ui-orderlist.ui-state-disabled .ui-button,
    .ui-orderlist.ui-state-disabled .ui-orderlist-item {
      cursor: default
    }

    .ui-orderlist.ui-state-disabled .ui-orderlist-list {
      overflow: hidden
    }

    .ui-orderlist .ui-orderlist-droppoint {
      height: 6px;
      list-style-type: none
    }

    @media(max-width:767px) {
      .ui-orderlist-controls {
        width: 100%;
        text-align: center
      }

      .ui-orderlist .ui-orderlist-list-container {
        width: 100%
      }

      .ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only {
        display: inline-block;
        width: 20%;
        margin-right: .25em
      }
    }

    .ui-overlaypanel {
      padding: 0;
      margin: 10px 0 0;
      position: absolute
    }

    .ui-overlaypanel-flipped {
      margin-top: 0;
      margin-bottom: 10px
    }

    .ui-overlaypanel-content {
      padding: .5em 1em
    }

    .ui-overlaypanel-close {
      position: absolute;
      top: -1em;
      right: -1em;
      width: 2em;
      height: 2em;
      line-height: 2em;
      text-align: center;
      border-radius: 100%;
      cursor: pointer
    }

    .ui-overlaypanel-close-icon {
      line-height: inherit
    }

    .ui-overlaypanel:after,
    .ui-overlaypanel:before {
      bottom: 100%;
      left: 1.25em;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none
    }

    .ui-overlaypanel:after {
      border-width: 8px;
      margin-left: -8px
    }

    .ui-overlaypanel:before {
      border-width: 10px;
      margin-left: -10px
    }

    .ui-overlaypanel-shifted:after,
    .ui-overlaypanel-shifted:before {
      left: auto;
      right: 1.25em;
      margin-left: auto
    }

    .ui-overlaypanel-shifted:after {
      margin-right: -8px
    }

    .ui-overlaypanel:before {
      margin-right: -10px
    }

    .ui-overlaypanel-flipped:after,
    .ui-overlaypanel-flipped:before {
      bottom: auto;
      top: 100%
    }

    .ui-overlaypanel.ui-overlaypanel-flipped:after,
    .ui-overlaypanel.ui-overlaypanel-flipped:before {
      border-bottom-color: transparent
    }

    .ui-organizationchart .ui-organizationchart-table {
      border-spacing: 0;
      border-collapse: separate;
      margin: 0 auto
    }

    .ui-organizationchart .ui-organizationchart-table>tr>td {
      text-align: center;
      vertical-align: top;
      padding: 0 .75em
    }

    .ui-organizationchart .ui-organizationchart-node-content {
      padding: .5em .75em;
      display: inline-block;
      position: relative
    }

    .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
      position: absolute;
      bottom: -9px;
      margin-left: -8px;
      z-index: 2;
      left: 50%
    }

    .ui-organizationchart .ui-organizationchart-line-down {
      margin: 0 auto;
      height: 20px;
      width: 1px;
      float: none
    }

    .ui-organizationchart .ui-organizationchart-line-left,
    .ui-organizationchart .ui-organizationchart-line-right {
      float: none;
      border-radius: 0
    }

    .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
      cursor: pointer
    }

    .ui-paginator {
      margin: 0;
      text-align: center;
      padding: .125em
    }

    .ui-paginator .ui-paginator-top {
      border-bottom: 0
    }

    .ui-paginator .ui-paginator-bottom {
      border-top: 0
    }

    .ui-paginator .ui-paginator-left-content {
      float: left
    }

    .ui-paginator .ui-paginator-right-content {
      float: right
    }

    .ui-paginator .ui-paginator-current,
    .ui-paginator .ui-paginator-first,
    .ui-paginator .ui-paginator-last,
    .ui-paginator .ui-paginator-next,
    .ui-paginator .ui-paginator-page,
    .ui-paginator .ui-paginator-pages,
    .ui-paginator .ui-paginator-prev {
      display: inline-block;
      min-width: 1.5em;
      height: 1.5em;
      line-height: 1.5em;
      zoom: 1;
      margin-left: .063em;
      margin-right: .063em;
      text-decoration: none;
      vertical-align: middle;
      text-align: center;
      position: relative
    }

    .ui-paginator .ui-paginator-pages {
      width: auto;
      line-height: 1
    }

    .ui-paginator .ui-paginator-icon {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 1em;
      height: 1em;
      margin-top: -.5em;
      margin-left: -.5em
    }

    .ui-paginator .ui-paginator-first,
    .ui-paginator .ui-paginator-last,
    .ui-paginator .ui-paginator-next,
    .ui-paginator .ui-paginator-page,
    .ui-paginator .ui-paginator-prev {
      cursor: pointer
    }

    .ui-paginator .ui-paginator-current,
    .ui-paginator .ui-paginator-rpp-options {
      margin-left: 1em;
      margin-right: 1em;
      background-image: none
    }

    .ui-paginator .ui-paginator-jtp-select option,
    .ui-paginator .ui-paginator-rpp-options option {
      background-image: none;
      border: 0;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none
    }

    .ui-paginator a.ui-state-disabled {
      outline: 0
    }

    .ui-paginator .ui-dropdown {
      min-width: 4em;
      margin-left: .375em
    }

    .ui-fluid .ui-paginator .ui-dropdown {
      width: auto
    }

    .ui-panel {
      padding: .2em
    }

    .ui-panel .ui-panel-titlebar {
      padding: .5em .75em
    }

    .ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable {
      cursor: pointer
    }

    .ui-panel .ui-panel-titlebar-icon {
      float: right;
      cursor: pointer;
      margin-left: .2em;
      margin-top: -.1em
    }

    .ui-panel .ui-panel-content {
      border: 0;
      background: 0;
      padding: .5em .75em
    }

    .ui-panel .ui-panel-footer {
      border-width: 1px 0 0;
      padding: .25em .5em;
      text-align: left
    }

    .ui-panel-content-wrapper-overflown {
      overflow: hidden
    }

    .ui-panelmenu {
      width: auto
    }

    .ui-panelmenu .ui-menu-separator {
      border-width: 1px 0 0
    }

    .ui-panelmenu .ui-panelmenu-content-wrapper {
      overflow: hidden
    }

    .ui-panelmenu .ui-panelmenu-header {
      margin: -1px 0 0;
      zoom: 1
    }

    .ui-panelmenu .ui-panelmenu-header-link {
      padding: .5em;
      display: block;
      text-decoration: none
    }

    .ui-panelmenu .ui-menuitem-text,
    .ui-panelmenu .ui-panelmenu-icon {
      vertical-align: middle
    }

    .ui-panelmenu .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-panelmenu .ui-panelmenu-content {
      padding: .25em;
      border-top: 0;
      margin-bottom: 1px
    }

    .ui-panelmenu .ui-submenu-list {
      margin: 0 0 0 1.5em;
      padding: 0;
      list-style: none
    }

    .ui-panelmenu .ui-panelmenu-content>.ui-panelmenu-root-submenu>.ui-submenu-list {
      margin-left: 0
    }

    .ui-panelmenu .ui-menuitem {
      overflow: hidden;
      margin: .125em 0
    }

    .ui-panelmenu .ui-menuitem-link {
      padding: .25em;
      display: block;
      text-decoration: none
    }

    .ui-password-panel {
      padding: .25em .5em;
      position: absolute;
      -ms-transform: translateY(5%);
      transform: translateY(5%);
      opacity: 0;
      transition: transform .3s, opacity .3s
    }

    .ui-password-panel .ui-password-meter {
      height: 10px;
      background: url(password-meter.png) left top no-repeat;
      padding: 0;
      margin: 0
    }

    .ui-password-info {
      margin-top: .25em
    }

    .ui-password-panel-visible {
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
    }

    .ui-password-panel-hidden {
      opacity: 0;
      -ms-transform: translateY(5%);
      transform: translateY(5%);
      transition: transform .3s, opacity .15s
    }

    .ui-progressbar {
      height: 1.2em;
      text-align: left;
      position: relative;
      overflow: hidden
    }

    .ui-progressbar-determinate .ui-progressbar-value {
      height: 100%;
      width: 0;
      position: absolute;
      display: none;
      border: 0
    }

    .ui-progressbar-determinate .ui-progressbar-value-animate {
      transition: width 1s ease-in-out
    }

    .ui-progressbar-determinate .ui-progressbar-label {
      text-align: center;
      height: 100%;
      width: 100%;
      position: absolute;
      display: none;
      font-weight: 700
    }

    .ui-progressbar-indeterminate {
      height: .5em
    }

    .ui-progressbar-indeterminate .ui-progressbar-value {
      border: 0
    }

    .ui-progressbar-indeterminate .ui-progressbar-value::before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite ui-progressbar-indeterminate-anim;
      animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite ui-progressbar-indeterminate-anim
    }

    .ui-progressbar-indeterminate .ui-progressbar-value::after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite ui-progressbar-indeterminate-anim-short;
      animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite ui-progressbar-indeterminate-anim-short;
      -webkit-animation-delay: 1.15s;
      animation-delay: 1.15s
    }

    @-webkit-keyframes ui-progressbar-indeterminate-anim {
      0% {
        left: -35%;
        right: 100%
      }

      100%,
      60% {
        left: 100%;
        right: -90%
      }
    }

    @keyframes ui-progressbar-indeterminate-anim {
      0% {
        left: -35%;
        right: 100%
      }

      100%,
      60% {
        left: 100%;
        right: -90%
      }
    }

    @-webkit-keyframes ui-progressbar-indeterminate-anim-short {
      0% {
        left: -200%;
        right: 100%
      }

      100%,
      60% {
        left: 107%;
        right: -8%
      }
    }

    @keyframes ui-progressbar-indeterminate-anim-short {
      0% {
        left: -200%;
        right: 100%
      }

      100%,
      60% {
        left: 107%;
        right: -8%
      }
    }

    .ui-picklist .ui-picklist-buttons {
      height: 12.5em;
      padding: 0 .25em;
      vertical-align: middle
    }

    .ui-picklist .ui-picklist-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: auto;
      height: 12.5em;
      width: 12.5em
    }

    .ui-picklist .ui-picklist-list li {
      margin: 1px;
      padding: .125em
    }

    .ui-picklist .ui-button {
      display: block;
      margin-bottom: .25em
    }

    .ui-picklist .ui-button-text-icon-left {
      width: 100%
    }

    .ui-picklist .ui-picklist-item {
      cursor: pointer;
      border: 0;
      font-weight: inherit
    }

    .ui-picklist .ui-picklist-caption {
      text-align: center;
      padding: .5em .75em;
      border-bottom: 0
    }

    .ui-picklist table {
      width: 100%;
      border-collapse: collapse
    }

    .ui-picklist .ui-picklist-filter-container {
      position: relative;
      width: 100%;
      padding: .5em .6em;
      border-bottom: 0
    }

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
      text-indent: 1.1em;
      width: 100%
    }

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
      position: absolute;
      top: 50%;
      left: 1em;
      margin-top: -.6em
    }

    .ui-picklist {
      display: table
    }

    .ui-picklist>div {
      float: none;
      display: table-cell;
      vertical-align: top
    }

    .ui-picklist.ui-picklist-vertical {
      display: table
    }

    .ui-picklist.ui-picklist-vertical>div {
      float: none;
      display: table-row;
      vertical-align: top
    }

    .ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
      text-align: center;
      height: auto
    }

    .ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
      display: inline-block
    }

    .ui-picklist.ui-picklist-vertical .ui-button {
      margin-top: .25em
    }

    .ui-picklist-outline {
      outline: #000 dotted 1px;
      z-index: 1
    }

    .ui-picklist .ui-picklist-droppoint {
      height: 6px;
      list-style-type: none
    }

    .ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
      height: 100%;
      list-style-type: none
    }

    .ui-picklist-list.ui-picklist-source,
    .ui-picklist-list.ui-picklist-target {
      outline: 0
    }

    .ui-picklist.ui-picklist-responsive * {
      box-sizing: border-box
    }

    .ui-picklist.ui-picklist-responsive {
      width: 100%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
      width: 35%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
      width: 45%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
      width: 10%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
      width: 100%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-list {
      width: auto
    }

    @media(max-width:40em) {
      .ui-picklist.ui-picklist-responsive {
        display: block
      }

      .ui-picklist.ui-picklist-responsive>div {
        display: block;
        width: 100% !important
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        text-align: center;
        height: auto;
        padding: .4em 0
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
        display: inline-block;
        width: 20%;
        margin-bottom: 0;
        margin-right: .25em
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
        padding-bottom: .4em
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
        padding-top: .4em
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before {
        content: "\e930"
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before {
        content: "\e92c"
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before {
        content: "\e933"
      }

      .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before {
        content: "\e92f"
      }
    }

    .ui-progress-spinner {
      position: relative;
      margin: 0 auto;
      width: 100px;
      height: 100px;
      display: inline-block
    }

    .ui-progress-spinner::before {
      content: '';
      display: block;
      padding-top: 100%
    }

    .ui-progress-spinner-svg {
      -webkit-animation: 2s linear infinite ui-progress-spinner-rotate;
      animation: 2s linear infinite ui-progress-spinner-rotate;
      height: 100%;
      -ms-transform-origin: center center;
      transform-origin: center center;
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto
    }

    .ui-progress-spinner-circle {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: 0;
      stroke: #d62d20;
      -webkit-animation: 1.5s ease-in-out infinite ui-progress-spinner-dash, 6s ease-in-out infinite ui-progress-spinner-color;
      animation: 1.5s ease-in-out infinite ui-progress-spinner-dash, 6s ease-in-out infinite ui-progress-spinner-color;
      stroke-linecap: round
    }

    @-webkit-keyframes ui-progress-spinner-rotate {
      100% {
        transform: rotate(360deg)
      }
    }

    @keyframes ui-progress-spinner-rotate {
      100% {
        transform: rotate(360deg)
      }
    }

    @-webkit-keyframes ui-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 ui-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
      }
    }

    @-webkit-keyframes ui-progress-spinner-color {

      0%,
      100% {
        stroke: #d62d20
      }

      40% {
        stroke: #0057e7
      }

      66% {
        stroke: #008744
      }

      80%,
      90% {
        stroke: #ffa700
      }
    }

    @keyframes ui-progress-spinner-color {

      0%,
      100% {
        stroke: #d62d20
      }

      40% {
        stroke: #0057e7
      }

      66% {
        stroke: #008744
      }

      80%,
      90% {
        stroke: #ffa700
      }
    }

    .ui-radiobutton {
      display: inline-block;
      cursor: pointer;
      margin-right: .25em;
      -ms-user-select: none;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      vertical-align: middle
    }

    .ui-radiobutton-box {
      width: 1.125em;
      height: 1.125em;
      line-height: 1.125em;
      border-radius: 100%;
      text-align: center;
      position: relative
    }

    .ui-radiobutton-icon {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 1em;
      height: 1em;
      margin-top: -.5em;
      margin-left: -.5em
    }

    .ui-rating {
      font-size: 1.25em
    }

    .ui-fluid .fc .ui-button {
      width: auto
    }

    .ui-scrollpanel-wrapper {
      overflow: hidden;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
      float: left
    }

    .ui-scrollpanel-content {
      height: calc(100% + 18px);
      width: calc(100% + 18px);
      padding: 0 18px 18px 0;
      position: relative;
      overflow: auto;
      box-sizing: border-box
    }

    .ui-scrollpanel-bar {
      position: relative;
      background: #c1c1c1;
      border-radius: 3px;
      z-index: 2;
      cursor: pointer;
      opacity: 0;
      transition: opacity .25s linear
    }

    .ui-scrollpanel-bar-y {
      width: 9px;
      top: 0
    }

    .ui-scrollpanel-bar-x {
      height: 9px;
      bottom: 0
    }

    .ui-scrollpanel-hidden {
      visibility: hidden
    }

    .ui-scrollpanel:active .ui-scrollpanel-bar,
    .ui-scrollpanel:hover .ui-scrollpanel-bar {
      opacity: 1
    }

    .ui-scrollpanel-grabbed {
      -o-user-select: none;
      -ms-user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none
    }

    .ui-selectbutton {
      display: inline-block
    }

    .ui-selectbutton.ui-state-error {
      padding: 0
    }

    .ui-selectbutton .ui-button.ui-state-focus {
      outline: 0
    }

    .ui-sidebar {
      position: fixed;
      padding: .5em 1em;
      transition: transform .3s
    }

    .ui-sidebar-left {
      top: 0;
      left: 0;
      width: 20em;
      height: 100%;
      -ms-transform: translateX(-100%);
      transform: translateX(-100%)
    }

    .ui-sidebar-right {
      top: 0;
      right: 0;
      width: 20em;
      height: 100%;
      -ms-transform: translateX(100%);
      transform: translateX(100%)
    }

    .ui-sidebar-top {
      top: 0;
      left: 0;
      width: 100%;
      height: 10em;
      -ms-transform: translateY(-100%);
      transform: translateY(-100%)
    }

    .ui-sidebar-bottom {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 10em;
      -ms-transform: translateY(100%);
      transform: translateY(100%)
    }

    .ui-sidebar-full {
      width: 100%;
      height: 100%;
      left: 0;
      transition: transform 0s
    }

    .ui-sidebar-left.ui-sidebar-active,
    .ui-sidebar-right.ui-sidebar-active {
      -ms-transform: translateX(0);
      transform: translateX(0)
    }

    .ui-sidebar-left.ui-sidebar-sm,
    .ui-sidebar-right.ui-sidebar-sm {
      width: 20em
    }

    .ui-sidebar-left.ui-sidebar-md,
    .ui-sidebar-right.ui-sidebar-md {
      width: 40em
    }

    .ui-sidebar-left.ui-sidebar-lg,
    .ui-sidebar-right.ui-sidebar-lg {
      width: 60em
    }

    .ui-sidebar-bottom.ui-sidebar-active,
    .ui-sidebar-top.ui-sidebar-active {
      -ms-transform: translateY(0);
      transform: translateY(0)
    }

    .ui-sidebar-bottom.ui-sidebar-sm,
    .ui-sidebar-top.ui-sidebar-sm {
      height: 10em
    }

    .ui-sidebar-bottom.ui-sidebar-md,
    .ui-sidebar-top.ui-sidebar-md {
      height: 20em
    }

    .ui-sidebar-bottom.ui-sidebar-lg,
    .ui-sidebar-top.ui-sidebar-lg {
      height: 30em
    }

    .ui-sidebar-mask {
      position: fixed;
      width: 100%;
      height: 100%
    }

    .ui-sidebar-close {
      float: right;
      cursor: pointer
    }

    @media screen and (max-width:64em) {

      .ui-sidebar-left.ui-sidebar-lg,
      .ui-sidebar-left.ui-sidebar-md,
      .ui-sidebar-right.ui-sidebar-lg,
      .ui-sidebar-right.ui-sidebar-md {
        width: 20em
      }
    }

    .ui-slidemenu {
      width: 12.5em;
      padding: .25em
    }

    .ui-slidemenu.ui-slidemenu-dynamic {
      position: absolute
    }

    .ui-slidemenu .ui-menu-separator {
      border-width: 1px 0 0
    }

    .ui-slidemenu ul {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .ui-slidemenu .ui-slidemenu-rootlist {
      position: absolute;
      top: 0
    }

    .ui-slidemenu .ui-submenu-list {
      display: none;
      position: absolute;
      top: 0;
      width: 12.5em;
      padding: .25em
    }

    .ui-slidemenu .ui-menuitem-link {
      padding: .25em;
      display: block;
      position: relative;
      text-decoration: none
    }

    .ui-slidemenu .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-slidemenu .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-slidemenu .ui-menuitem {
      position: relative;
      margin: .125em 0
    }

    .ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
      position: absolute;
      margin-top: -.5em;
      right: 0;
      top: 50%
    }

    .ui-slidemenu .ui-slidemenu-wrapper {
      position: relative
    }

    .ui-slidemenu .ui-slidemenu-content {
      overflow-x: hidden;
      overflow-y: auto;
      position: relative
    }

    .ui-slidemenu-backward {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: .25em;
      cursor: pointer;
      display: none
    }

    .ui-slidemenu-backward .ui-slidemenu-backward-icon,
    .ui-slidemenu-backward span {
      vertical-align: middle
    }

    .ui-slidemenu .ui-menuitem-active {
      position: static
    }

    .ui-slidemenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list {
      display: block
    }

    .ui-slidemenu .ui-active-submenu>.ui-menuitem-active>.ui-submenu>.ui-submenu-list,
    .ui-slidemenu ul:not(.ui-active-submenu)>.ui-menuitem:not(.ui-menuitem-active) {
      display: none
    }

    .ui-slidemenu .ui-active-submenu>.ui-menuitem-active~.ui-menuitem {
      display: block
    }

    .ui-slider {
      position: relative;
      text-align: left
    }

    .ui-slider .ui-slider-handle {
      position: absolute;
      width: 1.2em;
      height: 1.2em;
      cursor: default;
      -ms-touch-action: none;
      touch-action: none;
      z-index: 1
    }

    .ui-slider .ui-slider-handle.ui-slider-handle-active {
      z-index: 2
    }

    .ui-slider .ui-slider-range {
      position: absolute;
      font-size: .7em;
      display: block;
      border: 0;
      background-position: 0 0
    }

    .ui-slider-horizontal {
      height: .8em
    }

    .ui-slider-horizontal .ui-slider-handle {
      top: -.25em;
      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: -.25em;
      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-slider-animate .ui-slider-handle {
      transition: left .3s
    }

    .ui-spinner {
      display: inline-block;
      overflow: visible;
      padding: 0;
      position: relative;
      vertical-align: middle
    }

    .ui-spinner-input {
      vertical-align: middle;
      padding-right: 1.5em
    }

    .ui-spinner-button {
      cursor: default;
      display: block;
      height: 50%;
      margin: 0;
      overflow: hidden;
      padding: 0;
      position: absolute;
      right: 0;
      text-align: center;
      vertical-align: middle;
      width: 1.5em
    }

    .ui-spinner .ui-spinner-button-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -.5em;
      margin-left: -.5em;
      width: 1em
    }

    .ui-spinner-up {
      top: 0
    }

    .ui-spinner-down {
      bottom: 0
    }

    .ui-fluid .ui-spinner {
      width: 100%
    }

    .ui-fluid .ui-spinner .ui-spinner-input {
      padding-right: 2em;
      width: 100%
    }

    .ui-fluid .ui-spinner .ui-spinner-button {
      width: 1.5em
    }

    .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
      left: .7em
    }

    .ui-splitbutton {
      position: relative;
      display: inline-block;
      zoom: 1
    }

    .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
      width: 2em;
      vertical-align: top
    }

    .ui-splitbutton.ui-state-disabled button {
      cursor: default
    }

    .ui-fluid .ui-splitbutton {
      width: 100%
    }

    .ui-fluid .ui-splitbutton .ui-button:first-child {
      width: calc(100% - 2em)
    }

    .ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
      width: 2em
    }

    .ui-splitbutton .ui-menuitem-link {
      cursor: pointer
    }

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

    .ui-steps .ui-steps-item {
      float: left;
      box-sizing: border-box;
      cursor: pointer
    }

    .ui-steps.ui-steps-readonly .ui-steps-item {
      cursor: auto
    }

    .ui-steps .ui-steps-item .ui-menuitem-link {
      text-decoration: none;
      display: block;
      padding: 1em;
      position: relative;
      text-align: center
    }

    .ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link,
    .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
      cursor: default
    }

    .ui-steps .ui-steps-number {
      font-size: 2em;
      display: block
    }

    .ui-steps .ui-steps-title {
      display: block;
      white-space: nowrap
    }

    @media(max-width:40em) {
      .ui-steps .ui-steps-item .ui-menuitem-link {
        padding: .5em
      }

      .ui-steps .ui-steps-item .ui-steps-title {
        display: none
      }
    }

    .ui-table {
      position: relative
    }

    .ui-table table {
      border-collapse: collapse;
      width: 100%;
      table-layout: fixed
    }

    .ui-table .ui-table-tbody>tr>td,
    .ui-table .ui-table-tfoot>tr>td,
    .ui-table .ui-table-thead>tr>th {
      padding: .25em .5em
    }

    .ui-table .ui-sortable-column {
      cursor: pointer
    }

    .ui-table p-sorticon {
      vertical-align: middle
    }

    .ui-table-auto-layout>.ui-table-wrapper {
      overflow-x: auto
    }

    .ui-table-auto-layout>.ui-table-wrapper>table {
      table-layout: auto
    }

    .ui-table-caption,
    .ui-table-summary {
      padding: .25em .5em;
      text-align: center;
      font-weight: 700
    }

    .ui-table-caption {
      border-bottom: 0
    }

    .ui-table-summary {
      border-top: 0
    }

    .ui-table .ui-paginator-top {
      border-bottom: 0
    }

    .ui-table .ui-paginator-bottom {
      border-top: 0
    }

    .ui-table-scrollable-wrapper {
      position: relative
    }

    .ui-table-scrollable-footer,
    .ui-table-scrollable-header {
      overflow: hidden;
      border: 0
    }

    .ui-table-scrollable-body {
      overflow: auto;
      position: relative
    }

    .ui-table-virtual-table {
      position: absolute
    }

    .ui-table-loading-virtual-table {
      display: none
    }

    .ui-table-frozen-view .ui-table-scrollable-body {
      overflow: hidden
    }

    .ui-table-frozen-view>.ui-table-scrollable-body>table>.ui-table-tbody>tr>td:last-child {
      border-right: 0
    }

    .ui-table-unfrozen-view {
      position: absolute;
      top: 0
    }

    .ui-table-resizable>.ui-table-wrapper {
      overflow-x: auto
    }

    .ui-table-resizable .ui-table-tbody>tr>td,
    .ui-table-resizable .ui-table-tfoot>tr>td,
    .ui-table-resizable .ui-table-thead>tr>th {
      overflow: hidden
    }

    .ui-table-resizable .ui-resizable-column {
      background-clip: padding-box;
      position: relative
    }

    .ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
      display: none
    }

    .ui-table .ui-column-resizer {
      display: block;
      position: absolute !important;
      top: 0;
      right: 0;
      margin: 0;
      width: .5em;
      height: 100%;
      padding: 0;
      cursor: col-resize;
      border: 1px solid transparent
    }

    .ui-table .ui-column-resizer-helper {
      width: 1px;
      position: absolute;
      z-index: 10;
      display: none
    }

    .ui-table .ui-table-tbody>tr>td.ui-editing-cell {
      padding: 0
    }

    .ui-table .ui-table-tbody>tr>td.ui-editing-cell p-celleditor>* {
      width: 100%
    }

    .ui-table-reorder-indicator-down,
    .ui-table-reorder-indicator-up {
      position: absolute;
      display: none
    }

    .ui-table-responsive .ui-table-tbody>tr>td .ui-column-title {
      display: none
    }

    @media screen and (max-width:40em) {

      .ui-table-responsive .ui-table-tfoot>tr>td,
      .ui-table-responsive .ui-table-thead>tr>th,
      .ui-table-responsive colgroup {
        display: none !important
      }

      .ui-table-responsive .ui-table-tbody>tr>td {
        text-align: left;
        display: block;
        border: 0;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left
      }

      .ui-table-responsive .ui-table-tbody>tr>td .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        font-weight: 700
      }
    }

    .ui-table-loading {
      position: absolute;
      width: 100%;
      height: 100%;
      -ms-filter: "alpha(opacity=10)";
      opacity: .1;
      z-index: 1
    }

    .ui-table-loading-content {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      margin-top: -1em;
      margin-left: -1em
    }

    .ui-table .ui-table-loading-icon {
      font-size: 2em
    }

    .ui-tabview {
      padding: .25em
    }

    .ui-tabview .ui-tabview-nav {
      margin: 0
    }

    .ui-tabview .ui-tabview-nav li {
      list-style: none;
      float: left;
      position: relative;
      margin: 0 .125em 1px 0;
      padding: 0;
      white-space: nowrap;
      display: block
    }

    .ui-tabview .ui-tabview-nav li a {
      float: left;
      padding: .5em 1em;
      text-decoration: none
    }

    .ui-tabview .ui-tabview-nav li.ui-state-disabled a,
    .ui-tabview .ui-tabview-nav li.ui-state-processing a,
    .ui-tabview .ui-tabview-nav li.ui-tabview-selected a {
      cursor: text
    }

    .ui-tabview .ui-tabview-nav li a,
    .ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a {
      cursor: pointer
    }

    .ui-tabview .ui-tabview-panel {
      border-width: 0;
      padding: 1em;
      background: 0
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-left-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-right-icon {
      margin-left: .25em;
      vertical-align: middle
    }

    .ui-tabview .ui-tabview-title {
      vertical-align: middle
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-close {
      margin: .5em .3em 0 0;
      cursor: pointer
    }

    .ui-tabview.ui-tabview-top>.ui-tabview-nav li {
      border-bottom: 0;
      top: 1px
    }

    .ui-tabview.ui-tabview-top>.ui-tabview-nav {
      padding: .2em .2em 0
    }

    .ui-tabview.ui-tabview-bottom>.ui-tabview-nav {
      padding: 0 .2em .2em
    }

    .ui-tabview.ui-tabview-bottom>.ui-tabview-nav li {
      border-top: 0
    }

    .ui-tabview-left::after,
    .ui-tabview-right::after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden
    }

    .ui-tabview-left>.ui-tabview-nav {
      float: left;
      width: 25%;
      height: 300px;
      background-image: none;
      padding-top: 1px
    }

    .ui-tabview-left>.ui-tabview-panels {
      float: right;
      width: 75%
    }

    .ui-tabview.ui-tabview-left>.ui-tabview-nav li,
    .ui-tabview.ui-tabview-right>.ui-tabview-nav li {
      display: block;
      float: right;
      white-space: normal;
      width: 99%
    }

    .ui-tabview.ui-tabview-left>.ui-tabview-nav li {
      margin: 0 0 1px;
      border-right: 0
    }

    .ui-tabview.ui-tabview-right>.ui-tabview-nav {
      float: right;
      width: 25%;
      height: 300px;
      background-image: none;
      padding-top: 1px
    }

    .ui-tabview.ui-tabview-right>.ui-tabview-panels {
      float: left;
      width: 75%
    }

    .ui-tabview.ui-tabview-right>.ui-tabview-nav li {
      margin: 0 0 1px;
      border-left: 0
    }

    .ui-rtl .ui-tabview .ui-tabview-nav li {
      float: right
    }

    .ui-tabmenu .ui-tabmenu-nav {
      margin: 0;
      padding: .25em .5em 0 .25em
    }

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
      list-style: none;
      float: left;
      position: relative;
      margin: 0 .2em 1px 0;
      padding: 0;
      white-space: nowrap;
      display: block;
      border-bottom: 0;
      top: 1px
    }

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
      float: left;
      padding: .5em 1em;
      text-decoration: none
    }

    .ui-tabmenu .ui-tabmenu-nav a {
      padding: .5em 1em
    }

    .ui-tabmenu .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-tabmenu .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
      cursor: default
    }

    .ui-terminal {
      height: 18em;
      overflow: auto;
      padding: .25em
    }

    .ui-terminal-input {
      border: 0;
      background-color: transparent;
      color: inherit;
      padding: 0;
      margin: 0 0 0 .125em;
      width: 75%;
      outline: 0;
      vertical-align: baseline
    }

    .ui-terminal-command {
      margin-left: .125em;
      -moz-margin-start: .125em
    }

    .ui-terminal-input::-ms-clear {
      display: none
    }

    .ui-tieredmenu {
      width: 12.5em;
      padding: .25em
    }

    .ui-tieredmenu.ui-tieredmenu-dynamic {
      position: absolute
    }

    .ui-tieredmenu .ui-menu-separator {
      border-width: 1px 0 0
    }

    .ui-tieredmenu ul {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .ui-tieredmenu .ui-submenu-list {
      display: none;
      position: absolute;
      width: 12.5em;
      padding: .25em
    }

    .ui-tieredmenu .ui-menuitem-link {
      padding: .25em;
      display: block;
      cursor: pointer;
      position: relative;
      text-decoration: none
    }

    .ui-tieredmenu .ui-menuitem-icon {
      margin-right: .25em;
      vertical-align: middle
    }

    .ui-tieredmenu .ui-menuitem-text {
      vertical-align: middle
    }

    .ui-tieredmenu .ui-menuitem {
      position: relative;
      margin: .125em 0
    }

    .ui-tieredmenu .ui-menuitem-link .ui-submenu-icon {
      position: absolute;
      margin-top: -.5em;
      right: 0;
      top: 50%
    }

    .ui-tieredmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list {
      display: block
    }

    .ui-toast {
      position: fixed;
      width: 20em
    }

    .ui-toast .ui-toast-message {
      position: relative;
      display: block;
      margin-bottom: .75em;
      overflow: hidden
    }

    .ui-toast .ui-toast-message-content {
      padding: .5em 1em
    }

    .ui-toast .ui-toast-close-icon {
      position: absolute;
      top: .25em;
      right: .25em;
      cursor: pointer;
      display: inline-block
    }

    .ui-toast .ui-toast-summary {
      font-weight: 700;
      padding: 0 0 .5em;
      display: block
    }

    .ui-toast .ui-toast-icon {
      position: absolute;
      display: inline-block;
      left: .5em;
      top: .25em;
      padding: 0;
      font-size: 2em
    }

    .ui-toast .ui-toast-message-text-content {
      padding: 0 0 .25em;
      margin-left: 2.5em
    }

    .ui-toast-top-right {
      top: 20px;
      right: 20px
    }

    .ui-toast-top-left {
      top: 20px;
      left: 20px
    }

    .ui-toast-bottom-right {
      bottom: 20px;
      right: 20px
    }

    .ui-toast-bottom-left {
      bottom: 20px;
      left: 20px
    }

    .ui-toast-top-center {
      top: 20px;
      left: 50%;
      margin-left: -10em
    }

    .ui-toast-bottom-center {
      bottom: 20px;
      left: 50%;
      margin-left: -10em
    }

    .ui-toast-center {
      left: 50%;
      top: 50%;
      min-width: 20vw;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
    }

    .ui-tree {
      width: 18em
    }

    .ui-tree .ui-treenode-selectable.ui-treenode-content {
      cursor: pointer
    }

    .ui-tree .ui-tree-container {
      height: 100%;
      margin: 0;
      overflow: auto;
      padding: .25em;
      white-space: nowrap
    }

    .ui-tree-empty-message {
      padding: .25em
    }

    .ui-tree .ui-treenode-children {
      margin: 0;
      padding: 0 0 0 1em
    }

    .ui-tree .ui-treenode {
      background-attachment: scroll;
      background-color: transparent;
      background-image: none;
      background-position: 0 0;
      background-repeat: repeat-y;
      list-style: none;
      margin: 0;
      padding: .125em 0 0
    }

    .ui-tree .ui-treenode-droppoint {
      height: 4px;
      list-style-type: none
    }

    .ui-tree .ui-treenode-droppoint-active {
      border: 0
    }

    .ui-tree .ui-tree-toggler {
      cursor: pointer;
      display: inline-block;
      vertical-align: middle
    }

    .ui-tree .ui-treenode-icon {
      display: inline-block;
      vertical-align: middle
    }

    .ui-tree .ui-treenode-label {
      display: inline-block;
      padding: 0 .25em;
      vertical-align: middle
    }

    .ui-tree .ui-treenode-label.ui-state-highlight,
    .ui-tree .ui-treenode-label.ui-state-hover {
      font-weight: 400;
      border: 0
    }

    .ui-tree .ui-treenode.ui-treenode-leaf>.ui-treenode-content>.ui-tree-toggler {
      visibility: hidden
    }

    .ui-tree .ui-chkbox-box {
      cursor: pointer
    }

    .ui-tree .ui-chkbox {
      display: inline-block;
      vertical-align: middle
    }

    .ui-tree .ui-chkbox .ui-chkbox-icon {
      margin-left: 1px
    }

    .ui-tree .ui-tree-filter {
      width: 100%;
      box-sizing: border-box;
      padding-right: 1.5em
    }

    .ui-tree .ui-tree-filter-container {
      position: relative;
      margin: 0;
      padding: .4em;
      display: inline-block;
      width: 100%
    }

    .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
      position: absolute;
      top: .8em;
      right: 1em
    }

    .ui-fluid .ui-tree {
      width: 100%
    }

    .ui-tree-horizontal {
      width: auto;
      padding: .5em 0;
      overflow: auto
    }

    .ui-tree.ui-tree-horizontal table,
    .ui-tree.ui-tree-horizontal td,
    .ui-tree.ui-tree-horizontal tr {
      border-collapse: collapse;
      margin: 0;
      padding: 0;
      vertical-align: middle
    }

    .ui-tree.ui-tree-horizontal .ui-tree-toggler {
      vertical-align: middle;
      margin: 0
    }

    .ui-tree-horizontal .ui-treenode-content {
      font-weight: 400;
      padding: .4em 1em .4em .2em
    }

    .ui-tree.ui-tree-horizontal .ui-tree-node-label {
      margin: 0
    }

    .ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
      font-weight: 400;
      white-space: nowrap
    }

    .ui-tree.ui-tree-horizontal .ui-treenode {
      background: url(line.gif) center center repeat-x;
      padding: .25em 2.5em
    }

    .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed,
    .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf {
      padding-right: 0
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-children {
      padding: 0;
      margin: 0
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-connector {
      width: 1px
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
      height: 100%;
      width: 1px
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
      background: url(line.gif) repeat-y;
      width: 1px
    }

    .ui-tree.ui-tree-horizontal table {
      height: 0
    }

    .ui-tree.ui-tree-horizontal .ui-chkbox {
      vertical-align: bottom;
      margin-right: .25em
    }

    .ui-tree.ui-tree-loading {
      position: relative;
      min-height: 4em
    }

    .ui-tree .ui-tree-loading-mask {
      position: absolute;
      width: 100%;
      height: 100%;
      -ms-filter: "alpha(opacity=10)";
      opacity: .1;
      z-index: 1
    }

    .ui-tree .ui-tree-loading-content {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      margin-top: -1em;
      margin-left: -1em
    }

    .ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
      font-size: 2em
    }

    .ui-toolbar {
      padding: .25em .5em
    }

    .ui-toolbar-group-left {
      float: left
    }

    .ui-toolbar-group-right {
      float: right
    }

    .ui-tooltip {
      position: absolute;
      display: none;
      padding: .25em .5em;
      max-width: 12.5em
    }

    .ui-tooltip.ui-tooltip-left,
    .ui-tooltip.ui-tooltip-right {
      padding: 0 .25em
    }

    .ui-tooltip.ui-tooltip-bottom,
    .ui-tooltip.ui-tooltip-top {
      padding: .25em 0
    }

    .ui-tooltip .ui-tooltip-text {
      padding: .125em .5em;
      background-color: #4c4c4c;
      color: #fff;
      white-space: pre-line
    }

    .ui-tooltip-arrow {
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid
    }

    .ui-tooltip-right .ui-tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -.25em;
      border-width: .25em .25em .25em 0;
      border-right-color: #4c4c4c
    }

    .ui-tooltip-left .ui-tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -.25em;
      border-width: .25em 0 .25em .25em;
      border-left-color: #4c4c4c
    }

    .ui-tooltip.ui-tooltip-top {
      padding: .25em 0
    }

    .ui-tooltip-top .ui-tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -.25em;
      border-width: .25em .25em 0;
      border-top-color: #4c4c4c
    }

    .ui-tooltip-bottom .ui-tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -.25em;
      border-width: 0 .25em .25em;
      border-bottom-color: #4c4c4c
    }

    .ui-treetable {
      position: relative
    }

    .ui-treetable table {
      border-collapse: collapse;
      width: 100%;
      table-layout: fixed
    }

    .ui-treetable .ui-treetable-tbody>tr>td,
    .ui-treetable .ui-treetable-tfoot>tr>td,
    .ui-treetable .ui-treetable-thead>tr>th {
      padding: .25em .5em
    }

    .ui-treetable .ui-treetable-toggler {
      cursor: pointer;
      display: inline-block;
      height: 1em;
      position: relative;
      top: 50%;
      margin-top: -.5em
    }

    .ui-treetable .ui-sortable-column {
      cursor: pointer
    }

    .ui-treetable p-treetablesorticon {
      vertical-align: middle
    }

    .ui-treetable-auto-layout>.ui-treetable-wrapper {
      overflow-x: auto
    }

    .ui-treetable-auto-layout>.ui-treetable-wrapper>table {
      table-layout: auto
    }

    .ui-treetable .ui-treetable-chkbox {
      margin: 0 .25em;
      vertical-align: middle
    }

    .ui-treetable-caption,
    .ui-treetable-summary {
      padding: .25em .5em;
      text-align: center;
      font-weight: 700
    }

    .ui-treetable-caption {
      border-bottom: 0
    }

    .ui-treetable-summary {
      border-top: 0
    }

    .ui-treetable .ui-paginator-top {
      border-bottom: 0
    }

    .ui-treetable .ui-paginator-bottom {
      border-top: 0
    }

    .ui-treetable-scrollable-wrapper {
      position: relative
    }

    .ui-treetable-scrollable-footer,
    .ui-treetable-scrollable-header {
      overflow: hidden;
      border: 0
    }

    .ui-treetable-scrollable-body {
      overflow: auto;
      position: relative
    }

    .ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr:first-child>td {
      border-top: 0
    }

    .ui-treetable-virtual-table {
      position: absolute
    }

    .ui-treetable-frozen-view .ui-treetable-scrollable-body {
      overflow: hidden
    }

    .ui-treetable-frozen-view>.ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr>td:last-child {
      border-right: 0
    }

    .ui-treetable-unfrozen-view {
      position: absolute;
      top: 0
    }

    .ui-treetable-resizable>.ui-treetable-wrapper {
      overflow-x: auto
    }

    .ui-treetable-resizable .ui-treetable-tbody>tr>td,
    .ui-treetable-resizable .ui-treetable-tfoot>tr>td,
    .ui-treetable-resizable .ui-treetable-thead>tr>th {
      overflow: hidden
    }

    .ui-treetable-resizable .ui-resizable-column {
      background-clip: padding-box;
      position: relative
    }

    .ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
      display: none
    }

    .ui-treetable .ui-column-resizer {
      display: block;
      position: absolute !important;
      top: 0;
      right: 0;
      margin: 0;
      width: .5em;
      height: 100%;
      padding: 0;
      cursor: col-resize;
      border: 1px solid transparent
    }

    .ui-treetable .ui-column-resizer-helper {
      width: 1px;
      position: absolute;
      z-index: 10;
      display: none
    }

    .ui-treetable-reorder-indicator-down,
    .ui-treetable-reorder-indicator-up {
      position: absolute;
      display: none
    }

    .ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title {
      display: none
    }

    @media screen and (max-width:40em) {

      .ui-treetable-responsive .ui-treetable-tfoot>tr>td,
      .ui-treetable-responsive .ui-treetable-thead>tr>th {
        display: none !important
      }

      .ui-treetable-responsive .ui-treetable-tbody>tr>td {
        text-align: left;
        display: block;
        border: 0;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left
      }

      .ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        font-weight: 700
      }
    }

    .ui-treetable-loading {
      position: absolute;
      width: 100%;
      height: 100%;
      -ms-filter: "alpha(opacity=10)";
      opacity: .1;
      z-index: 1
    }

    .ui-treetable-loading-content {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      margin-top: -1em;
      margin-left: -1em
    }

    .ui-treetable .ui-treetable-loading-icon {
      font-size: 2em
    }

    .ui-virtualscroller .ui-virtualscroller-header {
      text-align: center;
      padding: .5em .75em;
      border-bottom: 0
    }

    .ui-virtualscroller .ui-virtualscroller-footer {
      text-align: center;
      padding: .25em .625em;
      border-top: 0
    }

    .ui-virtualscroller .ui-virtualscroller-list {
      list-style-type: none;
      margin: 0;
      padding: 0
    }

    @font-face {
      font-family: 'Material Icons';
      font-style: normal;
      font-weight: 400;
      src: url(MaterialIcons-Regular.eot);
      src: local('Material Icons'), local('MaterialIcons-Regular'), url(MaterialIcons-Regular.woff2) format('woff2'), url(MaterialIcons-Regular.woff) format('woff'), url(MaterialIcons-Regular.ttf) format('truetype')
    }

    .material-icons {
      font-family: 'Material Icons';
      font-weight: 400;
      font-style: normal;
      font-size: 24px;
      display: inline-block;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-feature-settings: 'liga'
    }

    .mat-badge-content {
      font-weight: 600;
      font-size: 12px;
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-badge-small .mat-badge-content {
      font-size: 9px
    }

    .mat-badge-large .mat-badge-content {
      font-size: 24px
    }

    .mat-h1,
    .mat-headline,
    .mat-typography h1 {
      font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
      margin: 0 0 16px
    }

    .mat-h2,
    .mat-title,
    .mat-typography h2 {
      font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
      margin: 0 0 16px
    }

    .mat-h3,
    .mat-subheading-2,
    .mat-typography h3 {
      font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
      margin: 0 0 16px
    }

    .mat-h4,
    .mat-subheading-1,
    .mat-typography h4 {
      font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
      margin: 0 0 16px
    }

    .mat-h5,
    .mat-typography h5 {
      font: 400 calc(14px * .83)/20px Roboto, "Helvetica Neue", sans-serif;
      margin: 0 0 12px
    }

    .mat-h6,
    .mat-typography h6 {
      font: 400 calc(14px * .67)/20px Roboto, "Helvetica Neue", sans-serif;
      margin: 0 0 12px
    }

    .mat-body-2,
    .mat-body-strong {
      font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
    }

    .mat-body,
    .mat-body-1,
    .mat-typography {
      font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
    }

    .mat-body p,
    .mat-body-1 p,
    .mat-typography p {
      margin: 0 0 12px
    }

    .mat-caption,
    .mat-small {
      font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif
    }

    .mat-display-4,
    .mat-typography .mat-display-4 {
      font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
      letter-spacing: -.05em;
      margin: 0 0 56px
    }

    .mat-display-3,
    .mat-typography .mat-display-3 {
      font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
      letter-spacing: -.02em;
      margin: 0 0 64px
    }

    .mat-display-2,
    .mat-typography .mat-display-2 {
      font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
      letter-spacing: -.005em;
      margin: 0 0 64px
    }

    .mat-display-1,
    .mat-typography .mat-display-1 {
      font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
      margin: 0 0 64px
    }

    .mat-bottom-sheet-container {
      font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
    }

    .mat-button,
    .mat-fab,
    .mat-flat-button,
    .mat-icon-button,
    .mat-mini-fab,
    .mat-raised-button,
    .mat-stroked-button {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 14px;
      font-weight: 500
    }

    .mat-button-toggle,
    .mat-card {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-card-title {
      font-size: 24px;
      font-weight: 500
    }

    .mat-card-header .mat-card-title {
      font-size: 20px
    }

    .mat-card-content,
    .mat-card-subtitle {
      font-size: 14px
    }

    .mat-checkbox {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-checkbox-layout .mat-checkbox-label {
      line-height: 24px
    }

    .mat-chip {
      font-size: 14px;
      font-weight: 500
    }

    .mat-chip .mat-chip-remove.mat-icon,
    .mat-chip .mat-chip-trailing-icon.mat-icon {
      font-size: 18px
    }

    .mat-table {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-header-cell {
      font-size: 12px;
      font-weight: 500
    }

    .mat-cell,
    .mat-footer-cell {
      font-size: 14px
    }

    .mat-calendar {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-calendar-body {
      font-size: 13px
    }

    .mat-calendar-body-label,
    .mat-calendar-period-button {
      font-size: 14px;
      font-weight: 500
    }

    .mat-calendar-table-header th {
      font-size: 11px;
      font-weight: 400
    }

    .mat-dialog-title {
      font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif
    }

    .mat-expansion-panel-header {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 15px;
      font-weight: 400
    }

    .mat-expansion-panel-content {
      font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
    }

    .mat-form-field {
      font-size: inherit;
      font-weight: 400;
      line-height: 1.125;
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-form-field-wrapper {
      padding-bottom: 1.34375em
    }

    .mat-form-field-prefix .mat-icon,
    .mat-form-field-suffix .mat-icon {
      font-size: 150%;
      line-height: 1.125
    }

    .mat-form-field-prefix .mat-icon-button,
    .mat-form-field-suffix .mat-icon-button {
      height: 1.5em;
      width: 1.5em
    }

    .mat-form-field-prefix .mat-icon-button .mat-icon,
    .mat-form-field-suffix .mat-icon-button .mat-icon {
      height: 1.125em;
      line-height: 1.125
    }

    .mat-form-field-infix {
      padding: .5em 0;
      border-top: .84375em solid transparent
    }

    .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
    .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
      -ms-transform: translateY(-1.34375em) scale(.75);
      transform: translateY(-1.34375em) scale(.75);
      width: 133.33333%
    }

    .mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
      -ms-transform: translateY(-1.34374em) scale(.75);
      transform: translateY(-1.34374em) scale(.75);
      width: 133.33334%
    }

    .mat-form-field-label-wrapper {
      top: -.84375em;
      padding-top: .84375em
    }

    .mat-form-field-label {
      top: 1.34375em
    }

    .mat-form-field-underline {
      bottom: 1.34375em
    }

    .mat-form-field-subscript-wrapper {
      font-size: 75%;
      margin-top: .66667em;
      top: calc(100% - 1.79167em)
    }

    .mat-form-field-appearance-legacy .mat-form-field-wrapper {
      padding-bottom: 1.25em
    }

    .mat-form-field-appearance-legacy .mat-form-field-infix {
      padding: .4375em 0
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
      transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
      -ms-transform: translateY(-1.28125em) scale(.75);
      width: 133.33333%
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
      transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
      -ms-transform: translateY(-1.28124em) scale(.75);
      width: 133.33334%
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
      transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
      -ms-transform: translateY(-1.28123em) scale(.75);
      width: 133.33335%
    }

    .mat-form-field-appearance-legacy .mat-form-field-label {
      top: 1.28125em
    }

    .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
      margin-top: .54167em;
      top: calc(100% - 1.66667em)
    }

    @media print {

      .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
      .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        -ms-transform: translateY(-1.28122em) scale(.75);
        transform: translateY(-1.28122em) scale(.75)
      }

      .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
      }

      .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        -ms-transform: translateY(-1.2812em) scale(.75);
        transform: translateY(-1.2812em) scale(.75)
      }
    }

    .mat-form-field-appearance-fill .mat-form-field-infix {
      padding: .25em 0 .75em
    }

    .mat-form-field-appearance-fill .mat-form-field-label {
      top: 1.09375em;
      margin-top: -.5em
    }

    .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
    .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
      -ms-transform: translateY(-.59375em) scale(.75);
      transform: translateY(-.59375em) scale(.75);
      width: 133.33333%
    }

    .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
      -ms-transform: translateY(-.59374em) scale(.75);
      transform: translateY(-.59374em) scale(.75);
      width: 133.33334%
    }

    .mat-form-field-appearance-outline .mat-form-field-infix {
      padding: 1em 0
    }

    .mat-form-field-appearance-outline .mat-form-field-label {
      top: 1.84375em;
      margin-top: -.25em
    }

    .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
    .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
      -ms-transform: translateY(-1.59375em) scale(.75);
      transform: translateY(-1.59375em) scale(.75);
      width: 133.33333%
    }

    .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
      -ms-transform: translateY(-1.59374em) scale(.75);
      transform: translateY(-1.59374em) scale(.75);
      width: 133.33334%
    }

    .mat-grid-tile-footer,
    .mat-grid-tile-header {
      font-size: 14px
    }

    .mat-grid-tile-footer .mat-line,
    .mat-grid-tile-header .mat-line {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      box-sizing: border-box
    }

    .mat-grid-tile-footer .mat-line:nth-child(n+2),
    .mat-grid-tile-header .mat-line:nth-child(n+2) {
      font-size: 12px
    }

    input.mat-input-element {
      margin-top: -.0625em
    }

    .mat-menu-item {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 14px;
      font-weight: 400
    }

    .mat-paginator,
    .mat-paginator-page-size .mat-select-trigger {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 12px
    }

    .mat-radio-button,
    .mat-select {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-select-trigger {
      height: 1.125em
    }

    .mat-slide-toggle-content {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-slider-thumb-label-text {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 12px;
      font-weight: 500
    }

    .mat-stepper-horizontal,
    .mat-stepper-vertical {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-step-label {
      font-size: 14px;
      font-weight: 400
    }

    .mat-step-sub-label-error {
      font-weight: 400
    }

    .mat-step-label-error {
      font-size: 14px
    }

    .mat-step-label-selected {
      font-size: 14px;
      font-weight: 500
    }

    .mat-tab-group {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-tab-label,
    .mat-tab-link {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 14px;
      font-weight: 500
    }

    .mat-toolbar,
    .mat-toolbar h1,
    .mat-toolbar h2,
    .mat-toolbar h3,
    .mat-toolbar h4,
    .mat-toolbar h5,
    .mat-toolbar h6 {
      font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
      margin: 0
    }

    .mat-tooltip {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 10px;
      padding-top: 6px;
      padding-bottom: 6px
    }

    .mat-tooltip-handset {
      font-size: 14px;
      padding-top: 8px;
      padding-bottom: 8px
    }

    .mat-list-item,
    .mat-list-option {
      font-family: Roboto, "Helvetica Neue", sans-serif
    }

    .mat-list-base .mat-list-item {
      font-size: 16px
    }

    .mat-list-base .mat-list-item .mat-line {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      box-sizing: border-box
    }

    .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 14px
    }

    .mat-list-base .mat-list-option {
      font-size: 16px
    }

    .mat-list-base .mat-list-option .mat-line {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      box-sizing: border-box
    }

    .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 14px
    }

    .mat-list-base[dense] .mat-list-item {
      font-size: 12px
    }

    .mat-list-base[dense] .mat-list-item .mat-line {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      box-sizing: border-box
    }

    .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
    .mat-list-base[dense] .mat-list-option {
      font-size: 12px
    }

    .mat-list-base[dense] .mat-list-option .mat-line {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      box-sizing: border-box
    }

    .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 12px
    }

    .mat-list-base[dense] .mat-subheader {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 12px;
      font-weight: 500
    }

    .mat-option {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 16px;
      color: rgba(0, 0, 0, .87)
    }

    .mat-optgroup-label {
      font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
      color: rgba(0, 0, 0, .54)
    }

    .mat-simple-snackbar {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 14px
    }

    .mat-simple-snackbar-action {
      line-height: 1;
      font-family: inherit;
      font-size: inherit;
      font-weight: 500
    }

    .mat-ripple {
      overflow: hidden;
      position: relative
    }

    .mat-ripple.mat-ripple-unbounded {
      overflow: visible
    }

    .mat-ripple-element {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
      -ms-transform: scale(0);
      transform: scale(0)
    }

    @media (-ms-high-contrast:active) {
      .mat-ripple-element {
        display: none
      }
    }

    .cdk-visually-hidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      outline: 0;
      -webkit-appearance: none;
      -moz-appearance: none
    }

    .cdk-global-overlay-wrapper,
    .cdk-overlay-container {
      pointer-events: none;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
    }

    .cdk-overlay-container {
      position: fixed;
      z-index: 1000
    }

    .cdk-overlay-container:empty {
      display: none
    }

    .cdk-global-overlay-wrapper {
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      z-index: 1000
    }

    .cdk-overlay-pane {
      position: absolute;
      pointer-events: auto;
      box-sizing: border-box;
      z-index: 1000;
      display: -ms-flexbox;
      display: flex;
      max-width: 100%;
      max-height: 100%
    }

    .cdk-overlay-backdrop {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      pointer-events: auto;
      -webkit-tap-highlight-color: transparent;
      transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
      opacity: 0
    }

    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
      opacity: 1
    }

    @media screen and (-ms-high-contrast:active) {
      .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
      }
    }

    .cdk-overlay-dark-backdrop {
      background: rgba(0, 0, 0, .32)
    }

    .cdk-overlay-transparent-backdrop,
    .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
      opacity: 0
    }

    .cdk-overlay-connected-position-bounding-box {
      position: absolute;
      z-index: 1000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 1px;
      min-height: 1px
    }

    .cdk-global-scrollblock {
      position: fixed;
      width: 100%;
      overflow-y: scroll
    }

    @-webkit-keyframes cdk-text-field-autofill-start {
      /*!*/
    }

    @keyframes cdk-text-field-autofill-start {
      /*!*/
    }

    @-webkit-keyframes cdk-text-field-autofill-end {
      /*!*/
    }

    @keyframes cdk-text-field-autofill-end {
      /*!*/
    }

    .cdk-text-field-autofill-monitored:-webkit-autofill {
      -webkit-animation-name: cdk-text-field-autofill-start;
      animation-name: cdk-text-field-autofill-start
    }

    .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
      -webkit-animation-name: cdk-text-field-autofill-end;
      animation-name: cdk-text-field-autofill-end
    }

    textarea.cdk-textarea-autosize {
      resize: none
    }

    textarea.cdk-textarea-autosize-measuring {
      height: auto !important;
      overflow: hidden !important;
      padding: 2px 0 !important;
      box-sizing: content-box !important
    }

    .mat-ripple-element {
      background-color: rgba(0, 0, 0, .1)
    }

    .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
    .mat-option:focus:not(.mat-option-disabled),
    .mat-option:hover:not(.mat-option-disabled) {
      background: rgba(0, 0, 0, .04)
    }

    .mat-option.mat-active {
      background: rgba(0, 0, 0, .04);
      color: rgba(0, 0, 0, .87)
    }

    .mat-option.mat-option-disabled {
      color: rgba(0, 0, 0, .38)
    }

    .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
      color: #673ab7
    }

    .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
      color: #ffd740
    }

    .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
      color: #f44336
    }

    .mat-optgroup-disabled .mat-optgroup-label {
      color: rgba(0, 0, 0, .38)
    }

    .mat-pseudo-checkbox {
      color: rgba(0, 0, 0, .54)
    }

    .mat-pseudo-checkbox::after {
      color: #fafafa
    }

    .mat-pseudo-checkbox-disabled {
      color: #b0b0b0
    }

    .mat-primary .mat-pseudo-checkbox-checked,
    .mat-primary .mat-pseudo-checkbox-indeterminate {
      background: #673ab7
    }

    .mat-accent .mat-pseudo-checkbox-checked,
    .mat-accent .mat-pseudo-checkbox-indeterminate,
    .mat-pseudo-checkbox-checked,
    .mat-pseudo-checkbox-indeterminate {
      background: #ffd740
    }

    .mat-warn .mat-pseudo-checkbox-checked,
    .mat-warn .mat-pseudo-checkbox-indeterminate {
      background: #f44336
    }

    .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
    .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
      background: #b0b0b0
    }

    .mat-elevation-z0 {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
    }

    .mat-elevation-z1 {
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
    }

    .mat-elevation-z2 {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }

    .mat-elevation-z3 {
      box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
    }

    .mat-elevation-z4 {
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
    }

    .mat-elevation-z5 {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
    }

    .mat-elevation-z6 {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
    }

    .mat-elevation-z7 {
      box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z8 {
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z9 {
      box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z10 {
      box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z11 {
      box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z12 {
      box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z13 {
      box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z14 {
      box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z15 {
      box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z16 {
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z17 {
      box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z18 {
      box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z19 {
      box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z20 {
      box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z21 {
      box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z22 {
      box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z23 {
      box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
    }

    .mat-elevation-z24 {
      box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
    }

    .mat-app-background {
      background-color: #fafafa;
      color: rgba(0, 0, 0, .87)
    }

    .mat-theme-loaded-marker {
      display: none
    }

    .mat-autocomplete-panel {
      background: #fff;
      color: rgba(0, 0, 0, .87)
    }

    .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
    }

    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
      background: #fff
    }

    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
      color: rgba(0, 0, 0, .87)
    }

    @media (-ms-high-contrast:active) {
      .mat-badge-content {
        outline: solid 1px;
        border-radius: 0
      }

      .mat-checkbox-disabled {
        opacity: .5
      }
    }

    .mat-badge-accent .mat-badge-content {
      background: #ffd740;
      color: rgba(0, 0, 0, .87)
    }

    .mat-badge-warn .mat-badge-content {
      color: #fff;
      background: #f44336
    }

    .mat-badge {
      position: relative
    }

    .mat-badge-hidden .mat-badge-content {
      display: none
    }

    .mat-badge-disabled .mat-badge-content {
      background: #b9b9b9;
      color: rgba(0, 0, 0, .38)
    }

    .mat-badge-content {
      color: #fff;
      background: #673ab7;
      position: absolute;
      text-align: center;
      display: inline-block;
      border-radius: 50%;
      transition: transform .2s ease-in-out;
      -ms-transform: scale(.6);
      transform: scale(.6);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      pointer-events: none
    }

    .mat-badge-content._mat-animation-noopable,
    .ng-animate-disabled .mat-badge-content {
      transition: none
    }

    .mat-badge-content.mat-badge-active {
      -ms-transform: none;
      transform: none
    }

    .mat-badge-small .mat-badge-content {
      width: 16px;
      height: 16px;
      line-height: 16px
    }

    .mat-badge-small.mat-badge-above .mat-badge-content {
      top: -8px
    }

    .mat-badge-small.mat-badge-below .mat-badge-content {
      bottom: -8px
    }

    .mat-badge-small.mat-badge-before .mat-badge-content {
      left: -16px
    }

    [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
      left: auto;
      right: -16px
    }

    .mat-badge-small.mat-badge-after .mat-badge-content {
      right: -16px
    }

    [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
      right: auto;
      left: -16px
    }

    .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
      left: -8px
    }

    [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
      left: auto;
      right: -8px
    }

    .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
      right: -8px
    }

    [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
      right: auto;
      left: -8px
    }

    .mat-badge-medium .mat-badge-content {
      width: 22px;
      height: 22px;
      line-height: 22px
    }

    .mat-badge-medium.mat-badge-above .mat-badge-content {
      top: -11px
    }

    .mat-badge-medium.mat-badge-below .mat-badge-content {
      bottom: -11px
    }

    .mat-badge-medium.mat-badge-before .mat-badge-content {
      left: -22px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
      left: auto;
      right: -22px
    }

    .mat-badge-medium.mat-badge-after .mat-badge-content {
      right: -22px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
      right: auto;
      left: -22px
    }

    .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
      left: -11px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
      left: auto;
      right: -11px
    }

    .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
      right: -11px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
      right: auto;
      left: -11px
    }

    .mat-badge-large .mat-badge-content {
      width: 28px;
      height: 28px;
      line-height: 28px
    }

    .mat-badge-large.mat-badge-above .mat-badge-content {
      top: -14px
    }

    .mat-badge-large.mat-badge-below .mat-badge-content {
      bottom: -14px
    }

    .mat-badge-large.mat-badge-before .mat-badge-content {
      left: -28px
    }

    [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
      left: auto;
      right: -28px
    }

    .mat-badge-large.mat-badge-after .mat-badge-content {
      right: -28px
    }

    [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
      right: auto;
      left: -28px
    }

    .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
      left: -14px
    }

    [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
      left: auto;
      right: -14px
    }

    .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
      right: -14px
    }

    [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
      right: auto;
      left: -14px
    }

    .mat-bottom-sheet-container {
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
      background: #fff;
      color: rgba(0, 0, 0, .87)
    }

    .mat-button,
    .mat-icon-button,
    .mat-stroked-button {
      color: inherit;
      background: 0 0
    }

    .mat-button.mat-primary,
    .mat-icon-button.mat-primary,
    .mat-stroked-button.mat-primary {
      color: #673ab7
    }

    .mat-button.mat-accent,
    .mat-icon-button.mat-accent,
    .mat-stroked-button.mat-accent {
      color: #ffd740
    }

    .mat-button.mat-warn,
    .mat-icon-button.mat-warn,
    .mat-stroked-button.mat-warn {
      color: #f44336
    }

    .mat-button.mat-accent[disabled],
    .mat-button.mat-primary[disabled],
    .mat-button.mat-warn[disabled],
    .mat-button[disabled][disabled],
    .mat-icon-button.mat-accent[disabled],
    .mat-icon-button.mat-primary[disabled],
    .mat-icon-button.mat-warn[disabled],
    .mat-icon-button[disabled][disabled],
    .mat-stroked-button.mat-accent[disabled],
    .mat-stroked-button.mat-primary[disabled],
    .mat-stroked-button.mat-warn[disabled],
    .mat-stroked-button[disabled][disabled] {
      color: rgba(0, 0, 0, .26)
    }

    .mat-button.mat-primary .mat-button-focus-overlay,
    .mat-icon-button.mat-primary .mat-button-focus-overlay,
    .mat-stroked-button.mat-primary .mat-button-focus-overlay {
      background-color: #673ab7
    }

    .mat-button.mat-accent .mat-button-focus-overlay,
    .mat-icon-button.mat-accent .mat-button-focus-overlay,
    .mat-stroked-button.mat-accent .mat-button-focus-overlay {
      background-color: #ffd740
    }

    .mat-button.mat-warn .mat-button-focus-overlay,
    .mat-icon-button.mat-warn .mat-button-focus-overlay,
    .mat-stroked-button.mat-warn .mat-button-focus-overlay {
      background-color: #f44336
    }

    .mat-button[disabled] .mat-button-focus-overlay,
    .mat-icon-button[disabled] .mat-button-focus-overlay,
    .mat-stroked-button[disabled] .mat-button-focus-overlay {
      background-color: transparent
    }

    .mat-button .mat-ripple-element,
    .mat-icon-button .mat-ripple-element,
    .mat-stroked-button .mat-ripple-element {
      opacity: .1;
      background-color: currentColor
    }

    .mat-button-focus-overlay {
      background: #000
    }

    .mat-stroked-button:not([disabled]) {
      border-color: rgba(0, 0, 0, .12)
    }

    .mat-fab,
    .mat-flat-button,
    .mat-mini-fab,
    .mat-raised-button {
      color: rgba(0, 0, 0, .87);
      background-color: #fff
    }

    .mat-fab.mat-primary,
    .mat-flat-button.mat-primary,
    .mat-mini-fab.mat-primary,
    .mat-raised-button.mat-primary {
      color: #fff;
      background-color: #673ab7
    }

    .mat-fab.mat-accent,
    .mat-flat-button.mat-accent,
    .mat-mini-fab.mat-accent,
    .mat-raised-button.mat-accent {
      color: rgba(0, 0, 0, .87);
      background-color: #ffd740
    }

    .mat-fab.mat-warn,
    .mat-flat-button.mat-warn,
    .mat-mini-fab.mat-warn,
    .mat-raised-button.mat-warn {
      color: #fff;
      background-color: #f44336
    }

    .mat-fab.mat-accent[disabled],
    .mat-fab.mat-primary[disabled],
    .mat-fab.mat-warn[disabled],
    .mat-fab[disabled][disabled],
    .mat-flat-button.mat-accent[disabled],
    .mat-flat-button.mat-primary[disabled],
    .mat-flat-button.mat-warn[disabled],
    .mat-flat-button[disabled][disabled],
    .mat-mini-fab.mat-accent[disabled],
    .mat-mini-fab.mat-primary[disabled],
    .mat-mini-fab.mat-warn[disabled],
    .mat-mini-fab[disabled][disabled],
    .mat-raised-button.mat-accent[disabled],
    .mat-raised-button.mat-primary[disabled],
    .mat-raised-button.mat-warn[disabled],
    .mat-raised-button[disabled][disabled] {
      color: rgba(0, 0, 0, .26);
      background-color: rgba(0, 0, 0, .12)
    }

    .mat-fab.mat-primary .mat-ripple-element,
    .mat-flat-button.mat-primary .mat-ripple-element,
    .mat-mini-fab.mat-primary .mat-ripple-element,
    .mat-raised-button.mat-primary .mat-ripple-element {
      background-color: rgba(255, 255, 255, .1)
    }

    .mat-fab.mat-accent .mat-ripple-element,
    .mat-flat-button.mat-accent .mat-ripple-element,
    .mat-mini-fab.mat-accent .mat-ripple-element,
    .mat-raised-button.mat-accent .mat-ripple-element {
      background-color: rgba(0, 0, 0, .1)
    }

    .mat-fab.mat-warn .mat-ripple-element,
    .mat-flat-button.mat-warn .mat-ripple-element,
    .mat-mini-fab.mat-warn .mat-ripple-element,
    .mat-raised-button.mat-warn .mat-ripple-element {
      background-color: rgba(255, 255, 255, .1)
    }

    .mat-flat-button:not([class*=mat-elevation-z]),
    .mat-stroked-button:not([class*=mat-elevation-z]) {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
    }

    .mat-raised-button:not([class*=mat-elevation-z]) {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }

    .mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
    }

    .mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
    }

    .mat-fab:not([class*=mat-elevation-z]),
    .mat-mini-fab:not([class*=mat-elevation-z]) {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
    }

    .mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
    .mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
      box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
    }

    .mat-fab[disabled]:not([class*=mat-elevation-z]),
    .mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
    }

    .mat-button-toggle-group,
    .mat-button-toggle-standalone {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }

    .mat-button-toggle-group-appearance-standard,
    .mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
      box-shadow: none;
      border: 1px solid rgba(0, 0, 0, .12)
    }

    .mat-button-toggle {
      color: rgba(0, 0, 0, .38)
    }

    .mat-button-toggle .mat-button-toggle-focus-overlay {
      background-color: rgba(0, 0, 0, .12)
    }

    .mat-button-toggle-appearance-standard {
      color: rgba(0, 0, 0, .87);
      background: #fff
    }

    .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
      background-color: #000
    }

    .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
      border-left: 1px solid rgba(0, 0, 0, .12)
    }

    [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
      border-left: none;
      border-right: 1px solid rgba(0, 0, 0, .12)
    }

    .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
      border-left: none;
      border-right: none;
      border-top: 1px solid rgba(0, 0, 0, .12)
    }

    .mat-button-toggle-checked {
      background-color: #e0e0e0;
      color: rgba(0, 0, 0, .54)
    }

    .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
      color: rgba(0, 0, 0, .87)
    }

    .mat-button-toggle-disabled {
      color: rgba(0, 0, 0, .26);
      background-color: #eee
    }

    .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
      background: #fff
    }

    .mat-button-toggle-disabled.mat-button-toggle-checked {
      background-color: #bdbdbd
    }

    .mat-card {
      background: #fff;
      color: rgba(0, 0, 0, .87)
    }

    .mat-card:not([class*=mat-elevation-z]) {
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
    }

    .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
    }

    .mat-card-subtitle {
      color: rgba(0, 0, 0, .54)
    }

    .mat-checkbox-frame {
      border-color: rgba(0, 0, 0, .54)
    }

    .mat-checkbox-checkmark {
      fill: #fafafa
    }

    .mat-checkbox-checkmark-path {
      stroke: #fafafa !important
    }

    @media (-ms-high-contrast:black-on-white) {
      .mat-checkbox-checkmark-path {
        stroke: #000 !important
      }
    }

    .mat-checkbox-mixedmark {
      background-color: #fafafa
    }

    .mat-checkbox-checked.mat-primary .mat-checkbox-background,
    .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
      background-color: #673ab7
    }

    .mat-checkbox-checked.mat-accent .mat-checkbox-background,
    .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
      background-color: #ffd740
    }

    .mat-checkbox-checked.mat-warn .mat-checkbox-background,
    .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
      background-color: #f44336
    }

    .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
    .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
      background-color: #b0b0b0
    }

    .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
      border-color: #b0b0b0
    }

    .mat-checkbox-disabled .mat-checkbox-label {
      color: rgba(0, 0, 0, .54)
    }

    @media (-ms-high-contrast:active) {
      .mat-checkbox-background {
        background: 0 0
      }
    }

    .mat-checkbox .mat-ripple-element {
      background-color: #000
    }

    .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
    .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
      background: #673ab7
    }

    .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
    .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
      background: #ffd740
    }

    .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
    .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
      background: #f44336
    }

    .mat-chip.mat-standard-chip {
      background-color: #e0e0e0;
      color: rgba(0, 0, 0, .87)
    }

    .mat-chip.mat-standard-chip .mat-chip-remove {
      color: rgba(0, 0, 0, .87);
      opacity: .4
    }

    .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
      box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
    }

    .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
      opacity: .54
    }

    .mat-chip.mat-standard-chip.mat-chip-disabled {
      opacity: .4
    }

    .mat-chip.mat-standard-chip::after {
      background: #000
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
      background-color: #673ab7;
      color: #fff
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
      color: #fff;
      opacity: .4
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
      background: rgba(255, 255, 255, .1)
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
      background-color: #f44336;
      color: #fff
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
      color: #fff;
      opacity: .4
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
      background: rgba(255, 255, 255, .1)
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
      background-color: #ffd740;
      color: rgba(0, 0, 0, .87)
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
      color: rgba(0, 0, 0, .87);
      opacity: .4
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
      background: rgba(0, 0, 0, .1)
    }

    .mat-table {
      background: #fff
    }

    .mat-table tbody,
    .mat-table tfoot,
    .mat-table thead,
    .mat-table-sticky,
    [mat-footer-row],
    [mat-header-row],
    [mat-row],
    mat-footer-row,
    mat-header-row,
    mat-row {
      background: inherit
    }

    mat-footer-row,
    mat-header-row,
    mat-row,
    td.mat-cell,
    td.mat-footer-cell,
    th.mat-header-cell {
      border-bottom-color: rgba(0, 0, 0, .12)
    }

    .mat-header-cell {
      color: rgba(0, 0, 0, .54)
    }

    .mat-cell,
    .mat-footer-cell {
      color: rgba(0, 0, 0, .87)
    }

    .mat-calendar-arrow {
      border-top-color: rgba(0, 0, 0, .54)
    }

    .mat-datepicker-content .mat-calendar-next-button,
    .mat-datepicker-content .mat-calendar-previous-button,
    .mat-datepicker-toggle {
      color: rgba(0, 0, 0, .54)
    }

    .mat-calendar-table-header {
      color: rgba(0, 0, 0, .38)
    }

    .mat-calendar-table-header-divider::after {
      background: rgba(0, 0, 0, .12)
    }

    .mat-calendar-body-label {
      color: rgba(0, 0, 0, .54)
    }

    .mat-calendar-body-cell-content {
      color: rgba(0, 0, 0, .87);
      border-color: transparent
    }

    .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
      color: rgba(0, 0, 0, .38)
    }

    .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
    .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
      background-color: rgba(0, 0, 0, .04)
    }

    .mat-calendar-body-today:not(.mat-calendar-body-selected) {
      border-color: rgba(0, 0, 0, .38)
    }

    .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
      border-color: rgba(0, 0, 0, .18)
    }

    .mat-calendar-body-selected {
      background-color: #673ab7;
      color: #fff
    }

    .mat-calendar-body-disabled>.mat-calendar-body-selected {
      background-color: rgba(103, 58, 183, .4)
    }

    .mat-calendar-body-today.mat-calendar-body-selected {
      box-shadow: inset 0 0 0 1px #fff
    }

    .mat-datepicker-content {
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
      background-color: #fff;
      color: rgba(0, 0, 0, .87)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
      background-color: #ffd740;
      color: rgba(0, 0, 0, .87)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
      background-color: rgba(255, 215, 64, .4)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .87)
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
      background-color: #f44336;
      color: #fff
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
      background-color: rgba(244, 67, 54, .4)
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
      box-shadow: inset 0 0 0 1px #fff
    }

    .mat-datepicker-content-touch {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
    }

    .mat-datepicker-toggle-active {
      color: #673ab7
    }

    .mat-datepicker-toggle-active.mat-accent {
      color: #ffd740
    }

    .mat-datepicker-toggle-active.mat-warn {
      color: #f44336
    }

    .mat-dialog-container {
      box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
      background: #fff;
      color: rgba(0, 0, 0, .87)
    }

    .mat-divider {
      border-top-color: rgba(0, 0, 0, .12)
    }

    .mat-divider-vertical {
      border-right-color: rgba(0, 0, 0, .12)
    }

    .mat-expansion-panel {
      background: #fff;
      color: rgba(0, 0, 0, .87)
    }

    .mat-expansion-panel:not([class*=mat-elevation-z]) {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }

    .mat-action-row {
      border-top-color: rgba(0, 0, 0, .12)
    }

    .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
    .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
    .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
      background: rgba(0, 0, 0, .04)
    }

    @media (hover:none) {
      .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
      }
    }

    .mat-expansion-panel-header-title {
      color: rgba(0, 0, 0, .87)
    }

    .mat-expansion-indicator::after,
    .mat-expansion-panel-header-description {
      color: rgba(0, 0, 0, .54)
    }

    .mat-expansion-panel-header[aria-disabled=true] {
      color: rgba(0, 0, 0, .26)
    }

    .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
    .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
      color: inherit
    }

    .mat-form-field-label,
    .mat-hint {
      color: rgba(0, 0, 0, .6)
    }

    .mat-form-field.mat-focused .mat-form-field-label {
      color: #673ab7
    }

    .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
      color: #ffd740
    }

    .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
      color: #f44336
    }

    .mat-focused .mat-form-field-required-marker {
      color: #ffd740
    }

    .mat-form-field-ripple {
      background-color: rgba(0, 0, 0, .87)
    }

    .mat-form-field.mat-focused .mat-form-field-ripple {
      background-color: #673ab7
    }

    .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
      background-color: #ffd740
    }

    .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
      background-color: #f44336
    }

    .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
      color: #673ab7
    }

    .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
      color: #ffd740
    }

    .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after,
    .mat-form-field.mat-form-field-invalid .mat-form-field-label,
    .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
    .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
      color: #f44336
    }

    .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
    .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
      background-color: #f44336
    }

    .mat-error {
      color: #f44336
    }

    .mat-form-field-appearance-legacy .mat-form-field-label,
    .mat-form-field-appearance-legacy .mat-hint {
      color: rgba(0, 0, 0, .54)
    }

    .mat-form-field-appearance-legacy .mat-form-field-underline {
      bottom: 1.25em;
      background-color: rgba(0, 0, 0, .42)
    }

    .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
      background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
      background-size: 4px 100%;
      background-repeat: repeat-x
    }

    .mat-form-field-appearance-standard .mat-form-field-underline {
      background-color: rgba(0, 0, 0, .42)
    }

    .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
      background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
      background-size: 4px 100%;
      background-repeat: repeat-x
    }

    .mat-form-field-appearance-fill .mat-form-field-flex {
      background-color: rgba(0, 0, 0, .04)
    }

    .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
      background-color: rgba(0, 0, 0, .02)
    }

    .mat-form-field-appearance-fill .mat-form-field-underline::before {
      background-color: rgba(0, 0, 0, .42)
    }

    .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
      color: rgba(0, 0, 0, .38)
    }

    .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
      background-color: transparent
    }

    .mat-form-field-appearance-outline .mat-form-field-outline {
      color: rgba(0, 0, 0, .12)
    }

    .mat-form-field-appearance-outline .mat-form-field-outline-thick {
      color: rgba(0, 0, 0, .87)
    }

    .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
      color: #673ab7
    }

    .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
      color: #ffd740
    }

    .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
    .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
      color: #f44336
    }

    .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
      color: rgba(0, 0, 0, .38)
    }

    .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
      color: rgba(0, 0, 0, .06)
    }

    .mat-icon.mat-primary {
      color: #673ab7
    }

    .mat-icon.mat-accent {
      color: #ffd740
    }

    .mat-icon.mat-warn {
      color: #f44336
    }

    .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
      color: rgba(0, 0, 0, .54)
    }

    .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,
    .mat-input-element:disabled {
      color: rgba(0, 0, 0, .38)
    }

    .mat-input-element {
      caret-color: #673ab7
    }

    .mat-input-element::-ms-input-placeholder {
      color: rgba(0, 0, 0, .42)
    }

    .mat-input-element::placeholder {
      color: rgba(0, 0, 0, .42)
    }

    .mat-input-element::-moz-placeholder {
      color: rgba(0, 0, 0, .42)
    }

    .mat-input-element::-webkit-input-placeholder {
      color: rgba(0, 0, 0, .42)
    }

    .mat-input-element:-ms-input-placeholder {
      color: rgba(0, 0, 0, .42)
    }

    .mat-accent .mat-input-element {
      caret-color: #ffd740
    }

    .mat-form-field-invalid .mat-input-element,
    .mat-warn .mat-input-element {
      caret-color: #f44336
    }

    .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
      color: #f44336
    }

    .mat-list-base .mat-list-item,
    .mat-list-base .mat-list-option {
      color: rgba(0, 0, 0, .87)
    }

    .mat-list-base .mat-subheader {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: rgba(0, 0, 0, .54)
    }

    .mat-list-item-disabled {
      background-color: #eee
    }

    .mat-action-list .mat-list-item:focus,
    .mat-action-list .mat-list-item:hover,
    .mat-list-option:focus,
    .mat-list-option:hover,
    .mat-nav-list .mat-list-item:focus,
    .mat-nav-list .mat-list-item:hover {
      background: rgba(0, 0, 0, .04)
    }

    .mat-menu-panel {
      background: #fff
    }

    .mat-menu-panel:not([class*=mat-elevation-z]) {
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
    }

    .mat-menu-item {
      background: 0 0;
      color: rgba(0, 0, 0, .87)
    }

    .mat-menu-item[disabled],
    .mat-menu-item[disabled]::after {
      color: rgba(0, 0, 0, .38)
    }

    .mat-menu-item .mat-icon-no-color,
    .mat-menu-item-submenu-trigger::after {
      color: rgba(0, 0, 0, .54)
    }

    .mat-menu-item-highlighted:not([disabled]),
    .mat-menu-item.cdk-keyboard-focused:not([disabled]),
    .mat-menu-item.cdk-program-focused:not([disabled]),
    .mat-menu-item:hover:not([disabled]) {
      background: rgba(0, 0, 0, .04)
    }

    .mat-paginator {
      background: #fff
    }

    .mat-paginator,
    .mat-paginator-page-size .mat-select-trigger {
      color: rgba(0, 0, 0, .54)
    }

    .mat-paginator-decrement,
    .mat-paginator-increment {
      border-top: 2px solid rgba(0, 0, 0, .54);
      border-right: 2px solid rgba(0, 0, 0, .54)
    }

    .mat-paginator-first,
    .mat-paginator-last {
      border-top: 2px solid rgba(0, 0, 0, .54)
    }

    .mat-icon-button[disabled] .mat-paginator-decrement,
    .mat-icon-button[disabled] .mat-paginator-first,
    .mat-icon-button[disabled] .mat-paginator-increment,
    .mat-icon-button[disabled] .mat-paginator-last {
      border-color: rgba(0, 0, 0, .38)
    }

    .mat-progress-bar-background {
      fill: #d1c4e9
    }

    .mat-progress-bar-buffer {
      background-color: #d1c4e9
    }

    .mat-progress-bar-fill::after {
      background-color: #673ab7
    }

    .mat-progress-bar.mat-accent .mat-progress-bar-background {
      fill: #ffe57f
    }

    .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
      background-color: #ffe57f
    }

    .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
      background-color: #ffd740
    }

    .mat-progress-bar.mat-warn .mat-progress-bar-background {
      fill: #ffcdd2
    }

    .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
      background-color: #ffcdd2
    }

    .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
      background-color: #f44336
    }

    .mat-progress-spinner circle,
    .mat-spinner circle {
      stroke: #673ab7
    }

    .mat-progress-spinner.mat-accent circle,
    .mat-spinner.mat-accent circle {
      stroke: #ffd740
    }

    .mat-progress-spinner.mat-warn circle,
    .mat-spinner.mat-warn circle {
      stroke: #f44336
    }

    .mat-radio-outer-circle {
      border-color: rgba(0, 0, 0, .54)
    }

    .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
      border-color: #673ab7
    }

    .mat-radio-button.mat-primary .mat-radio-inner-circle,
    .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
    .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
    .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
      background-color: #673ab7
    }

    .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
      border-color: #ffd740
    }

    .mat-radio-button.mat-accent .mat-radio-inner-circle,
    .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
    .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
    .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
      background-color: #ffd740
    }

    .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
      border-color: #f44336
    }

    .mat-radio-button.mat-warn .mat-radio-inner-circle,
    .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
    .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
    .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
      background-color: #f44336
    }

    .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,
    .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
      border-color: rgba(0, 0, 0, .38)
    }

    .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
    .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
      background-color: rgba(0, 0, 0, .38)
    }

    .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
      color: rgba(0, 0, 0, .38)
    }

    .mat-radio-button .mat-ripple-element {
      background-color: #000
    }

    .mat-select-value {
      color: rgba(0, 0, 0, .87)
    }

    .mat-select-placeholder {
      color: rgba(0, 0, 0, .42)
    }

    .mat-select-disabled .mat-select-value {
      color: rgba(0, 0, 0, .38)
    }

    .mat-select-arrow {
      color: rgba(0, 0, 0, .54)
    }

    .mat-select-panel {
      background: #fff
    }

    .mat-select-panel:not([class*=mat-elevation-z]) {
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
    }

    .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
      background: rgba(0, 0, 0, .12)
    }

    .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
      color: #673ab7
    }

    .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
      color: #ffd740
    }

    .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,
    .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
      color: #f44336
    }

    .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
      color: rgba(0, 0, 0, .38)
    }

    .mat-drawer-container {
      background-color: #fafafa;
      color: rgba(0, 0, 0, .87)
    }

    .mat-drawer {
      background-color: #fff;
      color: rgba(0, 0, 0, .87)
    }

    .mat-drawer.mat-drawer-push {
      background-color: #fff
    }

    .mat-drawer:not(.mat-drawer-side) {
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
    }

    .mat-drawer-side {
      border-right: 1px solid rgba(0, 0, 0, .12)
    }

    .mat-drawer-side.mat-drawer-end,
    [dir=rtl] .mat-drawer-side {
      border-left: 1px solid rgba(0, 0, 0, .12);
      border-right: none
    }

    [dir=rtl] .mat-drawer-side.mat-drawer-end {
      border-left: none;
      border-right: 1px solid rgba(0, 0, 0, .12)
    }

    .mat-drawer-backdrop.mat-drawer-shown {
      background-color: rgba(0, 0, 0, .6)
    }

    .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
      background-color: #ffd740
    }

    .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
      background-color: rgba(255, 215, 64, .54)
    }

    .mat-slide-toggle.mat-checked .mat-ripple-element {
      background-color: #ffd740
    }

    .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
      background-color: #673ab7
    }

    .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
      background-color: rgba(103, 58, 183, .54)
    }

    .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
      background-color: #673ab7
    }

    .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
      background-color: #f44336
    }

    .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
      background-color: rgba(244, 67, 54, .54)
    }

    .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
      background-color: #f44336
    }

    .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
      background-color: #000
    }

    .mat-slide-toggle-thumb {
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
      background-color: #fafafa
    }

    .mat-slide-toggle-bar {
      background-color: rgba(0, 0, 0, .38)
    }

    .mat-slider-track-background {
      background-color: rgba(0, 0, 0, .26)
    }

    .mat-primary .mat-slider-thumb,
    .mat-primary .mat-slider-thumb-label,
    .mat-primary .mat-slider-track-fill {
      background-color: #673ab7
    }

    .mat-primary .mat-slider-thumb-label-text {
      color: #fff
    }

    .mat-accent .mat-slider-thumb,
    .mat-accent .mat-slider-thumb-label,
    .mat-accent .mat-slider-track-fill {
      background-color: #ffd740
    }

    .mat-accent .mat-slider-thumb-label-text {
      color: rgba(0, 0, 0, .87)
    }

    .mat-warn .mat-slider-thumb,
    .mat-warn .mat-slider-thumb-label,
    .mat-warn .mat-slider-track-fill {
      background-color: #f44336
    }

    .mat-warn .mat-slider-thumb-label-text {
      color: #fff
    }

    .mat-slider-focus-ring {
      background-color: rgba(255, 215, 64, .2)
    }

    .cdk-focused .mat-slider-track-background,
    .mat-slider:hover .mat-slider-track-background {
      background-color: rgba(0, 0, 0, .38)
    }

    .mat-slider-disabled .mat-slider-thumb,
    .mat-slider-disabled .mat-slider-track-background,
    .mat-slider-disabled .mat-slider-track-fill,
    .mat-slider-disabled:hover .mat-slider-track-background {
      background-color: rgba(0, 0, 0, .26)
    }

    .mat-slider-min-value .mat-slider-focus-ring {
      background-color: rgba(0, 0, 0, .12)
    }

    .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
    .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
      background-color: rgba(0, 0, 0, .87)
    }

    .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
    .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
      background-color: rgba(0, 0, 0, .26)
    }

    .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
      border-color: rgba(0, 0, 0, .26);
      background-color: transparent
    }

    .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
    .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
      border-color: rgba(0, 0, 0, .38)
    }

    .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
    .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
      border-color: rgba(0, 0, 0, .26)
    }

    .mat-slider-has-ticks .mat-slider-wrapper::after {
      border-color: rgba(0, 0, 0, .7)
    }

    .mat-slider-horizontal .mat-slider-ticks {
      background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
      background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
    }

    .mat-slider-vertical .mat-slider-ticks {
      background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
    }

    .mat-step-header.cdk-keyboard-focused,
    .mat-step-header.cdk-program-focused,
    .mat-step-header:hover {
      background-color: rgba(0, 0, 0, .04)
    }

    @media (hover:none) {
      .mat-step-header:hover {
        background: 0 0
      }
    }

    .mat-step-header .mat-step-label,
    .mat-step-header .mat-step-optional {
      color: rgba(0, 0, 0, .54)
    }

    .mat-step-header .mat-step-icon {
      background-color: rgba(0, 0, 0, .54);
      color: #fff
    }

    .mat-step-header .mat-step-icon-selected,
    .mat-step-header .mat-step-icon-state-done,
    .mat-step-header .mat-step-icon-state-edit {
      background-color: #673ab7;
      color: #fff
    }

    .mat-step-header .mat-step-icon-state-error {
      background-color: transparent;
      color: #f44336
    }

    .mat-step-header .mat-step-label.mat-step-label-active {
      color: rgba(0, 0, 0, .87)
    }

    .mat-step-header .mat-step-label.mat-step-label-error {
      color: #f44336
    }

    .mat-stepper-horizontal,
    .mat-stepper-vertical {
      background-color: #fff
    }

    .mat-stepper-vertical-line::before {
      border-left-color: rgba(0, 0, 0, .12)
    }

    .mat-horizontal-stepper-header::after,
    .mat-horizontal-stepper-header::before,
    .mat-stepper-horizontal-line {
      border-top-color: rgba(0, 0, 0, .12)
    }

    .mat-sort-header-arrow {
      color: #757575
    }

    .mat-tab-header,
    .mat-tab-nav-bar {
      border-bottom: 1px solid rgba(0, 0, 0, .12)
    }

    .mat-tab-group-inverted-header .mat-tab-header,
    .mat-tab-group-inverted-header .mat-tab-nav-bar {
      border-top: 1px solid rgba(0, 0, 0, .12);
      border-bottom: none
    }

    .mat-tab-label,
    .mat-tab-link {
      color: rgba(0, 0, 0, .87)
    }

    .mat-tab-label.mat-tab-disabled,
    .mat-tab-link.mat-tab-disabled {
      color: rgba(0, 0, 0, .38)
    }

    .mat-tab-header-pagination-chevron {
      border-color: rgba(0, 0, 0, .87)
    }

    .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
      border-color: rgba(0, 0, 0, .38)
    }

    .mat-tab-group[class*=mat-background-] .mat-tab-header,
    .mat-tab-nav-bar[class*=mat-background-] {
      border-bottom: none;
      border-top: none
    }

    .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
      background-color: rgba(209, 196, 233, .3)
    }

    .mat-tab-group.mat-primary .mat-ink-bar,
    .mat-tab-nav-bar.mat-primary .mat-ink-bar {
      background-color: #673ab7
    }

    .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
    .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
      background-color: #fff
    }

    .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
      background-color: rgba(255, 229, 127, .3)
    }

    .mat-tab-group.mat-accent .mat-ink-bar,
    .mat-tab-nav-bar.mat-accent .mat-ink-bar {
      background-color: #ffd740
    }

    .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
    .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
      background-color: rgba(0, 0, 0, .87)
    }

    .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
      background-color: rgba(255, 205, 210, .3)
    }

    .mat-tab-group.mat-warn .mat-ink-bar,
    .mat-tab-nav-bar.mat-warn .mat-ink-bar {
      background-color: #f44336
    }

    .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
    .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
      background-color: #fff
    }

    .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
      background-color: rgba(209, 196, 233, .3)
    }

    .mat-tab-group.mat-background-primary .mat-tab-header,
    .mat-tab-group.mat-background-primary .mat-tab-header-pagination,
    .mat-tab-group.mat-background-primary .mat-tab-links,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-header,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
      background-color: #673ab7
    }

    .mat-tab-group.mat-background-primary .mat-tab-label,
    .mat-tab-group.mat-background-primary .mat-tab-link,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-label,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
      color: #fff
    }

    .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
    .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
      color: rgba(255, 255, 255, .4)
    }

    .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
      border-color: #fff
    }

    .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
    .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
      border-color: rgba(255, 255, 255, .4)
    }

    .mat-tab-group.mat-background-primary .mat-ripple-element,
    .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
      background-color: rgba(255, 255, 255, .12)
    }

    .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
      background-color: rgba(255, 229, 127, .3)
    }

    .mat-tab-group.mat-background-accent .mat-tab-header,
    .mat-tab-group.mat-background-accent .mat-tab-header-pagination,
    .mat-tab-group.mat-background-accent .mat-tab-links,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-header,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
      background-color: #ffd740
    }

    .mat-tab-group.mat-background-accent .mat-tab-label,
    .mat-tab-group.mat-background-accent .mat-tab-link,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-label,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
      color: rgba(0, 0, 0, .87)
    }

    .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
    .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
      color: rgba(0, 0, 0, .4)
    }

    .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
      border-color: rgba(0, 0, 0, .87)
    }

    .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
    .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
      border-color: rgba(0, 0, 0, .4)
    }

    .mat-tab-group.mat-background-accent .mat-ripple-element,
    .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
      background-color: rgba(0, 0, 0, .12)
    }

    .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
    .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
      background-color: rgba(255, 205, 210, .3)
    }

    .mat-tab-group.mat-background-warn .mat-tab-header,
    .mat-tab-group.mat-background-warn .mat-tab-header-pagination,
    .mat-tab-group.mat-background-warn .mat-tab-links,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-header,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
      background-color: #f44336
    }

    .mat-tab-group.mat-background-warn .mat-tab-label,
    .mat-tab-group.mat-background-warn .mat-tab-link,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-label,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
      color: #fff
    }

    .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
    .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
      color: rgba(255, 255, 255, .4)
    }

    .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
      border-color: #fff
    }

    .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
    .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
      border-color: rgba(255, 255, 255, .4)
    }

    .mat-tab-group.mat-background-warn .mat-ripple-element,
    .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
      background-color: rgba(255, 255, 255, .12)
    }

    .mat-toolbar {
      background: #f5f5f5;
      color: rgba(0, 0, 0, .87)
    }

    .mat-toolbar.mat-primary {
      background: #673ab7;
      color: #fff
    }

    .mat-toolbar.mat-accent {
      background: #ffd740;
      color: rgba(0, 0, 0, .87)
    }

    .mat-toolbar.mat-warn {
      background: #f44336;
      color: #fff
    }

    .mat-toolbar .mat-focused .mat-form-field-ripple,
    .mat-toolbar .mat-form-field-ripple,
    .mat-toolbar .mat-form-field-underline {
      background-color: currentColor
    }

    .mat-toolbar .mat-focused .mat-form-field-label,
    .mat-toolbar .mat-form-field-label,
    .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
    .mat-toolbar .mat-select-arrow,
    .mat-toolbar .mat-select-value {
      color: inherit
    }

    .mat-toolbar .mat-input-element {
      caret-color: currentColor
    }

    .mat-tooltip {
      background: rgba(97, 97, 97, .9)
    }

    .mat-tree {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      background: #fff
    }

    .mat-nested-tree-node,
    .mat-tree-node {
      font-weight: 400;
      font-size: 14px;
      color: rgba(0, 0, 0, .87)
    }

    .mat-snack-bar-container {
      color: rgba(255, 255, 255, .7);
      background: #323232;
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
    }

    .mat-simple-snackbar-action {
      color: #ffd740
    }









/**********************Thanks***************************************/
body{
  position: relative;
}
footer{
  position: absolute;
  bottom:0px;
  width: 100%;
  padding:15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
} 
.footer__left a, .footer__center a{
  color:#000!important;
  font-size: 18px;
}
.footer__box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.footer__right{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__box .footer__right a{
  margin:0 15px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  transition: all .3s;
}
.footer__box .footer__right a:hover{
  
}
.footer__box .footer__right a svg{
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 480px) {
  .footer__box{
    flex-direction: column;
  }
  .bot-fedor .correspondence {
      min-height: 100%;
      padding: 30px 16px 110px !important;
  }
}
.alert_block{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, .5);
        overflow: auto;
        z-index: 99999999;
    }
    .alert_thank{
        max-width: 420px;
        width: 100%;
        min-height: 70px;
        margin: 15px;
        position: relative;
        background-color: rgb(255, 255, 255);
    }
    .alert_thank-content{
        padding: 30px;
        text-align: center;
        color: rgb(0, 0, 0);
    }
    .alert_thank-content p{
        font-size: 24px;
        margin-bottom: 15px;
        font-family: "Montserrat-Bold";
    }
    .alert_thank-content span{
        font-size: 20px;
        font-family: "Montserrat-Regular";
    }
    .alert_thank-close{
        position: absolute;
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 999;
    }
    .alert_thank-close:before,.alert_thank-close:after{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
        background-color: rgb(0, 0, 0);
    }
    .alert_thank-close:before{
        width: 15px;
        height: 2px;
    }
    .alert_thank-close:after{
        width: 2px;
        height: 15px;
    }
    .error{
      border: 1px solid red!important;
    }



#cookies.open {
  display: block;
}
#cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #65a2dc;
    padding: 13px;
    color: #FFF;
    font-size: 20px;
    display: none;
    z-index: 99999;
}
.cookies__box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:100px;
}
.cookies__left p{
  font-size: 14px;
}
#cookies:hover{
  opacity: 1;
}
.description{
  padding:15px 0;
}
.bot-fedor iframe{
  margin:0 auto;
}
.videos{
   margin:40px 0;
}
.videos__box a{
    display: block;
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
    color:#65a2dc;
}
.videos__box{
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  #signup-form .fields-row{
    flex-direction: column;
  }
  #signup-form .fields-2 .fields-row .field-block {
    margin-left: 0%!important;
    width:100%!important;
  }
  #signup-form button{
    width: 100%;
  }
  .videos__box{
    flex-direction: column;
  }
  .videos__box a{
    margin-bottom:30px;
  }

}